
*
{
	margin: 0;
	padding: 0;
}

body
{
	width: 100%;
	max-width: 1920px;
	height: auto;
	
	margin: 0 auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}
div
{
	display: block;
}
#head
{
	display: block;
	padding-bottom: 50px;
	height: 870px;
	background: url(../images/header-2.jpg) 50% 0% no-repeat;
	transition: background-position 2s ease-in-out;
	-moz-transition: background-position 2s ease-in-out;
	-webkit-transition: background-position 2s ease-in-out;
}


.selector
{
	width: 1004px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
#head .selector
{
	z-index: 999;
	/*margin-top: -725px;*/
	position: absolute;
	top: 0;
	margin: 0 auto;
	left: 50%;
	margin-left: -502px;
	max-height: 1024px;
	height: 870px;
}
#head .head_logo{
	position: absolute;
	top: 30px;
	left: 45px;
}

#head .topmenu{
	top: 32px;
	left: 360px;
	position: absolute;
}

#head .topmenu ul{margin: 0; padding: 0; list-style: none;}
#head .topmenu ul li{margin: 0; padding: 0; float:left;}
#head .topmenu ul li a{color: #ffcc04; font-size: 16px; padding: 0 7px; text-decoration: none;}
#head .topmenu ul li a:hover{text-decoration: underline;}

#head .hand{
	position: absolute;
	width: 511px; 
	height: 738px;
	background: url(../images/hand.png) top center no-repeat ;
	left: 60%;
	margin-top: 132px;
}

#head .head-bottom{
position: absolute;
width: 100%;
height: 167px;
margin-top: 703px;
background: url(../images/header-2-bottom.png) top center no-repeat ;
max-width: 1920px;
}

.head_video
{
	width: 100% !important;
	min-width: 1024px;
	overflow: hidden;
	min-height: 100%;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	z-index: -9999;
}
.head_phone
{
	font-size: 20px;
	color: #fff;
	line-height: 25px;
	position: absolute;
	right: 10px;
	top: 35px;
}
.head_phone a
{
	font-size: 14px;
	color: #fff;
}
.head_title
{
	top: 205px;
	left: 45px;
	width: 100%;
	font-weight: 800;
	font-size: 48px;
	color: #fff;
	@text-transform: uppercase;
	line-height: 100%;
	position: absolute;
	text-align: left;
}
.head_title2
{
	top: 340px;
	position: absolute;
	left: 45px;
	font-weight: 300;
	font-size: 18px;
	color: #ffffff;
	@text-transform: uppercase;
	height: 30px;
	#background: url(../images/yellow-arrow.png) 100% 50%  no-repeat;
	width: 500px;
	text-align: left;
}
.head_button
{
left: 35px;
position: absolute;
top: 420px;
}
.head_button a:hover
{
	opacity: 0.8;
}
#advantages
{
	display: block;
}
.advantages_title
{
	font-size: 36px;
	padding-bottom: 10px;
	background: url(../images/h2line.png) center bottom no-repeat;
	padding-top: 20px;
}
.advantages_title2
{
	font-size: 16px;
}
.advantages_title2 span
{
	text-decoration: underline;
}
.advantages_table
{
	width: 100%;
	text-align: center;
	margin: 50px 0;
}
.advantages_table td
{
	padding: 5px;
}
.advantages_table .title
{
	font-size: 16px;
	color : #484137;
	font-weight: bold;
}
.advantages_table .text
{
	font-size: 14px;
	color: #6c6c6c;
}
.advantages_text
{
	font-size: 16px;
}

.advantages_text .button-wrapper{
	padding: 20px 0 30px;
	height: 100px;
}

#looks_like
{
	background: url(../images/looks_like.png) center center no-repeat;
	min-width: 1024px;
	color: #fff;
	height: 402px;
	margin-bottom: 20px;
}
.looks_like_title
{
	font-size: 36px;
	font-weight: 600;
	padding-top: 35px;
}
.looks_like_title2
{
	font-size: 18px;
	padding: 10px 0;
	height: 70px;
	overflow: hidden;
}
.looks_like_button
{
	padding-top: 20px;
}
.looks_like_button a:hover
{
	opacity: 0.8;
}

