﻿*{
	transition: top 0.3s ease-out, transform 0.3s ease-out, background 0.5s ease-out, opacity 0.1s ease-out;	
	-webkit-transition: top 0.3s ease-out, transform 0.3s ease-out, background 0.5s ease-out, opacity 0.1s ease-out;
	-moz-transition: top 0.3s ease-out, transform 0.3s ease-out, background 0.5s ease-out, opacity 0.1s ease-out;
}

.rslides img{
	transition: top 0.3s ease-out;	
	-webkit-transition: top 0.3s ease-out;
	-moz-transition: top 0.3s ease-out;
}

.fly_arrows{
 	transition: top 0.5s ease;	
	-webkit-transition: top 0.5s  ease;
	-moz-transition: top 0.5s ease; 
}

body, html{
	background:#fff;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}
h1, h2, h3, h4{
	text-transform: uppercase;
	text-align:center;
	font-family: pfdlig,"Arial","Helvetica CY","Numbus Sans L",sans-serif;
	font-weight: bolder;
	
}

h1{

}

h2{
	font-size:60px;
	font-family: pfdlig,"Arial","Helvetica CY","Numbus Sans L",sans-serif;
	font-weight: bolder;
}

h3{
	font-size:40px;
	color:#5a5a5a;
}

h4{
	font-size:30px;
}

a{
	font-family:'myriadProRegular';
}

.inner{
	width:1014px;
	margin:0px auto;
	position:relative;
}

.noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#header{
	height:90px;
	background:#121212;
}

.logo{
	float:left;
	height:77px;
	width:263px;	
	background:url('../img/logo.png')no-repeat left center;
}

.phone{
	float: right;
	height: 90px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	line-height: 90px;
	color: #dedede;
	margin-left: 33px;
	font-size: 26px;
}
.phone em{
	color:#ff5a00;
}


#slider{
	height:540px;
	position:relative;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	height:540px;
}

.caption{
	position:absolute;
	width:800px;
	top:190px;
	left:50%;
	margin-left:-400px;
	text-align: center;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	font-size:45px;
	line-height:70px;
	color:#fff;
	text-transform:uppercase;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	height:540px;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	border: 0;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.callbacks_nav{
	position:absolute;
	top:0px;
	z-index:2;
	height:540px;
	width: 80px;
	color: transparent;
}
.callbacks_nav.prev{
	left:0px;
	background:url('../img/prev.png') no-repeat center;
}

.callbacks_nav.next{
	right:0px;
	background:url('../img/next.png') no-repeat center;
}

#slider-bottom-fixed{
	height:10px;
	background:url('../img/slider-bottom-fixed.png')repeat-x top;
	position: relative;
	z-index: 5;
}

#plus{
	height:720px;
    position: relative;
}

#plus .inner{
	height:570px;
}

.plus_list{
	position:absolute;
	width:265px;
	height:145px;
	text-align:center;
	display: block;
}

.plus_list.p1:hover, 
.plus_list.p2:hover, 
.plus_list.p3:hover, 
.plus_list.p4:hover, 
.plus_list.p5:hover, 
.plus_list.p6:hover{
	transform:translateY(-25px);

}


.plus_list i{
	width: 60px;
	height: 50px;
	display: block;
	margin: 0px auto;
}

.plus_list p{
	font-size: 18px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	line-height: 15px;
	padding-top: 15px;
	padding-bottom: 25px;
	background: url('../img/p_shadow.png')no-repeat bottom center;
	color:#272727;
}

.plus_list.p1{
	left:0px;
	bottom:100px;
}


.plus_list.p2{
	left:50px;
	top:160px;
}

.plus_list.p3{
	left:220px;
	top:30px;
}

.plus_list.p4{
	right:220px;
	top:30px;
}

.plus_list.p5{
	right:50px;
	top:160px;
}

.plus_list.p6{
	right:0px;
	bottom:100px;
}

