@charset "utf-8";

@import url('../fonts/fonts.css');

/* --------------- default --------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

html {  
	height:100%; 
}
body {  
	position:relative; 
	height:100%; 
	font-family: opensans-regular; 
	background: white;
	color: black;
}

img { 
	border: none;
}

ul {
	list-style: none;
}

a { 
	text-decoration: none; 
	margin: 0; padding: 0;
}

.clear { 
	clear: both; 
	height: 0; 
	overflow: hidden; 
	font-size: 0;
}
.res {
	max-width: 970px; 
	margin-left: auto; margin-right: auto;
}

.but {
	transition: all 0.3s ease-in-out;
}



/* wrapper
-------------------------------*/
.wrapper {
	min-height: 100%; width: 100%;  
	position: relative; 
	z-index: 0;
}


/*nav-top
-------------------------------*/
.nav-top {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	background: url(../images/bg1.jpg) no-repeat top center;
	padding: 15px 0 20px 0;
	color: white;
	z-index: 11;
}
.nav-top .site_name {
	font-size: 18px; font-family: 'neris-semibold';
	float: left;
	margin-left: 6px;
}
.nav-top .site_name .n2 {
	font-family: 'neris-light'; font-size: 14px;
	font-style: italic;
}
.nav-top ul {
	float: left;
	margin: 15px 15px 0 40px;
}
.nav-top ul li {
	float: left;
	margin-right: 15px;
}
.nav-top ul li a {
	color: white;
	font-size: 16px;
}
.nav-top ul li a:hover {
	color: #fff881;
}
.nav-top .phone-top {
	float: left;
}
.nav-top .phone-top .phone {
	font-size: 20px; font-family: 'neris-semibold';
	margin: 10px 0 0 20px;
	float: left;
}
.nav-top .phone-top .but {
	float: left;
	margin-top: 5px;
	padding: 0px 20px;
	height: 36px; line-height: 36px;
	border: 2px solid white;
	border-radius: 100px; -o-border-radius: 100px; -moz-border-radius: 100px; 
	cursor: pointer;
	
}
.nav-top .phone-top .but:hover {
	background-color: white;
	color: #fe4777;
}
		.nav-top .phone-top .phone a {
		color: white;
	}


/* header
-------------------------------*/