#landing_page{
	background: url(../images/bg-cost.jpg) top left ;
	padding: 60px 0;
}
.landing_page_title
{
	font-size: 36px;
	padding-bottom: 10px;
	background: url(../images/h2line.png) bottom center no-repeat;
}
.landing_page_title2
{
	font-size: 16px;
}
.landing_page_content
{
	min-width: 1024px;
	min-height: 775px;
	max-height: 900px;
	margin-top: 25px;
	font-size: 14px;
	text-align: center;
}
.landing_page_content ul
{
	width: 200px;
}
.landing_page_content li
{
	list-style-type: none;
}
.landing_page_content .icon
{
	height: 55px;
}
.landing_page_content .text
{
	height: 85px;
	padding: 10px 0 25px 0;
	overflow:  hidden;
}
.landing_page_first
{
	float: left;
	margin-top: 25px;
}
.landing_page_second
{
	float: right;
	margin-top: 25px;
}
#special
{
	background: url(../images/special.png) top center no-repeat;
	min-width: 1024px;
	height: 645px;
}
.special_title
{
	font-style:  italic;
	font-weight: 300;
	font-size: 37px;
	color: #fff;
	text-transform: uppercase;
	padding: 75px 0 50px 0;
}
.special_title2
{
	font-weight: 700;
	font-size: 23px;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 75px;
}
.special_price
{
	line-height: 50px;
	padding-bottom: 30px;
}
.special_price .price
{
	font-style: italic;
	font-weight: 300;
	font-size: 84px;
	color: #fff;
}
.special_price .text
{
	font-style: italic;
	font-weight: 700;
	font-size: 23px;
	color: #fff;
	text-transform: uppercase;
}
.special_button
{
	padding-bottom: 10px;
}
.special_button a:hover
{
	opacity: 0.8;
}
.special_condition
{
	
	font-size: 10px;
	color: #fff;
}
#how_we_work
{
	background: url(../images/schema-bg.png) left top repeat-x;
	height: 1086px;
}
.how_we_work_title
{
	font-size: 36px;
	padding-top: 40px;
	padding-bottom: 10px;
	background: url(../images/yellowline.png) bottom center no-repeat;
}
.how_we_work_title2
{
	font-size: 16px;
	padding-bottom: 25px;
}
.how_we_work_scheme
{
	background: url(../images/schema.png) center center no-repeat;
	min-width: 1024px;
	height: 840px;
	margin-top: 20px;
	position: relative;
}
#question
{
	background: url(../images/question.png) center center no-repeat;
	min-width: 1024px;
	color: #fff;
	height: 302px;
}
.question_title
{
	font-size: 36px;
	padding-top: 25px;
}
.question_title2
{
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
	height: 70px;
	overflow: hidden;
}
.question_button
{
	padding-top: 45px;
}
.question_button a:hover
{
	opacity: 0.8;
}
#examples
{

}
.examples_title
{
	font-size: 36px;
	padding-top: 50px;
	padding-bottom: 10px;
	background: url(../images/h2line.png) bottom center no-repeat;
}
.examples_carousel
{
	
}
#examples .button-wrapper{
	height: 80px;
}

