@import url(../fonts/gothapro/gothapro.css);
@import url(../fonts/ptrouble/ptrouble.css);
body *{
    font-family: 'Gotham Pro',Arial;
}
html,body {
    h-eight: 100%;
    margin: 0;  
    padding: 0;    
    background: #fff;
}
a{
    text-decoration:none;
}
a img{
    border: 0;
}
.popup_html, .popup_html *{
    margin: 0;  
    padding: 0;
    width: auto;
    height: auto;
}
table, table tr, table th, table td {
    border:0;
    margin:0;
    padding:0;
    border-spacing:0;
    border-collapse: collapse;
}  
ol,ul,li{
   padding: 0; 
   margin: 0;
   list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
	padding: 0;
	margin: 0;
}
.clr{
    clear: both;    
}
.hidden{
    display: none;
}

.container{
    max-width: 1170px;
    margin: 0 auto;
}
.preloader{
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: #fff;
    z-index: 999999;
    width: 100%;
    height: 100%;
    d-isplay: none;
}
.preloader:before {
    content: " ";
    display: block;
    background: url(../img/loader.png) 50% 50% no-repeat;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 50%;
    top: 50%;    
    margin: -50px 0 0 -50px;
    -webkit-animation: rotating-function 1.25s linear infinite;
    -moz-animation: rotating-function 1.25s linear infinite;
    -ms-animation: rotating-function 1.25s linear infinite;
    -o-animation: rotating-function 1.25s linear infinite;
    animation: rotating-function 1.25s linear infinite;
}