.plus_list.p1 i{
	background: url('../img/p1.png')no-repeat center;
}

.plus_list.p2 i{
	background: url('../img/p2.png')no-repeat center;
}

.plus_list.p3 i{
	background: url('../img/p3.png')no-repeat center;
}

.plus_list.p4 i{
	background: url('../img/p4.png')no-repeat center;
}

.plus_list.p5 i{
	background: url('../img/p5.png')no-repeat center;
}

.plus_list.p6 i{
	background: url('../img/p6.png')no-repeat center;
}

.pc{
	position:absolute;
	width:384px;
	height:285px;
	background:url('../img/pc.png')no-repeat center;
	bottom:100px;
	left:312px;
}

#why{
	height:560px;
	background:url('../img/bg-why.jpg')no-repeat center;
}

#why .inner{
	height:560px;
}

#why .inner h2{
	position: absolute;
	width: 1014px;
	top: -51px;
	color:#572563;
	font-family: pfdlig,"Arial black","Helvetica CY","Numbus Sans L",sans-serif;
}

#why ul{
	text-align: center;
	position: absolute;
	top: 20px;
}

#why ul li{
	background: #fff;
	display: inline-block;
	width: 330px;
	height: 260px;
	vertical-align: middle;
}

#why ul li p{
	color: #ffffff;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	font-size: 22px;
	line-height:22px;
	width:240px;
	margin: 0px auto;
	margin-top: 130px;
}

#why ul li.w1{
	background:url('../img/1.png')no-repeat center 20px;
}

#why ul li.w2{
	background:url('../img/2.png')no-repeat center 20px;
}

#why ul li.w3{
	background:url('../img/3.png')no-repeat center 20px;
}

#why ul li.w4{
	background:url('../img/4.png')no-repeat center 20px;
}

#why ul li.w5{
	background:url('../img/5.png')no-repeat center 20px;
}

#why ul li.w6{
	background:url('../img/6.png')no-repeat center 20px;
}

#why ul li.polos{
	width:1px;
	background:url('../img/polos1.png') no-repeat center;
}

.fly_arrows_block{
	overflow:hidden;
}

.fly_arrows{
	position:absolute; 
	z-index:10;
}

.fly_arrows.f1{
	width:50px;
	height:50px;
	background:url('../img//arrows/lb.png')no-repeat center;
	left: -150px;
	bottom: -75px;
}

.fly_arrows.f2{
	width:200px;
	height:200px;
	background:url('../img//arrows/lc.png')no-repeat center;
	left: -130px;
	bottom: -75px;
}

.fly_arrows.f3{
	width:120px;
	height:120px;
	background:url('../img//arrows/rc.png')no-repeat center;
	right: -40px;
	top: -75px;
}

.fly_arrows.f4{
	width:70px;
	height:70px;
	background:url('../img//arrows/rt.png')no-repeat center;
	right: -130px;
	top: -75px;
}

#owr{
	height:332px;
	margin-top:115px;
	background:url('../img/bg-owr.jpg')no-repeat center;	
}

#owr .inner{
	height: 332px;
}

#owr .inner h2{
	color:#d5886a;
	position: absolute;
	width: 1014px;
	top: -51px;
}
#owr .inner .block{
	position: relative;
	height: 332px;
}
a.owr_item{
	width:335px;
	height:300px;
	position: absolute;
	top: 20px;
/* 	border: 1px solid; */
	z-index:1;
	-webkit-transition: top 0.5s;
    transition: top 0.5s;
}
.i1:hover, .i3:hover , .i5:hover{
	top:-30px;
	z-index:5;
}

.i2:hover, .i4:hover{
	top:60px;
	z-index:5;
}

/* a.owr_item::before{
	content:" ";
	width:335px;
	height:300px;
	position: absolute;
	z-index:2;
} */