.header {
	background: url(../images/bg1.jpg) no-repeat top center;
	height: 637px;
	text-align: center;
}
.header .line {
	border-bottom: 1px solid #ff8e8e;
	margin-top: 80px;
}
.header .title {
	font-size: 57px; color: white; font-family: 'neris-thin';
	margin-top: 70px;
}
.header .t2 {
	font-family: 'opensans-light'; font-size: 22px; color: white;
	margin-top: 50px;
}
.header .analize {
	margin-top: 75px;
}
.header .analize input[type=text] {
	height: 70px; width: 390px;
	background-color: white;
	padding: 0 35px;
	font-size: 20px; color: #0c0c0c;
	font-style: italic;
	box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-o-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-moz-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-webkit-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	border-radius: 100px;
	border: none;
}
.header .analize input[type=text]:-moz-placeholder {color: #0c0c0c;}
.header .analize input[type=text]::-webkit-input-placeholder { color: #0c0c0c;}
.header .analize .but-analize {
	display: inline-block;
	border-radius: 100px;
	background: url(../images/but-ch1.png) no-repeat 40px center;
	background-color: #fa6e4c;
	border: 3px solid white;
	height: 64px;
	line-height: 64px;
	padding: 0 35px 0 80px;
	margin-left: 20px;
	font-family: 'open-sans-semibold'; font-size: 20px; color: white;
	cursor: pointer;
}
.header .analize .but-analize:hover {
	background: url(../images/but-ch2.png) no-repeat 40px center;
	background-color: white;
	color: #ee5456;
}
.header .analize .p-name {
	display: inline-block;
	color: white; font-size: 16px; font-family: 'neris-light';
	background: url(../images/arrow.png) no-repeat top left;
	text-align: left;
	padding-top: 30px; padding-left: 40px;
	width: 445px;
}
.header .analize .p-name .prim {
	font-family: 'neris-thin'; font-style: italic;
}
.header .analize .p-sub {
	display: inline-block;
	color: #0c0c0c; font-size: 16px; font-family: 'neris-thin'; font-style: italic;
	background: url(../images/arrow2.png) no-repeat top left;
	text-align: left;
	padding-top: 40px; padding-left: 40px;
	width: 290px;
}
.header .analize .input-url {
	position: relative;
	display: inline-block;
}
.header .analize .error-analize {
	font-size: 16px; color: #e6425e; font-family: 'neris-thin';
	position: absolute;
	top: 21px; right: 15px;
	background: url(../images/error.png) no-repeat right center;
	padding-right: 35px;
	height: 28px; line-height: 28px;
	display: none;
}
.header .circle-bottom {
	cursor: pointer;
	margin-top: 20px;
}


/* why_we
-------------------------------*/

.why_we {
	padding: 70px 0 165px 0;
	background: url(../images/lines.gif) repeat-x bottom center;
	text-align: center;
}
.why_we .title {
	font-family: 'neris-thin'; font-size: 46px;
}
.why_we .t2 {
	font-family: 'opensans-light'; font-size: 20px;
	margin-top: 25px; margin-bottom: 50px;
}
.why_we .why_we_item {
	position: relative;
	height: 300px;
}
.why_we .why_we_item_400 {
	display: none;
}
.why_we .item {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -145px;
	width: 290px;
	color: #141414; font-size: 16px; font-family: 'opensans-light';
	display: none;
}
.why_we .item .img {
	margin-bottom: 5px;
}
.why_we .item .name {
	color: #ee5456; font-family: 'open-sans-semibold';
	margin-bottom: 10px;
}



/* tarifs
-------------------------------*/

.tarifs {
	padding: 70px 0 50px 0;
	background-color: #f5f0f3;
	text-align: center;
}
.tarifs .title {
	font-family: 'neris-thin'; font-size: 46px;
}
.tarifs .t2 {
	font-family: 'opensans-light'; font-size: 20px;
	margin-top: 25px; margin-bottom: 50px;
}
.tarifs .item {
	float: left;
	margin-right: 1px;
	width: 240px; height: 334px;
	border-right: 1px solid #f5f0f3;
	background-color: white;
	position: relative;
}
.tarifs .item .name {
	font-size: 30px; font-family: 'neris-light';
	line-height: 30px;
}
.tarifs .item .price {
	color: #595959; font-size: 14px; font-family: 'opensans-light';
	margin-top: 30px;
}
.tarifs .item .price .numb {
	 color: black; font-size: 24px;
	 font-weight: bold;
}
.tarifs .item .price .prev {
	color: #ee5456;  font-size: 14px;
	text-decoration: line-through;
}
.tarifs .item .but-zakaz {
	display: inline-block;
	margin-top: 35px;
	width: 161px; height: 50px;
	line-height: 50px;
	color: #ee5456; font-size: 18px; font-family: 'open-sans-semibold';
	text-align: center;
	background: url(../images/but-zakaz.png) no-repeat;
	cursor: pointer;
}
.tarifs .item .but-zakaz:hover {
	color: white;
	background: url(../images/but-zakaz-hover.png) no-repeat;
}
.tarifs .item .bottom-text {
	font-family: 'opensans-light'; font-size: 14px;
	margin-top: 30px;
}
.tarifs .block {
	position: relative;
}
.tarifs .block .border {
	position: absolute;
	display: none;
	width: 241px; height: 334px;
	background: url(../images/border-tarifs.png);
	z-index: 2;
}
.tarifs .block .text {
	position: absolute;
	width: 237px; 
	top: 2px; left: 2px;
	z-index: 1;
	padding: 28px 0 34px 0;
}	
.tarifs .bottom {
	color: #808080; font-size: 14px; font-family: 'opensans-light';
	font-style: italic;
	text-align: center;
	margin-top: 45px;
}
.tarifs .bottom span {
	color: #fe579b; font-family: 'open-sans-semibold';
}


/* works
-------------------------------*/

.works {
	padding: 70px 0 50px 0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}
.works .title {
	font-family: 'neris-thin'; font-size: 46px;
}
.works .t2 {
	font-family: 'opensans-light'; font-size: 20px;
	margin-top: 25px; margin-bottom: 50px;
}
.works .slide-block {
	display: inline-block;
	width: 920px;
	height: 600px;
}
.works .top_slider {height: 600px; position: relative; text-align: center;  background: url(../images/slide-bg.png) repeat;}


.works .sliderArrows a {
	cursor: pointer; text-indent: -9999px;
	position: absolute; top: 50%; margin-top: -40px;
	width: 82px; height: 81px; left: 10px;
	background: url(../images/prev-arrow.png) no-repeat;
	transition: all 0.3s ease-in-out;
}
.works .sliderArrows a:hover {
	background: url(../images/prev-arrow-h.png) no-repeat;
}
.works .sliderArrows .next {left: auto; right: 10px; background: url(../images/next-arrow.png) no-repeat;}
.works .sliderArrows .next:hover {
	background: url(../images/next-arrow-h.png) no-repeat;
}


.works .top_slider .slide_cont {
	height: 100%; overflow: hidden;
	position: relative; float:left; clear:both;
	width: 712px;
	margin-left: 100px;
	background-color: white;
}
.works .top_slider .slide_cont li {
	position: absolute; width: 100%; height: 100%;  height: 570px; 
	font-family: 'opensans-light'; font-size: 17px;
	background-color: white;
}
	.works .top_slider .slide_cont li .img-mobile400 {
		display: none;
	}
.works .top_slider .slide_cont li .name {
	font-size: 20px;
	margin: 15px 0;
}
.works .top_slider .slide_cont li .name a {
	color: #ee5456;
	text-decoration: underline;
}
.works .top_slider .slide_cont li .name a:hover {
	text-decoration: none;
}


/* garantee
-------------------------------*/

.garantee {
	padding: 70px 0 50px 0;
	text-align: center;
}
.garantee .title {
	font-family: 'neris-thin'; font-size: 46px;
}
.garantee .t2 {
	font-family: 'opensans-light'; font-size: 20px;
	margin-top: 25px; margin-bottom: 50px;
}
.garantee ul {
	width: 710px;
	display: inline-block;
}
.garantee ul li {
	text-align: left;
	background: url(../images/garantee-ch.png) no-repeat left bottom;
	margin-bottom: 40px;
	padding-left: 125px; padding-bottom: 10px;
	font-family: 'opensans-light'; font-size: 16px;
	min-height: 90px;
}
.garantee ul li .name {
	font-family: 'opensans-regular'; font-size: 20px;	color: #d94560;
}




/* footer
-------------------------------*/

.footer {
	background: url(../images/bg2.jpg) no-repeat bottom center;
	text-align: center;
	color: white;
}
.footer .title {
	padding-top: 70px;
	font-family: 'neris-thin'; font-size: 46px; color: white;
}
.footer .t1 {
	font-size: 22px; color: white;
	margin-top: 15px;
}
.footer .t2 {
	font-size: 16px; color: white;
	margin-top: 25px; margin-bottom: 50px;
}
.footer .phone-bottom {
	float: left;
	text-align: right; 
	font-family: 'opensans-light'; font-size: 20px;
	margin-left: 60px;
}
.footer .phone-bottom .phone {
	font-size: 28px; font-family: 'open-sans-semibold';
	margin-top: 8px;
}
.footer .phone-bottom .phone a {
color: #ffffff;
}
.footer .txt {
	float: left;
	text-align: right; 
	font-family: 'opensans-light'; font-size: 20px;
	font-style: italic;
	margin-left: 100px; margin-top: 15px;
}
.footer  .but-zakaz {
	float: right;
	margin-right: 70px;
	border-radius: 100px;
	background: url(../images/but-ch1.png) no-repeat 40px center;
	border: 3px solid white;
	height: 64px;
	line-height: 64px;
	padding: 0 35px 0 80px;
	font-family: 'open-sans-semibold'; font-size: 20px; color: white;
	cursor: pointer;
	
}
.footer  .but-zakaz:hover {

	background: url(../images/but-ch2.png) no-repeat 40px center;
	background-color: white;
	color: #ee5456;

}
.footer .bottom {
	height: 50px; line-height: 50px;
	background-color: #c45b44;
	margin-top: 100px;
}
.footer .copyright {
	font-size: 14px;
	float: left;
}
.footer .copyright span {
	font-family: 'opensans-light';
}
.footer .email {
	float: right;
	font-size: 14px;	
}
.footer .email span {
	font-family: 'opensans-light';
}
.footer .email a {
	color: white;
	text-decoration: underline;
}
.footer .email a:hover {
	text-decoration: none;
}


/* popup
-------------------------------*/
.popup {
	position: fixed; top: 50%; left: 50%;  
	width: auto; height: auto; 
	display: none; z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);	

	background: url(../images/popup-bg.jpg);
}

.popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 999;}