@-webkit-keyframes rotating-function {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotating-function {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotating-function {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotating-function {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotating-function {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

span.rouble{
	font-weight: 400;
	font-family: 'PT Rouble Sans';
}

/*header*/
header{
	height: 149px;
	background: #4668ff;
}
header .container{
	position: relative;
}
header .logo{
	position: absolute;
	display: block;
	width: 226px;
	height: 221px;
	background: url(../img/logo.png) no-repeat;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.65);
}
header nav{
	position: absolute;
	left: 285px;
	top: 66px;
}
header nav>ul{
	
}
header nav>ul>li{
	float: left;
	margin-right: 35px;	
	height: 83px;
	
}
header nav>ul>li>a{
	padding-bottom: 7px;
	display: inline-block;
	color: #fff;
	font: 700 16px/16px 'Gotham Pro';
}
header nav>ul>li.active>a,
header nav>ul>li:hover>a{
	border-bottom: 4px solid #f06432;
}
header nav>ul>li.parent>a,
header nav>ul>li[rel="parent"]>a{
	padding-right: 20px;
	background: url(../img/header-menu-parent.png) 100% 5px no-repeat;
}
header nav>ul>li>div.services{
	display: none;
	background: #1a1a25;
	position: absolute;
	left: -59px;
	width: 944px;
	padding: 22px;
	top: 83px;
	z-index: 10;
	box-sizing: border-box;
}
header nav>ul>li:hover>div.services{
	display: block;
}
header nav>ul>li>div.services .service{
	width: 33.3%;
	float: left;		
}
header nav>ul>li>div.services .service:nth-child(1),
header nav>ul>li>div.services .service:nth-child(2),
header nav>ul>li>div.services .service:nth-child(3),
header nav>ul>li>div.services .service:nth-child(4),
header nav>ul>li>div.services .service:nth-child(5),
header nav>ul>li>div.services .service:nth-child(6){
	margin-bottom: 50px;
}
header nav>ul>li>div.services .service .normal,
header nav>ul>li>div.services .service .price{
	display: none;
}
header nav>ul>li>div.services .service .small img{
	float: left;
	margin-right: 25px;
}
header nav>ul>li>div.services .service  .color{
	float: left;
	width: 175px;
}
header nav>ul>li>div.services .service .color .name,
header nav>ul>li>div.services .service .color .name a{
	font: 700 18px/24px 'Gotham Pro';
	color: #fff;
	transition: color 0.2s ease-in-out 0s;
}
header nav>ul>li>div.services .service .color .name a.active,
header nav>ul>li>div.services .service .color .name a:hover{
	color: #e84a25;
}
header nav>ul>li>div.services .service .color .desc{
	font: 400 14px/18px 'Gotham Pro';
	color: #525263;
	padding-top: 5px;
}
header nav>ul>li>div.services .service .color .desc ul li,
header nav>ul>li>div.services .service .color .desc ul li a{
	font: 400 14px/30px 'Gotham Pro';
	color: #fff;	
	transition: color 0.2s ease-in-out 0s;
}
header nav>ul>li>div.services .service .color .desc ul li a{
	font: 400 14px/18px 'Gotham Pro';
}
header nav>ul>li>div.services .service .color .desc ul li a{
	display: inline-block;
}
header nav>ul>li>div.services .service:nth-child(3) .color .desc ul li:nth-child(2) a{
	width: 181px;
}
header nav>ul>li>div.services .service:nth-child(4){
	clear: both;
}
header nav>ul>li>div.services .service .color .desc ul li.active a,
header nav>ul>li>div.services .service .color .desc ul li a:hover{
	color: #e84a25;
}
header .phone{
	position: absolute;
	right: 0;
	width: 221px;
	font: 700 22px/22px 'Gotham Pro';
	text-align: center;
	color: #fff;
	top: 41px;
}
header .callme{
	display: block;
	background: none;
	height: 39px;
	width: 221px;
	border: 1px solid #fff;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	color: #fff;
	font: 500 12px/39px 'Gotham Pro';
	text-align: center;
	text-transform: uppercase;
	border-radius: 40px;
	top: 77px;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
header .callme:hover{
	background: #fff;
	color: #2d2d40;
}

.indexBox{
	background: url(../img/index-box-bg.jpg) 50% 0 no-repeat;
	height: 551px;
}
.indexBox .title{
	font: 700 60px/72px 'Gotham Pro';
	color: #fff;
	padding-top: 200px;
	float: left;
}
.indexBox form{
	display: block;
	float: right;
	background: #fff;
	padding: 45px 60px;
	width: 311px;
	height: 336px;
	margin-top: 62px;
	position: relative;
}
.indexBox form .next{
	width: 90px;
	height: 90px;
	position: absolute;
	background: url(../img/index-next.png) no-repeat;
	top: 50%;
	left: 0;
	margin: -45px 0 0 -45px;
}
.indexBox form .title2{
	color: #2d2d40;
	font: 700 24px/24px 'Gotham Pro';
	margin-bottom: 20px;
}
.indexBox form input[type="text"]{
	width: 311px;
	height: 31px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/31px 'Gotham Pro';
	margin-bottom: 20px;	
}
.indexBox form textarea{
	width: 311px;
	height: 63px;
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/18px 'Gotham Pro';
	margin-bottom: 20px;	
}
.indexBox form input[type="file"]{
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	bottom:0;
	right: 0;
	width: 100%;
	height: 35px;
	cursor: pointer;
}
.indexBox form .file{
	position: relative;
	margin-bottom: 20px;	
	border: 2px solid #d3d8df;
	height: 37px;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 40px;
	text-align: left;
	font: 700 12px/35px 'Gotham Pro';
	color: #2d2d40;
	text-align: left;
	padding-left: 35px;
	cursor: pointer;
	background: #fff url(../img/index-plus.png) 10px 50% no-repeat;
	display: inline-block;	
	padding-right: 15px;
	transition: background 0.2s ease-in-out 0s;
}
.indexBox form .file:hover{
	background: #d3d8df url(../img/index-plus2.png) 10px 50% no-repeat;
}
.indexBox form button{
	margin-top: 9px;
	border: 2px solid #ee5b2f;
	height: 35px;
	width: 165px;
	
	border-radius: 40px;
	text-align: center;
	font: 500 12px/31px 'Gotham Pro';
	color: #ee5b2f;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	display: block;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.indexBox form button:hover{
	background: #ee5b2f;
	color: #fff;
}
.indexServices{
	
}
.indexServices.withoutTitle{
	padding: 100px 0 65px 0;
}
.indexServices .title{
	font: 900 36px/36px 'Gotham Pro';
	color: #2d2d40;
	text-align: center;
	text-transform: uppercase;
	padding: 100px 0 60px 0;	
}
.indexServices.withoutTitle .title{
	display: none;
}
.indexServices .service{
	float: left;
	width: 33.3%;
	margin-bottom: 35px;
}
.indexServices .service:nth-child(4){
	m-argin-top: -60px;
}
.indexServices .service:nth-child(5){
	m-argin-top: -30px;
}
.indexServices .service img{
	position: absolute;
	z-index: 1;
}
.indexServices .service .color{
	margin: 190px 0 0 40px;
	width: 305px;
	position: relative;
	z-index: 2;
	padding: 30px;
	box-sizing: border-box;
}
.indexServices .service .small{
	display: none;
}
.indexServices .service:nth-child(1) .color,
.indexServices .service:nth-child(5) .color,
.indexServices .service:nth-child(9) .color{
	background: #8a44e3;
}
.indexServices .service:nth-child(2) .color,
.indexServices .service:nth-child(6) .color,
.indexServices .service:nth-child(7) .color{
	background: #f35c39;
}
.indexServices .service:nth-child(3) .color,
.indexServices .service:nth-child(4) .color,
.indexServices .service:nth-child(8) .color{
	background: #4668ff;
}
.indexServices .service .color .name,
.indexServices .service .color .name a{
	font: 700 30px/36px 'Gotham Pro';
	color: #fff;
}
.indexServices .service .color .name a:hover{
	text-decoration: underline;
}
.indexServices .service .color .desc{
	font: 400 18px/24px 'Gotham Pro';
	color: #fff;
	padding-top: 5px;
}
.indexServices .service .color .desc ul li,
.indexServices .service .color .desc ul li a{
	font: 400 18px/30px 'Gotham Pro';
	color: #fff;
}
.indexServices .service .color .desc ul li a:hover{
	text-decoration: underline;
}
.indexServices .service .color .price{
	font: 500 24px/24px 'Gotham Pro';
	color: #fff;
	display: inline-block;
	padding-top: 35px;
	padding-bottom: 15px;
	border-bottom: 5px solid #fff;
}
.indexServices .service:nth-child(1) .color .price,
.indexServices .service:nth-child(5) .color .price,
.indexServices .service:nth-child(3) .color .price,
.indexServices .service:nth-child(4) .color .price,
.indexServices .service:nth-child(8) .color .price,
.indexServices .service:nth-child(9) .color .price{
	border-color: #e84a25;
}
.indexServices .service:nth-child(2) .color .price,
.indexServices .service:nth-child(6) .color .price,
.indexServices .service:nth-child(7) .color .price{
	border-color: #2e54ff;
}
.indexAdvantages{
	background: url(../img/index-advantages-bg.jpg) 50% 0 no-repeat;
	height: 967px;
}
.indexAdvantages .title{
	font: 900 36px/36px 'Gotham Pro';
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 115px 0 60px 0;
}
.indexAdvantages .advantage{
	float: left;
	width: 33.3%;
	margin-bottom: 65px;
}
.indexAdvantages .advantage .dv{
	display: block;
	width: 177px;
	height: 177px;
	border: 2px solid #ee5b2f;
	border-radius: 177px;
	margin: 0 auto;	
}
.indexAdvantages .advantage .dv.dv1{background: url(../img/index-dv1.png) 50% 50% no-repeat;}
.indexAdvantages .advantage .dv.dv2{background: url(../img/index-dv2.png) 50% 50% no-repeat;}
.indexAdvantages .advantage .dv.dv3{background: url(../img/index-dv3.png) 50% 50% no-repeat;}
.indexAdvantages .advantage .dv.dv4{background: url(../img/index-dv4.png) 50% 50% no-repeat;}
.indexAdvantages .advantage .dv.dv5{background: url(../img/index-dv5.png) 50% 50% no-repeat;}
.indexAdvantages .advantage .dv.dv6{background: url(../img/index-dv6.png) 50% 50% no-repeat;}
.indexAdvantages .advantage:hover .dv.dv1{background: url(../img/index-dv11.png) 50% 50% no-repeat;}
.indexAdvantages .advantage:hover .dv.dv2{background: url(../img/index-dv22.png) 50% 50% no-repeat;}
.indexAdvantages .advantage:hover .dv.dv3{background: url(../img/index-dv33.png) 50% 50% no-repeat;}
.indexAdvantages .advantage:hover .dv.dv4{background: url(../img/index-dv44.png) 50% 50% no-repeat;}
.indexAdvantages .advantage:hover .dv.dv5{background: url(../img/index-dv55.png) 50% 50% no-repeat;}
.indexAdvantages .advantage:hover .dv.dv6{background: url(../img/index-dv66.png) 50% 50% no-repeat;}
.indexAdvantages .advantage .name{
	text-align: center;
	font: 700 30px/36px 'Gotham Pro';
	color: #fff;
	margin-top: 35px;
}
.indexWorks{
	padding-bottom: 78px;
}
.indexWorks .title{
	font: 900 36px/36px 'Gotham Pro';
	color: #2d2d40;
	text-align: center;
	text-transform: uppercase;
	padding: 100px 0 60px 0;
}
.indexWorks .grid{
	
}
.indexWorks .grid a{
	display: block;
	width: 276px;
	float: left;
	margin: 0 22px 22px 0;
	box-sizing: border-box;
}
.indexWorks .grid a:nth-child(4n){
	margin-right: 0;
}
.indexWorks .grid a img{
	display: block;
}
.indexWorks .grid a .info{
	font: 400 14px/22px 'Gotham Pro';
	height: 44px;
	overflow: hidden;
	padding: 13px;
	border-bottom: 5px solid #f35c39;
	background: #fff;
	color: #333348;
	transition: background 0.2s ease-in-out 0s,border-color 0.2s ease-in-out 0s,color 0.2s ease-in-out 0s;
}
.indexWorks .grid a:hover .info{
	background: #4668ff;
	border-color: #4668ff;
	color: #fff;
}
.indexCTA{
	background: url(../img/index-cta-bg.jpg) 50% 0 no-repeat;
	height: 293px;
}
.indexCTA .title{
	font: 700 81px/97px 'Gotham Pro';
	color: #fff;
	padding-top: 45px;
	padding-left: 95px;
	float: left;
}
.indexCTA form{
	float: right;
	display: block;
	width: 309px;
	padding-right: 95px;
	padding-top: 85px;
}
.indexCTA form input[type="text"]{
	width: 309px;
	height: 31px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 0;
	color: #2c2c2c;
	font: 400 12px/31px 'Gotham Pro';
	margin-bottom: 20px;
}
.indexCTA form button{
	margin-top: 9px;
	border: 2px solid #ee5b2f;
	height: 35px;
	width: 165px;
	border-radius: 40px;
	text-align: center;
	font: 500 12px/31px 'Gotham Pro';
	color: #ee5b2f;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	display: block;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.indexCTA form button:hover{
	background: #ee5b2f;
	color: #fff;
}

.heading{
	height: 285px;
}
.heading h1{
	font: 700 60px/72px 'Gotham Pro';
	color: #fff;
	padding-top: 115px;
}
.heading ul.breadcrumb{
	margin-top: 15px;
}
.heading ul.breadcrumb li{
	display: inline-block;
	color: #fff;
	font: 400 18px/22px 'Gotham Pro';
}
.heading ul.breadcrumb li a{
	color: #fff;
	font: 400 18px/22px 'Gotham Pro';
}
.heading ul.breadcrumb li.del{
	padding: 0 5px;
}
.heading ul.breadcrumb li.active{
	font: 700 18px/22px 'Gotham Pro';
}

.content{
	padding: 36px 0;
}
.right .content,
.job .content{
	padding: 0;
}
.content h2{	
	color: #333348;
	
}
.content h3{
	color: #333348;
	font: 700 30px/36px 'Gotham Pro';
	margin-bottom: 36px;
}
.content p{
	color: #000000;
	font: 400 18px/36px 'Gotham Pro';
	margin-bottom: 36px;
}
.content blockquote{
	background: #8a44e3;
	font: 700 24px/48px 'Gotham Pro';
	padding: 35px 35px 50px 95px;
	color: #fff;
	margin: 61px 0 61px 0;
	position: relative;
}
.content blockquote::before{
	position: absolute;
	width: 5px;
	left: 43px;
	top:-25px;
	height: 100%;
	content: " ";
	display: block;
	padding: 25px 0;
	background: #e84a25;
}
.content ul{
	margin-bottom: 36px;
}
.content h3+ul{
	margin-top: -18px;
}
.content p+ul{
	margin-top: -36px;
}
.content ul li{
	color: #000000;
	font: 400 18px/36px 'Gotham Pro';
	padding-left: 45px;
}
.content ul li::before{
	content: "—";
	color: #e84a25;
	font: 700 18px/36px 'Gotham Pro';
	position: absolute;
	margin-left: -35px;
}
.content a{
	color: #2e54ff;
}

#contactsMap{
	margin: 35px 0;
	height: 470px;
}
.contactsContent{
	margin-bottom: 90px;
}
.contactsContent .left{
	float: left;
	width: 320px;
}
.contactsContent .left form{
	display: block;
	float: right;
	background: #fff;
	padding: 30px;
	width: 260px;
	position: relative;
	box-shadow: 0 0 38px 0 rgba(0,0,0,0.11);
}
.contactsContent .left form .title2{
	color: #2d2d40;
	font: 700 24px/24px 'Gotham Pro';
	margin-bottom: 20px;
}
.contactsContent .left form input[type="text"]{
	width: 260px;
	height: 31px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/31px 'Gotham Pro';
	margin-bottom: 20px;	
}
.contactsContent .left form textarea{
	width: 260px;
	height: 63px;
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/18px 'Gotham Pro';
	margin-bottom: 20px;	
}
.contactsContent .left form input[type="file"]{
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	bottom:0;
	right: 0;
	width: 100%;
	height: 35px;
	cursor: pointer;
}
.contactsContent .left form .file{
	position: relative;
	margin-bottom: 20px;	
	border: 2px solid #d3d8df;
	height: 37px;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 40px;
	text-align: left;
	font: 700 12px/35px 'Gotham Pro';
	color: #2d2d40;
	text-align: left;
	padding-left: 35px;
	cursor: pointer;
	background: url(../img/index-plus.png) 10px 50% no-repeat;
	display: inline-block;	
	padding-right: 15px;
	transition: background 0.2s ease-in-out 0s;
}
.contactsContent .left form .file:hover{
	background: #d3d8df url(../img/index-plus2.png) 10px 50% no-repeat;
}
.contactsContent .left form button{
	margin-top: 9px;
	border: 2px solid #ee5b2f;
	height: 35px;
	width: 165px;
	
	border-radius: 40px;
	text-align: center;
	font: 500 12px/31px 'Gotham Pro';
	color: #ee5b2f;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	display: block;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.contactsContent .left form button:hover{
	background: #ee5b2f;
	color: #fff;
}
.contactsContent .right{
	float: right;
	width: 815px;
}
.contactsContent .right p{
	font: 400 18px/36px 'Gotham Pro';
	color: #000;
	margin-bottom: 36px;
}
.contactsContent .right .address{
	font: 400 18px/48px 'Gotham Pro';
	color: #000;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/contacts-address.png) 5px 50% no-repeat;
}
.contactsContent .right .phone{
	font: 400 18px/48px 'Gotham Pro';
	color: #000;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/contacts-phone.png) 5px 50% no-repeat;
}
.contactsContent .right .email{
	font: 400 18px/48px 'Gotham Pro';
	color: #000;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/contacts-email.png) 2px 50% no-repeat;
}
.contactsContent .right .email a{
	color: #4668ff;
}
.contactsContent .right .time{
	font: 400 18px/24px 'Gotham Pro';
	color: #000;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/contacts-time.png) 0 50% no-repeat;
}

.jobs{
	padding: 65px 0;
}
.jobs .job{
	height: 80px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	background: #8a44e3;
	transition: background 0.2s ease-in-out 0s, height 0.2s ease-in-out 0s;
}
.jobs .job.active{
	height: auto;
	background: #e1e4e9;
}
.jobs .job .arrow{
	position: absolute;
	cursor: pointer;
	width: 33px;
	height: 40px;
	background: url(../img/job-arrow-down.png) no-repeat;
	right: 23px;
	bottom: 22px;	
}
.jobs .job.active .arrow{
	bottom: 38px;
	background: url(../img/job-arrow-up.png) no-repeat;
}
.jobs .job .title{
	color: #fff;
	height: 80px;
	font: 700 24px/80px 'Gotham Pro';
	padding-left: 30px;	
	cursor: pointer;
	transition: color 0.2s ease-in-out 0s;
}
.jobs .job.active .title{
	color: #333348;
}
.jobs .job .info{
	padding: 0 30px 30px 30px;
	color: #000000;
}
.jobs .job .info p{
	font: 400 18px/36px 'Gotham Pro';
}
.jobs .job .info h4{
	height: 80px;
	font: 700 24px/80px 'Gotham Pro';	
}
.jobs .job .price{
	margin-left: 30px;
	display: inline-block;
	border-top: 5px solid #f35c39;
	padding-top: 25px;
	padding-bottom: 50px;
	color: #333348;
	font: 500 36px/36px 'Gotham Pro';	
}

.generalPage{
	padding: 40px 0;
}
.generalPage .left{
	position: relative;
	float: left;
	background: #8a44e3;
	width: 250px;
	padding: 30px;
	box-sizing: border-box;
}
.generalPage .left .h2{
	color: #fff;
	font: 400 24px/28px 'Gotham Pro';
	margin: -15px -15px 15px -15px;
	padding: 0 15px 15px 15px;
	border-bottom: 1px solid #fff;
}
.generalPage .left>ul>li>a{
	color: #fff;
	font: 500 18px/24px 'Gotham Pro';
}
.generalPage .left>ul>li{
	margin-bottom: 10px;
}
.generalPage .left>ul>li>ul{
	margin-top: 5px;
}
.generalPage .left>ul>li>ul>li>a{
	color: #fff;
	font: 400 14px/30px 'Gotham Pro';
}
.generalPage .left>ul>li>a:hover,
.generalPage .left>ul>li>ul>li>a:hover{
	text-decoration:underline;
}
.generalPage .right{
	float: right;
	width: 872px;
}
.servicePage .right .text{
	float: left;
	width: 520px;
}
/*
.servicePage .right .text p{
	color: #000000;
	font: 400 18px/36px 'Gotham Pro';
}
*/
.servicePage .right .form{
	float: right;
	width: 320px;
}
.servicePage .right .form form{
	display: block;
	background: #fff;
	padding: 30px;
	width: 260px;
	position: relative;
	margin-bottom: 35px;
	box-shadow: 0 0 38px 0 rgba(0,0,0,0.11);
}
.servicePage .right .form form .title2{
	color: #2d2d40;
	font: 700 24px/24px 'Gotham Pro';
	margin-bottom: 20px;
}
.servicePage .right .form form input[type="text"]{
	width: 260px;
	height: 31px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/31px 'Gotham Pro';
	margin-bottom: 20px;	
}
.servicePage .right .form form textarea{
	width: 260px;
	height: 63px;
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/18px 'Gotham Pro';
	margin-bottom: 20px;	
}
.servicePage .right .form form input[type="file"]{
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	bottom:0;
	right: 0;
	width: 100%;
	height: 35px;
	cursor: pointer;
}
.servicePage .right .form form .file{
	position: relative;
	margin-bottom: 20px;	
	border: 2px solid #d3d8df;
	height: 37px;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 40px;
	text-align: left;
	font: 700 12px/35px 'Gotham Pro';
	color: #2d2d40;
	text-align: left;
	padding-left: 35px;
	cursor: pointer;
	background: url(../img/index-plus.png) 10px 50% no-repeat;
	display: inline-block;	
	padding-right: 15px;
	transition: background 0.2s ease-in-out 0s;
}
.servicePage .right .form form .file:hover{
	background: #d3d8df url(../img/index-plus2.png) 10px 50% no-repeat;
}
.servicePage .right .form form button{
	margin-top: 9px;
	border: 2px solid #ee5b2f;
	height: 35px;
	width: 165px;
	
	border-radius: 40px;
	text-align: center;
	font: 500 12px/31px 'Gotham Pro';
	color: #ee5b2f;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	display: block;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.servicePage .right .form form button:hover{
	background: #ee5b2f;
	color: #fff;
}
.servicePage .right .form a{
	display: inline-block;
	color: #2e54ff;
	font: 700 14px/30px 'Gotham Pro';
	background: url(../img/service-download.png) 0 50% no-repeat;
	padding-left: 25px;
	border-bottom: 2px solid #2e54ff;	
	margin-left: 15px;
	margin-bottom: 5px;
	transition: border-color 0.2s ease-in-out 0s;
}
.servicePage .right .form a:hover{
	border-bottom: 2px solid #fff;
}
.servicePage .right .title{
	
	color: #333348;
	font: 700 30px/30px 'Gotham Pro';
	margin-top: 50px;
	margin-bottom: 25px;
}
.generalPage .right .grid{
	
}
.generalPage .right .grid a{
	display: block;
	width: 276px;
	float: left;
	margin: 0 22px 22px 0;
	box-sizing: border-box;
}
.generalPage .right .grid a:nth-child(3n){
	margin-right: 0;
}
.generalPage .right .grid a img{
	display: block;
}
.generalPage .right .grid a .info{
	font: 400 14px/16px 'Gotham Pro';
	height: 44px;
	overflow: hidden;
	padding: 13px;
	border-bottom: 5px solid #f35c39;
	background: #fff;
	color: #333348;
	transition: background 0.2s ease-in-out 0s,border-color 0.2s ease-in-out 0s,color 0.2s ease-in-out 0s;
}
.servicePage .right .grid a .info .price{
	font: 500 18px/22px 'Gotham Pro';
}
.generalPage .right .grid a:hover .info{
	background: #4668ff;
	border-color: #4668ff;
	color: #fff;
}

footer{
	background: #1a1a25;
	padding-top: 85px;
	padding-bottom: 40px;
}
footer .col-1{
	float: left;
	width: 235px;
	padding-right: 130px;	
}
footer .col-1 .title{
	font: 500 18px/30px 'Gotham Pro';
	color: #fff;
}
footer .col-1 p{
	font: 400 14px/24px 'Gotham Pro';
	color: #fff;
	margin: 15px 0;
}
footer .col-1 ul{
	margin-top: 21px;
}
footer .col-1 ul li{
	font: 400 14px/38px 'Gotham Pro';
	color: #fff;
	padding-left: 30px;
}
footer .col-1 ul li::before{
	content: " ";
	background: #ef5d30;
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	margin: 13px 0 0 -20px;
	border-radius: 5px;
}
footer .col-2{
	float: left;
	width: 235px;
	padding-right: 20px;
}
footer .col-2 .title a{
	font: 500 18px/30px 'Gotham Pro';
	color: #525263;
}
footer .col-2 ul li,
footer .col-2 ul li a{
	font: 400 14px/38px 'Gotham Pro';
	color: #525263;
}
footer .col-2 a:hover{
	color: #fff;
	transition: color 0.2s ease-in-out 0s;
}
footer .col-3{
	float: left;
	width: 235px;
}
footer .col-3 .title a{
	font: 500 18px/30px 'Gotham Pro';
	color: #525263;
}
footer .col-3 ul li,
footer .col-3 ul li a{
	font: 400 14px/38px 'Gotham Pro';
	color: #525263;
}
footer .col-3 a:hover{
	color: #fff;
	transition: color 0.2s ease-in-out 0s;
}
footer .col-4{
	float: left;
	width: 300px;
}
footer .col-4 .title{
	font: 500 18px/30px 'Gotham Pro';
	color: #fff;
	padding-left: 50px;
}
footer .col-4 .address{
	font: 400 14px/24px 'Gotham Pro';
	color: #fff;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/footer-address.png) 5px 50% no-repeat;
}
footer .col-4 .phone{
	font: 400 14px/48px 'Gotham Pro';
	color: #fff;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/footer-phone.png) 5px 50% no-repeat;
}
footer .col-4 .email{
	font: 400 14px/48px 'Gotham Pro';
	color: #fff;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/footer-email.png) 2px 50% no-repeat;
}
footer .col-4 .time{
	font: 400 14px/24px 'Gotham Pro';
	color: #fff;
	margin: 10px 0;
	padding-left: 50px;
	background: url(../img/footer-time.png) 0 50% no-repeat;
}
footer .copyright{
	padding-top: 75px;
	color: #525263;
	font: 400 12px/12px 'Gotham Pro';
}


.popup {
	padding: 30px;
	background: #fff;
}
.popup .title2{
	color: #2d2d40;
	font: 700 24px/24px 'Gotham Pro';
	margin-bottom: 20px;
}
.popup form{
	display: block;
	background: #fff;
	width: 260px;
}
.popup form input[type="text"]{
	width: 260px;
	height: 31px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/31px 'Gotham Pro';
	margin-bottom: 20px;	
}
.popup form textarea{
	width: 260px;
	height: 63px;
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/18px 'Gotham Pro';
	margin-bottom: 20px;	
}
.popup form input[type="file"]{
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	bottom:0;
	right: 0;
	width: 100%;
	height: 35px;
	cursor: pointer;
}
.popup form .file{
	position: relative;
	margin-bottom: 20px;	
	border: 2px solid #d3d8df;
	height: 37px;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 40px;
	text-align: left;
	font: 700 12px/35px 'Gotham Pro';
	color: #2d2d40;
	text-align: left;
	padding-left: 35px;
	cursor: pointer;
	background: url(../img/index-plus.png) 10px 50% no-repeat;
	display: inline-block;	
	padding-right: 15px;
	transition: background 0.2s ease-in-out 0s;
}
.popup form .file:hover{
	background: #d3d8df url(../img/index-plus2.png) 10px 50% no-repeat;
}
.popup form button{
	margin-top: 9px;
	border: 2px solid #ee5b2f;
	height: 35px;
	width: 165px;
	
	border-radius: 40px;
	text-align: center;
	font: 500 12px/31px 'Gotham Pro';
	color: #ee5b2f;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	display: block;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.popup form button:hover{
	background: #ee5b2f;
	color: #fff;
}
.popup#popup_success{
	max-width: 400px;
	text-align: center;
}
.popup#popup_success .title2{
	margin-bottom: 0;
}

body .af-message-error { 
	background-color: #e84a25 !important; 
	color: #fff !important;
	font: 500 16px/18px 'Gotham Pro' !important;
	text-transform: uppercase;
	border: 0 !important;
	border-radius: 0 !important;
}
body .af-message-success { 
	background-color: green !important; 
	color: #fff !important;
	font: 500 16px/18px 'Gotham Pro' !important;
	text-transform: uppercase;
	border: 0 !important;
	border-radius: 0 !important;
}
#fancybox-form{
	position: fixed;	
	bottom: 80px;
	z-index: 8080;
	width: 100%;
	text-align: center;
}
.fancy-form{
	background: #fff;
	padding: 25px;
	display: inline-block;
}
.fancy-form form input[type="text"]{
	width: 260px;
	height: 35px;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #e2e7ea;
	color: #2c2c2c;
	font: 400 12px/31px 'Gotham Pro';
	margin-right: 20px;
}
.fancy-form form button{
	border: 2px solid #ee5b2f;
	height: 35px;
	width: 165px;	
	border-radius: 40px;
	text-align: center;
	font: 500 12px/31px 'Gotham Pro';
	color: #ee5b2f;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	display: inline-block;
	transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.fancy-form form button:hover{
	background: #ee5b2f;
	color: #fff;
}


.copyright-text{
    float: left;
    margin-right: 20px;
}

.made-by-copy{
    float: right;
    margin-top: -6px;
}
.made-by-copy:before,
.made-by-copy:after {
    display: table;
    content: " ";
}
.made-by-copy:after{
    clear: both;
}
.made-by {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 153px;
    height: 23px;
}
.made-by:before, .made-by:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.made-by:before {
    background: url("/template/riverstart/white.svg") no-repeat;
}
.made-by:after {
    background: url("/template/riverstart/color.svg") no-repeat;
    opacity: 0;
}
.made-by:hover:after, .made-by:focus:after {
    opacity: 1;
}

@media (max-width: 767px) {
    footer{
        padding-bottom: 20px;
    }
    .copyright-text{
        float: none;
        text-align: center;
    }
    .made-by-copy{
        float: none;
        text-align: center;
        margin-top: 10px;
    }
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after{
    clear: both;
}