a.owr_item.i1{background:url(../img/owr/1.png)no-repeat center;left:-10px;}
a.owr_item.i2{background:url(../img/owr/2.png)no-repeat center;left:170px;}
a.owr_item.i3{background:url(../img/owr/3.png)no-repeat center;left:340px;}
a.owr_item.i4{background:url(../img/owr/4.png)no-repeat center;left:515px;}
a.owr_item.i5{background:url(../img/owr/5.png)no-repeat center;right:-10px;}


#ctc{
	margin: 35px 0px;
}



#services{
	background:#1d1d1d;
}

#services ul{
	list-style:none;
	background: no-repeat right bottom;
}

#services ul li{
	list-style: none;
	display:block;
	font-size: 80px;
	color: #fff;
	cursor:pointer;
	width: 100%;
	text-transform: uppercase;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	font-weight: bold;
	padding: 25px 0px;
	border-bottom: 1px solid #a1a1a1;
	position:relative;
}
#services ul li:last-child{
	border-bottom: 0px;
}

#services ul li:hover{
	/* transform: translateX(-100px); */
}

#services ul li a{
	position: absolute;
	right: 0;
	top: 39px;
	opacity:0;
}
#services ul li a.greenbtn
{
	width: 266px;
	height: 57px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	background: url('../img/greenbtn.png')no-repeat center top;
	font-size: 25px;
	text-decoration: none;
	text-shadow:0 1px 2px #000;
}





#services ul li:hover #services ul li a{
	opacity:0;
}

#services ul li p{
	position: absolute;
	left: 0px;
	top:20px;
	font-size:24px;
	opacity:0;
	font-weight:normal;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}


#bitrix{
	/* height:610px; */
}

.b_left{
	
	height: 500px;
	position: relative;
	margin-top: 40px;
}

.b_left i{
	background:url('../img/bitrix-cms_s.png')no-repeat center;
	height: 290px;
	width:255px;
	display: block;
	position:absolute;
	top: 80px;
}

.b_left h4{
	text-align:center;
}
.b_left h4 em{
	color:red;
}


.b_left ul{
	width: 700px;
	position: absolute;
	right: 0;
	top: 80px;
}

.b_left li{
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	background: url('../img/green-ok.png')no-repeat 0px 4px;
	padding-left: 24px;
}

.b_left li b{
	font-size:22px;
	display:block;
}
.b_left li p{
	font-size: 14px;
	padding: 5px 0px 10px 0px;
	line-height: 12px;
}

.b_right{
	float:right;
	width:270px;
	margin-top: 40px;
	text-align: center;
}

.b_right h4{
	text-align:right;
}
.b_right img{
	padding-top: 54px;
}


.btn{
	width: 340px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	margin: 25px auto;
	font-size: 22px;
	text-decoration: none;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0px 1px 1px #000;
	box-shadow: 0px 4px 5px 0px #000;
	display:block;
	border-radius: 5px;
	position:relative;
	cursor:pointer;
	background-image: -ms-radial-gradient(center, circle closest-corner, #FF8800 0%, #FF4000 100%);
	background-image: -moz-radial-gradient(center, circle closest-corner, #FF8800 0%, #FF4000 100%);
	background-image: -o-radial-gradient(center, circle closest-corner, #FF8800 0%, #FF4000 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 505, color-stop(0, #FF8800), color-stop(1, #FF4000));
	background-image: -webkit-radial-gradient(center, circle closest-corner, #FF8800 0%, #FF4000 100%);
	background-image: radial-gradient(circle closest-corner at center, #FF8800 0%, #FF4000 100%);
	webkit-transition: box-shadow 0.1s ease-in-out;
	-moz-transition: box-shadow 0.1s ease-in-out;
	-o-transition: box-shadow 0.1s ease-in-out;
	-ms-transition: box-shadow 0.1s ease-in-out;
	transition: box-shadow 0.1s ease-in-out;
}
.btn:hover{
	
}

.btn:active{
	box-shadow: 0px 2px 1px 0px #000;
}

.linebg {
	background: url('../img/button-line-bg.png') no-repeat center;
	content: ' ';
	width: 100%;
	display: block;
	height: 90px;
}

.linebg h4{
	
	
	font-size: 60px;
	padding-top:23px;
}

#ctc2{
	height:324px;
	background: url('../img/ctc2.png')no-repeat center top;
	z-index: 3;
	position: relative;
}

#ctc2 .inner{
	height:324px;
}

#ctc2 .inner h4{
	position: relative;
	top: -37px;
	color:#2a788c;
	font-size: 39px;
	font-weight: bolder;
	text-transform: none;
}

#ctc2 .inner h4 em {
	color:#39b7d6;
}
#ctc2 .inner span.small{
font-size: 24px;
text-align: center;
display: block;
margin-top: -40px;
padding: 0px;
font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
letter-spacing: -1px;
color:#2a788c;

}
#ctc2 table td{
	vertical-align: top;
}

