﻿@font-face {
    font-family: 'als_rublregular';
    src: url('/fonts/rouble-webfont.eot');
    src: url('/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rouble-webfont.woff') format('woff'),
         url('/fonts/rouble-webfont.ttf') format('truetype'),
         url('/fonts/rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pf_din_text_cond_promedium';
    src: url('/fonts/pfdintextcondpro-medium-webfont.eot');
    src: url('/fonts/pfdintextcondpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pfdintextcondpro-medium-webfont.woff') format('woff'),
         url('/fonts/pfdintextcondpro-medium-webfont.ttf') format('truetype'),
         url('/fonts/pfdintextcondpro-medium-webfont.svg#pf_din_text_cond_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pf_din_text_cond_probold';
    src: url('/fonts/pfdintextcondpro-bold-webfont.eot');
    src: url('/fonts/pfdintextcondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pfdintextcondpro-bold-webfont.woff') format('woff'),
         url('/fonts/pfdintextcondpro-bold-webfont.ttf') format('truetype'),
         url('/fonts/pfdintextcondpro-bold-webfont.svg#pf_din_text_cond_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pf_din_text_cond_proitalic';
    src: url('/fonts/pfdintextcondpro-italic-webfont.eot');
    src: url('/fonts/pfdintextcondpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pfdintextcondpro-italic-webfont.woff') format('woff'),
         url('/fonts/pfdintextcondpro-italic-webfont.ttf') format('truetype'),
         url('/fonts/pfdintextcondpro-italic-webfont.svg#pf_din_text_cond_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pf_din_text_cond_prolight';
    src: url('/fonts/pfdintextcondpro-light-webfont.eot');
    src: url('/fonts/pfdintextcondpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pfdintextcondpro-light-webfont.woff') format('woff'),
         url('/fonts/pfdintextcondpro-light-webfont.ttf') format('truetype'),
         url('/fonts/pfdintextcondpro-light-webfont.svg#pf_din_text_cond_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*           основные стили                */

body {
	font-family: 'Roboto', sans-serif;
	background: #fff; 
	color: #333;
	font-weight:400;
	font-size:17px;
	line-height:1.2;
}

strong {
	font-weight:bold;
}

.center {
	text-align: center;
}

.margin0 {
	margin-left:0 !important;
}

.white {
	color: #fff;
}

.rub {
    font-family: 'als_rublregular';
}

::-webkit-input-placeholder { 
   opacity: 1 !important;
   color: #fff !important;
}
:-moz-placeholder { 
   opacity: 1 !important;
    color: #fff !important;  
}
::-moz-placeholder {
   opacity: 1 !important;
   color: #fff !important;   
}
:-ms-input-placeholder { 
   opacity: 1 !important; 
    color: #fff !important; 
 }

h1, h2, h3  {
    font-family: 'pf_din_text_cond_prolight';
	text-transform: uppercase;
	font-weight: normal;	
}

/*           шапка               */


header {
	padding: 20px 0 10px;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index:900;
	top:0;
}
header ul {
	margin:0;
}
header ul li {
	padding: 30px 20px;
	float: left;
	list-style: none;
	font-size: 18px;
}

header ul li a {
	color: #000;
}

header ul li a:hover {
	color: #3ca1dd;
	text-decoration: none;
}

.tel {
	font-size:30px;
	padding:5px 0 0px 25px;
	margin-top:-10px;
	background: url('/images/phone.png') left 13px no-repeat;
}

.button {
	background: #3F9DDB;
	color: #fff;
	padding: 7px 30px 9px;
	border-radius:25px;
	font-size:16px;
	margin-top:0px;
	display: inline-block;
	transition: all 0.3s;	
}
.button:hover {
	background: #4db0f2;
	transition: all 0.3s;
}

.button:hover, .button:focus {
	text-decoration: none !important;
	color: #fff;
}

/*           Комплексная реклама в интернете               */


.slide1 {
	background: url('/images/slide1.png') no-repeat;
	width:100%;
	height:406px;	
	margin-top:80px;
	color: #fff;
	font-size:18px;	
}


.slide1 .row-fluid {
	height:200px;
	overflow: hidden;
}
.slide1 h1 {
	text-transform: uppercase;
	margin-top:100px;
	margin-bottom:50px;
    font-family: 'pf_din_text_cond_prolight';
	font-size:60px;
	font-weight: normal;
}
.slide1 p {
	margin-top:20px;
	font-family: "pf_din_text_cond_prolight";
	font-size:20px;
	line-height:1
}
.slide1 .span3 {
	position: relative;
}
.slide1 .row-fluid .span3:nth-child(1) .spincrement0 {
	position: absolute;
    font-family: "pf_din_text_cond_prolight";
    font-size: 85px;
	top:-15px;
}
.slide1 .row-fluid .span3:nth-child(2) .spincrement4 {
	position: absolute;
    font-family: "pf_din_text_cond_prolight";
    font-size: 120px;
	top:-23px;
	left:25px;
}
.slide1 .row-fluid .span3:nth-child(3) .spincrement5 {
	position: absolute;
    font-family: "pf_din_text_cond_prolight";
    font-size: 120px;
	top:-23px;
	left:25px;
	letter-spacing:-5px;	
}
.slide1 .row-fluid .span3:nth-child(4) .spincrement6 {
	position: absolute;
    font-family: "pf_din_text_cond_prolight";
    font-size: 120px;
	top:-23px;
	left:-20px;
	letter-spacing:-5px;
}
/*           Вы часто задумываетесь              */

.slide2 {
	padding: 50px 0;
}

.slide2 h2 {
	color: #7F53B4;
    font-family: 'pf_din_text_cond_prolight';
	font-size:42px;
	font-weight: normal;
	text-transform: uppercase;	
}

.slide2 p {
	width:85%;
	margin: 0 auto;
}

/*           форма 1              */


.form1 {
	height:378px;
	background: url('/images/form1.png') center top no-repeat;	
	margin-top:-120px;
	padding-top:190px;
	width:100%;
}

.form1 h2 {
	font-size:40px;
	
}

.form1 form {
	margin-top:30px;
	height:105px;
}

.form1 form input[type=text] {
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:20%;
}
.form1 form input[type=submit] {
	background: #3F9DDB;
	width:20%;	
	color: #fff;	
	padding: 12px 20px;	
	border-radius:30px;
	font-size:16px;	
	margin:0;
	border: none;	
}

form input[type="submit"] {
	transition: all 0.3s;
}

form input[type="submit"]:hover {
	background: #4db0f2 !important;
	transition: all 0.3s;
}
/*          У вас есть задачи            */


.slide3 {
	margin-top:-50px;
}

.slide3  h2 {
	font-size:40px;

}
.slide3  h3 {
	font-family: 'Roboto';
	font-size:24px;
}
.slide3 .nav {
	margin: 30px 0;
	border: none;
}
.slide3 .nav li  {
	width: 30%;
	margin: 0 1%;
}
.slide3 .nav li a {
	padding:20px;
	height:150px;	
	background: url('/images/tab.png') center top no-repeat;
	background-size:100% 100%;
	color: #56AFE9;
	text-align: center;
	border: none;
}
.slide3 .nav li.active a{
	background: url('/images/tab-active.png') center top no-repeat;
	background-size:100% 100%;	
	padding: 20px 20px 50px 20px;
	color: #7F53B4;
	border: none;
}
.slide3 .nav li:hover a {
	color: #7F53B4;	
}
.slide3 .task {
	height: 101px;
	width: 150px;
	margin: 10px auto 10px;
	background-position: center top;
	background-repeat: no-repeat;
	
}

.slide3 .active .task, .slide3 li:hover .task {
	background-position: center -101px;
}

.slide3 .task-1 {
	background-image: url('/images/icon4.png');
}

.slide3 .task-2 {
	background-image: url('/images/icon5.png');
}

.slide3 .task-3 {
	background-image: url('/images/icon6.png');
}

.tab-content {
	transition: all 0.3s;
}
.tab-pane ul  {
	margin-top:20px;
}
.tab-pane ul li{
	list-style-image: url('/images/marker.png');
	margin:10px 0;
}

.slide3 .span3 img{
	margin-right:15px;
	margin-top:10px;
}


/*          Форма 2           */


.form2 {
	height:437px;
	background: url('/images/form2.png') center top no-repeat;	
	margin-top:20px;
	padding-top:150px;
}

.form2 h2 {
	font-size:40px;
}

.form2 form {
	margin-top:30px;
	height:105px;
}

.form2 form input[type=text] {
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:20%;
}
.form2 form input[type=submit] {
	background: #3F9DDB;
	width:20%;	
	color: #fff;	
	padding: 12px 20px;	
	border-radius:30px;
	font-size:16px;	
	margin:0;
	border: none;	
}

/*         Наши проекты           */

.slide4 {
	margin-top:-150px;
} 
.slide4 h2 {
	font-size:40px;
	color: #7F53B5;
}

.slide4 .container {
	position: relative;
	
}

/*         Как мы работаем          */

.slide5 {
	height: 1060px;
	margin-top:-20px;
	background: url('/images/snake.png') center bottom no-repeat;
	position: relative;
}
.slide5 .container {
	position: relative;
}
.slide5 .step {
	position: absolute;
	width:25%;
	padding: 224px 10px 10px 10px;
	text-align: center;
}

.slide5 .step1 {
	top: 0;
	left: 0;
	background: url('/images/icon7.png') center top no-repeat;
}
.slide5 .step2 {
	top: 0;
	left: 24%;
	background: url('/images/icon8.png') center top no-repeat;
}

.slide5 .step3 {
	top: 0;
	left: 49%;
	background: url('/images/icon9.png') center top no-repeat;
}

.slide5 .step4 {
	top: 0;
	left: 73%;
	background: url('/images/icon10.png') center top no-repeat;
}

.slide5 .step5 {
	top: 410px;
	left: 72%;

	background: url('/images/icon11.png') center top no-repeat;
}

.slide5 .step6 {
	top: 410px;
	left: 50%;
	background: url('/images/icon12.png') center top no-repeat;
}

.slide5 .step7 {
	top: 410px;
	left: 25%;
	background: url('/images/icon13.png') center top no-repeat;
}
.slide5 .step8 {
	top: 410px;
	left: 0;
	background: url('/images/icon14.png') center top no-repeat;
}

.slide5 .step9 {
	top: 730px;
	left: 0;
	background: url('/images/icon15.png') center top no-repeat;
}

.slide5 .step10 {
	top: 730px;
	left: 25%;
	background: url('/images/icon16.png') center top no-repeat;
}

.form3 {
	height:437px;
	background: url('/images/form3.png') center top no-repeat;	
	margin-top:20px;
	padding-top:150px;
}

/*         Форма 3         */


.form3 h2 {
	font-size:40px;
}

.form3 form {
	margin-top:30px;
	height:105px;
}

.form3 form input[type=text] {
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:14%;
}
.form3 form input[type=submit] {
	background: #3F9DDB;
	width:18%;	
	color: #fff;	
	padding: 12px 20px;	
	border-radius:30px;
	font-size:16px;	
	margin:0;
	border: none;	
}

/*         Стоимость услуг        */


.slide6 {
	margin-top: -130px;
}  
.slide6 h2 {
	font-size:40px;
	color: #7F53B5;
}
.slide6 h3 {
	font-weight: normal;
	font-size:22px;
	margin-bottom:30px;
	letter-spacing:2px;
	font-family: 'pf_din_text_cond_promedium';
}
.slide6 ul.nav {
	background: url('/images/snake2.png') center 77% no-repeat;
}
.slide6 ul.nav li {
	width:25%;
	text-align: center;

}

.slide6 ul.nav li a {
	padding: 0px 0 90px 0;
	color: #000;
	font-size:20px;
	font-weight: bold;
	border: none;
}

.slide6 .nav-tabs {
	border: none;
	margin:0;
}
.slide6 ul.nav li:hover a {
	background: transparent;
	border: none;
	color: #7F53B3;
}

.slide6 ul.nav li:nth-child(1).active a{
	background:transparent url('/images/snake-active.png') 36.2% 95% no-repeat; 
	border: none;
	color: #7F53B3;	
}
.slide6 ul.nav li:nth-child(1):not(.active):hover a {
	background:transparent url('/images/point.png') 36.2% 47% no-repeat; 	
}


.slide6 ul.nav li:nth-child(2).active a{
	background:transparent url('/images/snake-active.png') 52.2% 95% no-repeat; 
	border: none;
	color: #7F53B3;	
}
.slide6 ul.nav li:nth-child(2):not(.active):hover a {
	background:transparent url('/images/point.png') 52% 47% no-repeat; 	
}


.slide6 ul.nav li:nth-child(3).active a{
	background:transparent url('/images/snake-active.png') 47.8% 95% no-repeat; 
	border: none;
	color: #7F53B3;	
}
.slide6 ul.nav li:nth-child(3):not(.active):hover a {
	background:transparent url('/images/point.png') 48% 47% no-repeat; 	
}


.slide6 ul.nav li:nth-child(4).active a{
	background:transparent url('/images/snake-active.png') 64.5% 95% no-repeat; 
	border: none;
	color: #7F53B3;	
}
.slide6 ul.nav li:nth-child(4):not(.active):hover a {
	background:transparent url('/images/point.png') 64% 47% no-repeat; 	
}

.slide6 .tab-content {
	border-radius:10px;
	position: relative;
	background: #7F53B4;
	width:985px;
	margin: 0 auto;
}

.slide6  .whiteblock{
	border:2px solid #eee;
	padding: 30px 50px 30px 30px;
	width:45%;
	border-right: none;
	background: #fff;
	float:left;	
}
.slide6  .whiteblock.right {
	float:right;	
	border:2px solid #eee;
	border-left: none;
}

.slide6 .fiolet {
	padding:30px 30px 30px 0;
	border:2px solid  #7F53B4;
	background: #7F53B4;
	color: #fff;
	width:40%;
	float:right;
}
.slide6 .fiolet.left {
	float:left;
	padding:30px 0px 30px 30px;	
}
.slide6 .nav-tabs > li {
    margin-bottom: -20px;
}

.fiolet h3 {
	font-size:34px;
	font-weight:100;
	margin: 80px 0 20px 0;
}

.fiolet .mainform {
	height:340px;
}

.fiolet .alx_feed_back_default .alx_feed_back_form_error_block ul li {
	margin:0;
}

.slide6 form {
	margin-top:30px;
	height:60px;
}
.slide6 form p {
	margin:20px 0;
}
.slide6 form input[type=text] {
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:90%;
}
.slide6 form input[type=submit] {
	background: #3F9DDB;
	width:100%;
	color: #fff;	
	padding: 12px 0;	
	border-radius:30px;
	font-size:16px;	
	margin:30px 0;
	border: none;	
}


/*         C нами удобно работать        */


.slide7 {
	height: 880px;
	margin-top:-20px;
	padding-top:50px;
	background: url('/images/slide2.png') center top no-repeat;
	color: #fff;
}
.slide7 .container {
	position: relative;
}

.slide7 h2 {
	padding-top:160px;
	font-size:40px;
	margin-bottom:20px;
}
.slide7 .span6 {
	padding-left:15%;
	width:45%;
	margin: 25px 0;
}

.slide7 .block-1 {
	background: url('/images/prop1.png') 20px top no-repeat;
}

.slide7 .block-2 {
	background: url('/images/prop2.png') 20px top no-repeat;
}

.slide7 .block-3 {
	background: url('/images/prop4.png') 30px top no-repeat;
}

.slide7 .block-4 {
	background: url('/images/prop5.png') 45px top no-repeat;
}

.slide7 .block-5 {
	background: url('/images/prop3.png') 20px top no-repeat;
}

.slide7 .block-6 {
	background: url('/images/prop6.png') 35px top no-repeat;
}


/*         Наши сотрудники        */



.slide8 {
	background:  url('/images/ugol.png') center top no-repeat;
	margin-top:-60px;
	padding-top:10px;
	position:relative;
	z-index:800;
}
.slide8 h2{
	color: #7F53B4;
	font-size:40px;
}

.slide8 .face-1, .slide8 .face-4 {
	padding-top:100px;
}

.slide8 .people-foto {
	margin-bottom:20px;
}



.slide8 .face-1 .people-foto {
	background: url('/images/people1.png') center top no-repeat;
	height:400px;
}

.slide8 .face-2, .slide8 .face-5 {
	padding-top:50px;
}
.slide8 .face-2 .people-foto {
	background: url('/images/people2.png') center top no-repeat;
	height:400px;
}

.slide8 .face-3, .slide8 .face-6{
	padding-top:25px;
}

.slide8 .face-3 .people-foto {
	background: url('/images/people3.png') center top no-repeat;
	height:400px;
}

.slide8 .face-4 .people-foto {
	background: url('/images/people4.png') center top no-repeat;
	height:400px;
}

.slide8 .face-5 .people-foto {
	background: url('/images/people5.png') center top no-repeat;
	height:400px;
}
.slide8 .face-6 .people-foto {
	background: url('/images/people6.png') center top no-repeat;
	height:400px;
}

.slide8 .people-foto:hover {
    background-position: center -397px;
}

/*         Карта       */

.map {
	position: relative;
	height:570px;
	background:url('/images/map.png') center top no-repeat;
}

.map h2 {
	position: absolute;
	top:150px;
	z-index: 998;
	width:100%;
	font-size:36px;
}

.map .map-top {
    left: 50%;
    margin-left: -50%;
    position: absolute;
    top: -2px;
    z-index: 800;
}

.map #alx_feed_back_default_FID10 {
    position: absolute;
	right:15%;	
	top:170px;
    z-index: 1000;	
	padding:30px 30px 20px 30px;
	width:450px !important;
}

 #alx_feed_back_default_FID10 .alx_feed_back_form_error_block ul li { 
	margin:10px 0;
 }
.map form p {
	margin:20px 0;
}
.map form input[type=text],.map textarea {
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:85%;
	font-family: Roboto;
}
.map form input[type=submit] {
	background: #3F9DDB;
	width:95%;
	color: #fff;	
	padding: 12px 0;	
	border-radius:30px;
	font-size:16px;	
	margin:0;
	border: none;	
}

.map form textarea {
	height:80px;
}





footer {
	padding: 30px 0;
}


/*      формы обратной связи    */

.modal {
	border-radius:15px;
	background: #7F53B4;
	top:20% !important;
	width:610px;
	margin-left:-305px;
}
.modal-body {
	padding: 60px 0px;
	color:#fff;
	border-radius:15px;
	max-height: unset;
}

.modal h3 {
	font-size:36px;
	line-height: 1.2;
}

.modal  form p {
	margin:20px 0;
}
.modal  form input[type=text],.map textarea {
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:85%;
	font-family: Roboto;
}
.modal  form input[type=submit] {
	background: #3F9DDB;
	width:100%;
	color: #fff;	
	padding: 12px 0;	
	border-radius:30px;
	font-size:16px;	
	margin:0;
	border: none;	
}

.modal .sub-text  {
	opacity: 0.5;
}

.modal .closed {
	cursor:pointer;
	position: absolute;
	right: 10px;
	top:10px;
}

/*        анимация        */

.slide1 .span3:nth-child(1){
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}

.slide1 .span3:nth-child(2){
  animation-duration: 0.8s;
  animation-delay: 0.6s;

}
.slide1 .span3:nth-child(3){
  animation-duration: 0.8s;
  animation-delay: 1s;

}
.slide1 .span3:nth-child(4){
  animation-duration: 0.8s;
  animation-delay: 1.4s;

}

.slide7 .span6:nth-child(1) {
  animation-duration: 0.8s;
  animation-delay: 0s;
}
.slide7 .span6:nth-child(2) {
  animation-duration: 0.8s;
  animation-delay: 0.4s;
}
.slide7 .span6:nth-child(3) {
  animation-duration: 0.8s;
  animation-delay: 0.8s;
}
.slide7 .span6:nth-child(4) {
  animation-duration: 0.8s;
  animation-delay: 1.2s;
}
.slide7 .span6:nth-child(5) {
  animation-duration: 0.8s;
  animation-delay: 1.6s;
}
.slide7 .span6:nth-child(6) {
  animation-duration: 0.8s;
  animation-delay: 2s;
}

h1 {
  animation-duration: 2s;
  animation-delay: 0.4s;
}

h2 {
  animation-duration: 1s;
  animation-delay: 0.4s;
}

.slide2 .how-1 {
  animation-duration: 0.4s;
  animation-delay: 1s;
}

.slide2 .how-2{
  animation-duration: 0.4s;
  animation-delay: 1.4s;
}
.slide2 .how-3 {
  animation-duration: 0.4s;
  animation-delay: 1.8s;
}
.slide7 h2 {
  animation-duration: 0.4s;
  animation-delay: 2.2s;
}

.slide5 .step:nth-child(1) {
  animation-duration: 0.4s;
  animation-delay: 0s;
}

.slide5 .step:nth-child(2) {
  animation-duration: 0.4s;
  animation-delay: 0.4s;
}

.slide5 .step:nth-child(3) {
  animation-duration: 0.4s;
  animation-delay: 0.8s;
}

.slide5 .step:nth-child(4) {
  animation-duration: 0.4s;
  animation-delay: 1.2s;
}

.slide5 .step:nth-child(5) {
  animation-duration: 0.4s;
  animation-delay: 1.6s;
}
.slide5 .step:nth-child(6) {
  animation-duration: 0.4s;
  animation-delay: 2s;
}
.slide5 .step:nth-child(7) {
  animation-duration: 0.4s;
  animation-delay: 2.4s;
}
.slide5 .step:nth-child(8) {
  animation-duration: 0.4s;
  animation-delay: 2.8s;
}

.slide5 .step:nth-child(9) {
  animation-duration: 0.4s;
  animation-delay: 3.2s;
}

.slide5 .step:nth-child(10) {
  animation-duration: 0.4s;
  animation-delay: 3.4s;
}

/*        внутренние страницы        */


.inner {
	margin-top:110px;
	padding: 40px 0;
	line-height: 1.3;
}
.inner-header {
	border-bottom: 1px solid #ddd !important;
}
.inner-footer {
	border-top: 1px solid #ddd !important;
}
.navibar {
	margin-bottom: 40px;
}
.navibar a {
	color: #3F9DDB;
	text-decoration: underline;
	padding-right:30px;
	background: url('/images/navibar.png') 90% center no-repeat;
}

.client-logo {
	padding: 10px;
	//border:1px solid #ddd;
	border-radius:15px;
	float:left;
	margin-right: 20px;
}

.inner-h1 {
	color: #7F53B4;
}

.description {
	color: #8D8D8D;
	overflow:hidden;
}

.inner h2 {
	font-size:26px;
	font-weight: bold;
}
.inner ul {
	margin-top:20px;
}
.inner ul li {
	list-style-image: url('/images/marker.png');
	margin:10px 0;
}
.inner h3 {
	line-height:1.3;
	margin-top:0;
}

.num-blue {
	color: #3F9DDB;
	font-size:40px;
    font-family: 'pf_din_text_cond_promedium';	
}

.num-red {
	color: #954675; 
	font-size:40px;
    font-family: 'pf_din_text_cond_promedium';	
}

.wanna {
	border-radius:15px;
	background: #7F53B4;
	padding: 40px 0px;
	color:#fff;
	border-radius:15px;
}

.wanna h3 {
	font-size:32px;
	line-height: 1.2;
}

.wanna form p {
	margin:20px 0;
}

.wanna .span2 {
	width: 240px;
}
.wanna  form input[type=text]{
	border: 1px solid #fff;
	border-radius:30px;
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding: 10px 20px;
	font-size:16px;
	margin:0 20px 0 0;
	width:85%;
	font-family: Roboto;
}
.wanna  form input[type=submit] {
	background: #3F9DDB;
	width:100%;
	color: #fff;	
	padding: 12px 0;	
	border-radius:30px;
	font-size:16px;	
	margin:0;
	border: none;	
}

.wanna .sub-text  {
	opacity: 0.5;
}


.review {
	border-radius:15px;
	color: #fff;
	position: relative;
	text-align: center;
}
.review p {
	position: absolute;
	bottom:30px;
	font-weight: bold;
	font-size:18px;
	width:100%;
}
.review:hover p {
	display: block;
	z-index:100;
}
.review .overlay {
	position: absolute;
	top:0;
	background: url('/images/loop.png') center center no-repeat, url('/images/review.png') center center no-repeat;
	width:100%;
	height:310px;
}
.review:hover .overlay {
	display: block;
}
.review .overlay a {
	display: block;
	width:100%;
	height: 100%;
}

.video .overlay {
	background: none;
	width:100%;
	height:50px;
	bottom:50px;
}

.grafic, .diagram {
	position: relative;
}

.num1 {
	position: absolute;
	top:120px;
	left: 60px;
    color: #3f9ddb;
    font-family: "pf_din_text_cond_promedium";
    font-size: 40px;	
}

.num2 {
	position: absolute;
	top:150px;
	left: 60px;
    color: #3f9ddb;
    font-family: "pf_din_text_cond_promedium";
    font-size: 40px;	
}
.num3 {
	position: absolute;
	top:162px;
	left: 45px;
    color: #AC4478;
    font-family: "pf_din_text_cond_promedium";
    font-size: 40px;	
}

/*       анимация этапов на главной       */

.active_line {
    height: 6px;
    width: 0px;
    background: #7F53B4;
    position: absolute;
    top: -1px;
    left: 10px;
    z-index: 9;
}

.zoom {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-80px;
	margin-top:-25px;
	background: #3f9ddb;
	display: block;
	color: #fff !important;
	padding:10px 40px;
	border-radius:20px;
}
.zoom:hover {
	background: #42A1DF;
}
.hide{
	display: none;
}


.swiper-slide a{
	position: relative;
}

.content {
	width:100%;
}

/*           якоря           */


.slide5 .container, .slide6 .container, .slide3 .container {
	position: relative;
}
a[name=work] {
	position: absolute;
	top:-220px;
	display: block;
	width:100%;
	height:20px;
}

a[name=price] {
	position: absolute;
	top:-180px;
	display: block;
	width:100%;
	height:20px;
}

a[name=context], a[name=social], a[name=media]   {
	position: absolute;
	top:-40px;
	display: block;
	width:100%;
	height:20px;
}

#html_element_recaptcha8{
	transform:scale(0.92);
	transform-origin:0 0;
	//height:50px !important;
}

.form1 .alx_feed_back_default .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole,
.form2 .alx_feed_back_default .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole,
.form3   .alx_feed_back_default .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole{
	float:right
}

.soglasie {
	margin:0 0 20px 0;
	color: #fff;
}
.soglasie input {
	margin:0 5px 0 0;	
}

.soglasie a {
	color: #fff;
	text-decoration: underline;
}

.form1 .soglasie , .form2 .soglasie,  .form3 .soglasie {
	text-align: center;
}