/* START CAROUSEL*/

	#owl-demo .item{
		
		padding: 0;
		margin: 20px;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}
	
	#owl-demo .item img{
		display: block;
		box-shadow: 0 0 20px rgba(0,0,0,0.3);
		 -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
		 -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}
	
	#owl-demo .item p{
		margin-top: 30px;
	}
	
	#owl-demo .item p a{
		color: #34a0f3;
		font-size: 16px;
		font-weight: 200;
	}
	
	#owl-demo2 .item{
		
		padding: 30px 0px;
		margin: 10px;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}
	.customNavigation{
	  text-align: center;
	}
	.customNavigation a{
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	.owl-carousel .owl-item{
		margin-top: 30px ;
	}
	
/* END CAROUSEL */

#specialists
{
	/*background: url(../images/looks_like.png) 0 320px repeat-x #fff; */
	
	min-width: 1024px;
	padding-bottom: 20px;
}
.specialists_title
{
	font-size: 36px;
	padding-top: 40px;
	padding-bottom: 10px;
	background: url(../images/h2line.png) bottom center no-repeat;
}
.specialists_title2
{
	font-size: 18px;
	padding-top: 40px;
}
.specialists_carousel .post
{
	background-color: #fff;
	color: #000;
	font-size: 14px;
	margin-right: -4px;
	margin-top: -8px;
	padding: 15px;
}

.specialists_carousel .post span{
	color: #302b29;
	font-weight: bold;
	font-size: 16px;
}
#specialists .text{
	color: #312819;
	font-size: 16px;
	font-style: italic;
}
#specialists .button-wrapper{
	height: 60px;
}

#ready
{
	
}
.ready_text
{
	list-style-type: none;
	font-style: italic;
	font-weight: 700;

	font-size: 30px;
	text-transform: uppercase;
	padding: 50px 0 75px 0;
}
.ready_text div
{
	float: left;
}
.ready_button a:hover
{
	opacity: 0.8;
}
#popup
{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 7777;
	display: none;
	left:0;
}

#popupcounsult{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 7777;
	display: none;
	left:0;
}

.popup_selector
{
	width: 350px;
	border: 5px solid #c05246;
	border-radius: 10px;
	background-color: #fff;
	margin: 150px auto 0 auto;
}
.popup_form
{
	z-index: 9999;
}
.close_popup
{
	width: 100%;
	height: 100%;
	position: fixed;
	display: block;
	z-index: 8888;
	top: 0;
	left: 0;
}
.popup_form .text
{
	padding: 12px 15px;
	width: 85%;
	border: 1px solid #ebebec;
	border-radius: 5px;
	margin: 8px 0;
	font-size: 16px;
}
.popup_form .button
{
	margin: 20px 0;
}
.popup_form .button:hover
{
	opacity: 0.8;
}
.popup_form  .title
{
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	color: #434448;
	padding: 20px 0 10px 0;
}
.popup_form .close a
{
	float: right;
	font-weight: 900;
	font-size: 16px;
	color: #c05246;
	padding-right: 5px;
	text-decoration: none;
}

#bgmodal_visible { 
	background-color: rgba(0, 0, 0, 0.6);
	font-family: Intro;
	height: 100%;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 1000;
}