.popup .close {
	width: 25px; height: 25px;
	position: absolute;
	right: 20px; top: 20px;
	background: url(../images/close.png);
	cursor: pointer;
}

.popup-zakaz {
	width: 660px; height: 513px;
	padding: 30px 60px 0 60px;
	color: white;
    position: absolute;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);   	
}
.popup-zakaz .title {
	font-size: 34px;  font-family: 'neris-thin';
	text-align: center;
	margin-bottom: 40px;
}
.popup-zakaz .left {
	float: left;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #fe977f;
}
.popup-zakaz .right {
	float: left;
}
.popup-zakaz .right .name {
	font-size: 22px;
	text-align: center;
}
.popup-zakaz .right .name .n2 {
	font-size: 16px; font-style: italic;
}
.popup-zakaz .right .price {
	font-family: 'opensans-light';
	text-align: center;
	font-size: 40px;
	margin: 30px 0;
}
.popup-zakaz .right .min-price{
	font-size: 14px; font-style: italic;
	float: left;
	margin-top: -7px; margin-left: -2px;
}
.popup-zakaz .right .max-price{
	font-size: 14px; font-style: italic;
	float: right;
	margin-top: -7px;
}
.popup-zakaz input[type=text] {
	height: 50px; width: 300px;
	background-color: white;
	padding: 0 20px;
	font-size: 18px; color: #0c0c0c;
	font-style: italic;
	box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-o-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-moz-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-webkit-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	border-radius: 100px;
	border: none;
	margin-bottom: 25px;
}
.popup-zakaz input[type=text]:last-child {
	margin-bottom: 0;
}
.popup-zakaz input[type=text]:-moz-placeholder {color: #0c0c0c;}
.popup-zakaz input[type=text]::-webkit-input-placeholder { color: #0c0c0c;}
.popup-zakaz .input-url {
	position: relative;
	display: block;
}
.popup-zakaz .error {
	font-size: 16px; color: #e6425e; font-family: 'neris-thin';
	position: absolute;
	top: 9px; right: 15px;
	background: url(../images/error.png) no-repeat right center;
	padding-right: 35px;
	height: 28px; line-height: 28px;
	display: none;
}
.popup-zakaz input[type=text].phone {
	width: 175px;
}
.popup-zakaz .phone-pr {
	display: inline-block;
	vertical-align: middle;
	font-style: italic; font-size: 14px;
	margin: 0px 0 0 5px;
	
}
.popup-zakaz .phone-pr span {
	font-family: 'open-sans-semibold';
}
.popup-zakaz input[type=submit]  {

	margin-top: ;
	border-radius: 100px;
	background: url(../images/but-ch1.png) no-repeat 40px center;
	border: 3px solid white;
	height: 69px;
	line-height: 64px;
	padding: 0 35px 0 80px;
	font-family: 'open-sans-semibold'; font-size: 20px; color: white;
	cursor: pointer;
	margin-top: 30px;
	
}
.popup-zakaz input[type=submit]:hover {
	background: url(../images/but-ch2.png) no-repeat 40px center;
	background-color: white;
	color: #ee5456;

}


.popup-prov {
	 height: 453px;
	padding: 30px 60px 0 60px;
	color: white;

}
.popup-prov .title {
	font-size: 34px;  font-family: 'neris-thin';
	text-align: center;
	margin-bottom: 40px;
}

.popup-prov input[type=text] {
	height: 50px; width: 420px;
	background-color: white;
	padding: 0 20px;
	font-size: 18px; color: #0c0c0c;
	font-style: italic;
	box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-o-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-moz-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	-webkit-box-shadow: inset 2px 4px 0 0 #d9d9d9;
	border-radius: 100px;
	border: none;
	margin-bottom: 25px;
}
.popup-prov input[type=text]:last-child {
	margin-bottom: 0;
}
.popup-prov input[type=text]:-moz-placeholder {color: #0c0c0c;}
.popup-prov input[type=text]::-webkit-input-placeholder { color: #0c0c0c;}
.popup-prov .input-url {
	position: relative;
	display: inline-block;
}
.popup-prov .error {
	font-size: 16px; color: #e6425e; font-family: 'neris-thin';
	position: absolute;
	top: 9px; right: 15px;
	background: url(../images/error.png) no-repeat right center;
	padding-right: 35px;
	height: 28px; line-height: 28px;
	display: none;
}
.popup-prov input[type=text].phone {
	width: 200px;
}
.popup-prov .phone-pr {
	display: inline-block;
	vertical-align: middle;
	font-style: italic; font-size: 14px;
	margin: 0px 0 0 5px;
	
}
.popup-prov .phone-pr span {
	font-family: 'open-sans-semibold';
	font-size: 16px;
}
.popup-prov input[type=submit]  {

	margin-top: ;
	border-radius: 100px;
	background: url(../images/but-ch1.png) no-repeat 40px center;
	border: 3px solid white;
	height: 69px;
	line-height: 64px;
	padding: 0 35px 0 80px;
	font-family: 'open-sans-semibold'; font-size: 20px; color: white;
	cursor: pointer;
	margin-top: 30px;
	
}
.popup-prov input[type=submit]:hover {
	background: url(../images/but-ch2.png) no-repeat 40px center;
	background-color: white;
	color: #ee5456;

}


.popup-message {
	padding: 40px 60px 40px 60px;
	color: white;
	font-size: 20px;
	text-align: center;

}
.popup-message .title {
	font-size: 34px;  font-family: 'neris-thin';
	text-align: center;
	margin-bottom: 30px;
}

.popup-analize {
	color: white;	
	background: none;
}
.popup-analize .title {
	font-size: 34px;  font-family: 'neris-thin';
	text-align: center;
	margin-bottom: 30px;
}

.popup-analize .pbar .ui-progressbar-value {display:block !important}
.popup-analize .pbar {overflow: hidden}
.popup-analize .percent {
	position:relative;
	text-align: center;
	margin-top: 20px;
	font-size: 60px; color: #ee883f; font-family: 'neris-thin';
}