#ctc2 table td img{
	padding-bottom:15px;
}

#ctc2 table td.b2 img{
	padding-bottom:30px;
}

#ctc2 table td.b3 img{
	padding-bottom:31px;
}


#ctc2 .btn{
	width: 400px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -200px;
}

#ctc.c1{
	background:url('../img/ctc2.jpg') no-repeat center top;
	height:455px;
	margin:0px;
	z-index: 2;
	position: relative;
	margin-top:-25px;
}

#ctc.c1 .inner{

	padding-top: 50px;
}
#ctc.c1 .inner h4{
	font-size:40px;
}

#ctc.c1 .inner table td{
	vertical-align:top;
}

#bottom{
	height:520px;
	background:url('../img/c-bg.jpg')no-repeat center;
}

.bLeft{
	width:670px;
	float:left;
}

.bTitle{
	text-align:left;
	font-size:60px;
	color:#fff;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	text-shadow:5px 5px 5px #000;
	margin-top: 25px;
	text-transform: uppercase;
}

.subTitle{
	font-size: 18px;
	color: #fff;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	text-align: left;
	padding: 15px 0 15px 0;

}

.bLeft form{
	width:648px;
}

.bLeft form input, .bLeft form textarea{
	border:1px solid #ff5d1d;
	padding:10px;
	font-size:18px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	border-radius:5px;
}

.bLeft form input[type='text']{
	width:300px;
	float:left;
	margin-bottom: 20px;
}

.bLeft form input[type='text'].input_phone{
	float:right;
}


.bLeft form textarea{
	width:648px;
	height:200px;
}

.bLeft form input[type='submit']{
	height: 50px;
	line-height: 50px;
	padding: 0px;
	width: 250px;
	cursor: pointer;
	font-size:30px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

.bLeft form input[type='text'].empty, .modal input[type='text'].empty, .empty{
	border-color: red;
	box-shadow: inset 0px 0px 0px 1px red;
}

.bright{
	float: left;
	width: 310px;
	margin-left: 30px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

.bright .bTitle{
	text-align:left;
	
}

.bright p{
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	font-size: 18px;
	color: #fff;
	background: #000;
	float: left;
	padding: 10px;
	margin-bottom: 5px;
	line-height: 22px;
}

.bright p.Cname{
	color:#ff5d1d;
	margin-top: 50px;
	font-size: 20px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

.bright p.ph{
	margin-bottom: 10px;
	font-size: 20px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}
.bright p.ph2{
	font-size: 20px;
	font-family:pfdlig, "Arial black", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

#problems, #problems .inner{
	height:565px;
}
 #problems .inner{
	padding-top:40px;
 }

#problems .inner h4{
	background: url('../img/problems_h4_bg.png')no-repeat center top;
	line-height: 72px;
	height: 72px;
	color: #9261b8;
	font-family:pfdlig, "Arial", "Helvetica CY", "Numbus Sans L", Sans-serif;
	font-size: 39px;
	font-weight: bolder;
}

#problems .inner .prob_box{
	position:relative;
	height:453px;
}