#bgmodal_visible #popup_visible { 
	background-color: #fff;
	margin: -100px auto 0;
	padding: 50px 20px;
	position: relative;
	width: 324px;
	border: 6px solid #dd5144;
	border-radius: 10px;
	-moz-border-radius: 10px;
	top: 50%;
}
.hww{position: absolute; width: 260px; text-align:left; font-size: 14px; color: #2d2d2d; font-weight: 400; line-height: 120%}
.hww a{color: #ea0600}
.hww-1{margin-top: 100px;left: 65px;}
.hww-2{margin-top: 100px; left: 390px;}
.hww-3{top: 100px; left: 680px;}


.hww-4{top: 350px; left: 760px;}
.hww-5{top: 350px;left: 480px;}
.hww-6{top: 350px;left: 160px;}

.hww-7{top: 600px;left: 160px;}
.hww-8{top: 600px;left: 480px;}
.hww-9{top: 600px;left: 760px;}

.hww-10{top: 850px;left: 65px;}
.hww-11{top: 850px;left: 390px;}
.hww-12{top: 850px;left: 680px;}

.buttonSmall{background: url(../images/buttonSmall.png) top center no-repeat;
width: 200px;
height: 52px;
color: #000;
text-align: center;
line-height: 48px;
font-size: 16px;
display: inline-block;
}
.headButton{
	text-align: center;
	margin-top: 10px
}

.buttonBig{background: url(../images/buttonBig.png) top center no-repeat;
width: 268px;
height: 66px;
color: #000;
text-align: center;
line-height: 60px;
font-size: 18px;
display: inline-block;
}

.buttonRed,
a.buttonRed
{background: url(../images/button-blue.png) top center no-repeat;
width: 250px;
height: 55px;
color: #000;
text-decoration: none;
text-align: center;
line-height: 55px;
font-size: 16px;
font-weight: 600;
display: inline-block;
transition: height 0.3s ease 0s;
-webkit-transition: height 0.3s ease 0s;
-moz-transition: height 0.3s ease 0s;
}

.buttonRed:hover{
}
.buttonRed.grey,
a.buttonRed.grey{
	background: url(../images/button-blue.png) top center no-repeat;
}

.buttonRedHuge,
a.buttonRedHuge
{background: url(../images/button-blue.png) top center no-repeat;
background-size: 100% 55px;
width: 318px;
height: 55px;
color: #000;
text-decoration: none;
text-align: center;
line-height: 55px;
font-size: 16px;
font-weight: 600;
display: inline-block;
transition: height 0.3s ease 0s;
-webkit-transition: height 0.3s ease 0s;
-moz-transition: height 0.3s ease 0s;
}

.buttonRedHuge:hover{
	
}

.buttonYellow,
a.buttonYellow
{background: url(../images/button-blue.png) top center no-repeat;
background-size: 180px 100%;
width: 180px;
height: 45px;
color: #000;
text-decoration: none;
text-align: center;
line-height: 45px;
font-size: 18px;
font-weight: 500;
display: inline-block;
transition: height 0.3s ease 0s;
-webkit-transition: height 0.3s ease 0s;
-moz-transition: height 0.3s ease 0s;
}

.buttonYellow:hover{
}

.offerLP{
	position: absolute;
	width: 320px;
	height: 665px;
	background-color: #fff;
	left: 15px;
}
.offerLP > .heading{font-size: 30px; padding: 30px 30px 10px; text-align: center; background: url(../images/yellowline.png) bottom center no-repeat}
.offerLP > .description{font-size: 14px; padding: 15px 10px 0; text-align: left; color: #1d1013; height: 410px;}
.offerLP > .description li{background: url(../images/li-green.png) 0 4px no-repeat; padding: 3px 0 3px 30px;}
.offerLP > .description li.present{background: url(../images/li-present.png) 0 4px no-repeat;}
.offerLP > .description ul{width: auto; padding-left: 20px;}
.offerLP > .price{text-align: center; height: 85px;}
.offerLP > .price > .small{font-weight: 900; font-size: 16px}
.offerLP > .price > .big{font-weight: 900; font-size: 44px; line-height: 80%}

.offerShop{
	position: absolute;
	width: 320px;
	height: 770px;
	background-color: #1d1013;
	color: #fff;
	left: 335px;
}
.offerShop > .heading{font-size: 30px; padding: 30px 30px 10px; text-align: center; background: url(../images/yellowline.png) bottom center no-repeat}
.offerShop > .description{font-size: 14px; padding: 15px 10px 0; text-align: left; color: #fff; height: 520px;}
.offerShop > .description li{background: url(../images/li-green.png) 0 4px no-repeat; padding: 3px 0 3px 30px;}
.offerShop > .description li.present{background: url(../images/li-present.png) 0 4px no-repeat;}
.offerShop > .description ul{width: auto; padding-left: 20px;}
.offerShop > .price{text-align: center; height: 85px;}
.offerShop > .price > .small{font-weight: 900; font-size: 16px}
.offerShop > .price > .big{font-weight: 900; font-size: 44px; line-height: 80%}

.offerCorporative{
	position: absolute;
	width: 320px;
	height: 665px;
	background-color: #fff;
	left: 655px;
}
.offerCorporative > .heading{font-size: 30px; padding: 30px 30px 10px; text-align: center; background: url(../images/yellowline.png) bottom center no-repeat}
.offerCorporative > .description{font-size: 14px; padding: 15px 10px 0; text-align: left; color: #1d1013; height: 410px;}
.offerCorporative > .description li{background: url(../images/li-green.png) 0 4px no-repeat; padding: 3px 0 3px 30px;}
.offerCorporative > .description li.present{background: url(../images/li-present.png) 0 4px no-repeat;}
.offerCorporative > .description ul{width: auto; padding-left: 20px;}
.offerCorporative > .price{text-align: center; height: 85px;}
.offerCorporative > .price > .small{font-weight: 900; font-size: 16px}
.offerCorporative > .price > .big{font-weight: 900; font-size: 44px; line-height: 80%}

.featureTitle{height: 86px; background: url(../images/looks_like.png) top center repeat-x;}
.featureTitle > .selector{text-align: center; color: #fff; font-size: 36px; text-transform: uppercase; line-height: 86px; }

.featureDesign{background-color: #f7f8fa; padding: 0; height:530px;}
.featureDesign .imageLeft{width: 565px; text-align: center; float: left}
.featureDesign .imageLeft > .image{}
.featureDesign > .selector > .text{float: left; margin-left: 10px; width: 420px;padding-top: 40px}
.featureDesign > .selector > .text > .title{text-align: left; float:left; clear: left; font-size: 32px;padding: 0 0 10px 0; background: url(../images/yellowline.png) bottom left no-repeat; color: #323232;}
.featureDesign > .selector > .text > .description{text-align: left; float:left; clear: left; font-size: 14px;padding: 20px 0 10px 0; }
.featureDesign > .selector > .text > .feat1{background: url(../images/ico-tools.png) 0 5px no-repeat; }
.featureDesign > .selector > .text > .feat2{background: url(../images/ico-mobile.png) 0 5px no-repeat; }
.featureDesign > .selector > .text > .feat-item{padding: 0 0 0 50px; float:left; clear: left; text-align: left; margin-top: 40px;}
.featureDesign > .selector > .text > .feat-item > .title{font-size: 16px; font-weight: regualr}
.featureDesign > .selector > .text > .feat-item > .text{font-size: 14px; color: #312819; font-weight: 300;}

/********************************/
.featureProgramming{padding: 36px 0; height: 580px;}
.featureProgramming .imageLeft{width: 410px; text-align: center; float: left}
.featureProgramming .imageLeft > .image{padding: 60px 0 45px;}
.featureProgramming .imageLeft > .image img{width: 400;}
.featureProgramming > .selector > .text{float: left; width: 575px;}
.featureProgramming > .selector > .text > .title{text-align: left; float:left; clear: left; font-size: 32px;padding: 0 0 10px 0; background: url(../images/yellowline.png) bottom left no-repeat;}
.featureProgramming > .selector > .text > .description{text-align: left; float:left; clear: left; font-size: 14px;padding: 20px 0 10px 0; }
.featureProgramming > .selector > .text > .feat1{background: url(../images/ico-multilanding.png) 0 5px no-repeat; }
.featureProgramming > .selector > .text > .feat2{background: url(../images/ico-geotargeting.png) 0 5px no-repeat; }
.featureProgramming > .selector > .text > .feat3{background: url(../images/ico-animation.png) 0 5px no-repeat; }
.featureProgramming > .selector > .text > .feat-item{padding: 0 0 0 50px; float:left; clear: left; text-align: left; margin-top: 40px;}
.featureProgramming > .selector > .text > .feat-item > .title{font-size: 16px; font-weight: regualr}
.featureProgramming > .selector > .text > .feat-item > .text{font-size: 14px; color: #312819; font-weight: 300;}

/********************************/
.featureClient{background-color: #f7f8fa; padding: 36px 0; height: 512px;}
.featureClient .imageLeft{width: 525px; text-align: center; float: left}
.featureClient .imageLeft > .image{padding: 0 }
.featureClient > .selector > .text{float: left; margin-left: 20px; width: 455px;}
.featureClient > .selector > .text > .title{text-align: left; float:left; clear: left; font-size: 32px;padding: 0 0 10px 0; background: url(../images/yellowline.png) bottom left no-repeat;}
.featureClient > .selector > .text > .description{text-align: left; float:left; clear: left; font-size: 14px;padding: 20px 0 10px 0; }
.featureClient > .selector > .text > .feat1{background: url(../images/ico-utp.png) 0 5px no-repeat; }
.featureClient > .selector > .text > .feat2{background: url(../images/ico-direct.png) 0 5px no-repeat; }
.featureClient > .selector > .text > .feat3{background: url(../images/ico-test.png) 0 5px no-repeat; }
.featureClient > .selector > .text > .feat-item{padding: 0 0 0 50px; float:left; clear: left; text-align: left; margin-top: 20px;}
.featureClient > .selector > .text > .feat-item > .title{font-size: 16px; font-weight: regular}
.featureClient > .selector > .text > .feat-item > .text{font-size: 14px; color: #312819; font-weight: 300;}

/*************/
.popupconsultwindow{width: 930px; height: 550px; top: 50%; margin-top: -275px; position: absolute; left: 50%; margin-left: -465px;}
.popupconsultwindow .message{ float: left; width: 445px; height: 100%; background-color: #fff; padding: 10px;}
.popupconsultwindow .message .title{border-left: 7px solid #ffc402; color: #212f39; font-size: 26px; font-weight: bold; margin-top: 20px; text-align: left; padding-left: 15px;}
.popupconsultwindow .message .cite{width: 445px; height: 313px; background: url(../images/cite-frame.png) top center no-repeat; padding: 30px 10px; margin: 15px 0; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px; text-align: left;}
.popupconsultwindow .message .cite p {margin: 10px 0; }

.popupconsultwindow .message .authorphoto{float:left; }
.popupconsultwindow .message .authortext{float: left; margin-left: 20px; width: 320px; text-align: left; font-size: 12px;}
.popupconsultwindow .message .authortext .boldtext{font-weight: bold; font-size: 14px;}

.popupconsultwindow .form{ float: left; width: 445px; height: 100%; background-color: #e5e5e5; padding: 10px;}
.popupconsultwindow .form .title{font-size: 30px; font-weight: bold; text-transform: none;}
.popupconsultwindow .form .description{color: #7e7e7e; font-size: 16px;font-weight: 600;}
.popupconsultwindow .form label{float: left; font-size: 16px; margin: 10px 0 0 15px;font-weight: bold;}
.popupconsultwindow .form .altertext{color: #7e7e7e; font-size: 16px;}

.popupconsultwindow .popup_form .text { 
border: 1px solid #c5c5c5;
border-radius: 0;
font-size: 16px;
margin: 0px;
padding: 12px 15px;
width: 85%;
}
.popupconsultwindow .popup_form .button{margin: 20px 0px 0 0;}

/***************************/

.popup_form_normal { 
width: 465px; height: 550px; top: 50%; margin-top: -275px; position: absolute; left: 50%; margin-left: -233px;
background-color: #e5e5e5; padding: 10px;z-index: 9999;}
.popup_form_normal  .title{font-size: 30px; font-weight: bold; text-transform: none;}
.popup_form_normal  .description{color: #7e7e7e; font-size: 16px;font-weight: 600;}
.popup_form_normal  label{float: left; font-size: 16px; margin: 10px 0 0 15px;font-weight: bold;}
.popup_form_normal  .altertext{color: #7e7e7e; font-size: 16px;}
.popup_form_normal .text { 
border: 1px solid #c5c5c5;
border-radius: 0;
font-size: 16px;
margin: 0px;
padding: 12px 15px;
width: 85%;
}
.popup_form_normal .close a { 
color: #C05246;
float: right;
font-size: 16px;
font-weight: 900;
padding-right: 5px;
text-decoration: none;
}
.popup_form_normal .button{margin: 20px 0px 0 0;}

/***************************/

.popup_form_steps { 
width: 465px; height: 550px; top: 50%; margin-top: -275px; position: absolute; left: 50%; margin-left: -233px;
background-color: #e5e5e5; padding: 10px;z-index: 9999;}
.popup_form_steps  .title{font-size: 30px; font-weight: bold; text-transform: none;}
.popup_form_steps  .description{color: #7e7e7e; font-size: 16px;font-weight: 600;}
.popup_form_steps  label{float: left; font-size: 16px; margin: 10px 0 0 15px;font-weight: bold;}
.popup_form_steps  .altertext{color: #7e7e7e; font-size: 16px;}
.popup_form_steps .text { 
border: 1px solid #c5c5c5;
border-radius: 0;
font-size: 16px;
margin: 0px;
padding: 12px 15px;
width: 85%;
}
.popup_form_steps .close a { 
color: #C05246;
float: right;
font-size: 16px;
font-weight: 900;
padding-right: 5px;
text-decoration: none;
}
.popup_form_steps .button{margin: 20px 0px 0 0;}

#mapblock{
	position: relative;
}

#map-overlay{
	width: 100%;
	height: 600px;
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,0.2);
}
#map-overlay .infoblock{
	width: 730px;
	height: 165px;
	background-color: #fff;
	top: 210px;
	left: 50%;
	margin-left: -365px;
	position: absolute;
	padding-top: 70px;
}

#map-overlay .infoblock .c1{
	float: left;
	width: 120px;
	padding-left: 42px;
	text-align: left;
	padding-top: 10px;
}

#map-overlay .infoblock .c2{
	float: left;
	width: 290px;
	text-align: left;
	font-weight: 500;
	color: #000000;
	font-size: 14px;
}
	
#map-overlay .infoblock .c3{
	float: left;
	padding-top: 30px;
}

#map-overlay .infoblock .c4{
	width: 100%;
	text-align: center;
	clear: left;
	padding-top: 20px;
}
#map-overlay .infoblock .c4 a{
	color: #000;
	text-decoration: none;
}

input.buttonRedHuge{border: none; cursor: pointer; font-size: 16px;}



#map-wrapper{position: relative}
#map-canvas{width: 100%; height: 600px;}
#overlay-block-map{width: 730px; 
	height: 230px;
	position: absolute;
	top: 200px;
	background-color: #fff;
	z-index: 100;
	left: 50%; margin-left: -365px;
}
#overlay-block-map .odessa,
#overlay-block-map .kiev
{width: 365px;
float: left;
height: 100%;

padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

transition: top 0.5s ease-in-out 0s;
}
#overlay-block-map .odessa{background-color: #ffe05d;}
#overlay-block-map .title{text-align: left; font-size: 22px; font-weight: bold; text-transform: uppercase}
#overlay-block-map .address{text-align: left;font-size: 14px;padding-top: 20px}
#overlay-block-map .phone{text-align: left;padding-top: 20px;font-size: 22px; font-weight: bold; text-transform: uppercase }
#overlay-block-map .link{text-align: left; color: #35a8fd; padding-top: 14px;}
#overlay-block-map .link a{color: #35a8fd;font-size: 14px;}

/* collapsed */
#overlay-block-map.collapsed{top: 0px; height: auto;}
#overlay-block-map.collapsed .odessa,
#overlay-block-map.collapsed .kiev {padding: 10px}

#overlay-block-map.collapsed .title{text-align: left; font-size: 14px; font-weight: bold; text-transform: uppercase; float: left}
#overlay-block-map.collapsed .address{text-align: left;font-size: 12px;padding-top: 2px; float: left; padding-left: 10px}
#overlay-block-map.collapsed .phone{text-align: left;padding-top: 2px;font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; clear: left; }
#overlay-block-map.collapsed .link{text-align: left; color: #35a8fd; padding-top: 0px; float: left; padding-left: 10px}
#overlay-block-map.collapsed .link a{color: #35a8fd;font-size: 12px;}

#owl-demo22 .item{
	float: left;
	margin: 10px 20px 10px 0;
}
#owl-demo22 .item:nth-child(4n){
	margin-right: 0;
}

.clearfix::after{
	content : '';
	clear: both;
	display: block;
	width: 100%;
	height: 0;
}