#problems .inner .prob_item{
	position:absolute;
	font-size:30px;
	line-height:30px;
	padding:10px;
	border-radius:10px;
	border:2px dotted #9879b6;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
	z-index:3;

}

#problems .inner .prob_item.p1{bottom:20px;left:72px;}
#problems .inner .prob_item.p2{bottom:160px;left:0px;}
#problems .inner .prob_item.p3{top:35px;left:25px;}
#problems .inner .prob_item.p4{top:35px;right:60px;}
#problems .inner .prob_item.p5{top:160px;right:0px;}
#problems .inner .prob_item.p6{bottom:20px;right:0px;}

#problems .inner .prob_girl{
	position:absolute;
	bottom:0px;
	left:375px;
	z-index:2;
	width:264px;
	height:387px;
	background:url('../img/prob_girl.png')no-repeat center;
}
#bGetcons{
	height:178px;
	background:url('../img/bgclickForm.jpg')no-repeat center top;
	border-top:1px solid #989898;
	border-bottom:1px solid #989898;
}
#bGetcons .inner{
	height:178px;
}

#bGetcons .inner h4{
	padding-top: 20px;
	font-size: 40px;
	color:#ffffff;
}

/***modal**/
.modal {
	width:450px;
	display:none;
	color:#131313;
	background: #F3F3F3;
	padding:30px 10px; 
	position:relative;
	border-radius: 2px;
	box-shadow: 0px 0px 10px black;
	text-align:center;
}	

.modal2 {
	width:1000px;
	display:none;
	color:#131313;

	position:relative;

	text-align:center;
}

.modal_close{
	position:absolute;
	width:25px;
	box-shadow:none;
	line-height: 25px;
	text-align:center;
	top:0px;
	right:0px;
	border-radius: 0px;
	cursor:pointer;
	background:url('../img/gtk-close.png')no-repeat center;
}

.modal_title{
	font-size: 30px;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

.modal_title span{
	display: block;
	font-size: 20px;
	width: 300px;
	margin: 10px auto;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}


.modal_close:before {
	content: 'Х';
	color:#959793;
	display: inline-block;
	font-family:pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

.modal-title span {
	font-size:18px;
	color:#ddc7b8;
}

.modal input{
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	border: 0px;
	margin: 0px auto;
}

.modal input[type='text']{

line-height: 50px;
height: 50px;
width: 341px;
font-size: 18px;
display: block;
padding: 10px;
margin-bottom: 10px;
text-align: center;
border-radius: 5px;
border: 1px solid #ff5d1d;
font-family: pfdlig, "Tahoma", "Helvetica CY", "Numbus Sans L", Sans-serif;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/* animate */


/*
==============================================
полетели
==============================================

.b_left, .b_right{
	opacity:0;
}

.floating1{
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-duration: 2s;	
	-webkit-animation-duration: 2s;
	transform: translateY(0);
	opacity:1;
}
*/
@keyframes floating {
	0% {
		transform: translateY(200px);	
		opacity:0;
	}
	
	100% {
		transform: translateY(0);
		opacity:1;
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(200px);
		opacity:0;		
	}	
	100% {
		-webkit-transform: translateY(0);
		opacity:1;
	}			
}
/* */
.textpage{
	text-align:left;
	width:1014px;
}
.textpage p {
	margin:5px 0;
	line-height: 1.3;
	font-size: 17px;
}
.textpage ul {margin:5px 0 5px 30px;list-style: circle;}
.textpage ul li {line-height: 1.3;
	font-size: 17px;}
.textpage b {
	font-weight: bold;
}	
.textpage h3{
	text-align:left;
	margin:40px 0 30px 0;
	text-transform: none;
	font-size:35px;
}
.textpage h2{
	text-align:left;
	text-transform: none;
	font-size:45px;
}
