﻿[id*='_block']{
width:100%;
background-repeat:no-repeat;
background-position:center;
min-width:1024px;
}
.holst{max-width:1024px;margin:auto;}.clear{clear:both;}


#TopNav {width:100%;border-bottom:6px solid #2773b7;position:fixed; background-color:#fff;z-index:100;}
#TopNav table{width:100%;}
#TopNav table td{vertical-align:middle;}

#TopNav table .left {text-align:center;}
#TopNav table .left span{color:#3e3e3e; font-size: 15px;padding-right:15px;text-transform:uppercase;text-decoration:none;}
#TopNav .center {width:172px;}
#TopNav .center h6{ display:inline-block;font-family:a2b;background-color:#2773b7;color:#fff;text-align:center;font-size:27px;padding: 7px 14px;}
#TopNav .center p{ font-family:a2b;color:#2773b7;font-weight:bold;font-size:16px;padding:2px 15px;}
#TopNav table .right {padding-left:30px;font-size:15px;}
#TopNav table .right a{color:#2773b7;text-decoration:none;text-transform:uppercase;}
#TopNav table .right a:hover{color:#1c5689;}



#weds_block{background-color:#e3e3e3;}
#weds_block .area_ot .top_ar,#ot_block .area_ot .bot_ar{text-align:center;border-top:1px solid #e0e0e0;padding-top:25px;padding-bottom:40px;}
#weds_block .area_ot .ot{width: 50%;margin-right: -.25em;display:inline-block;}
#weds_block img.photo {float:left;margin-left:27px;border-radius:50%;}
#weds_block .text_ot {margin-left:155px;text-align:left;}
#weds_block .text_ot h6{font-weight:bold;padding-bottom:5px;}
#weds_block .text_ot p.text{padding-top:5px;font-size:15px; line-height: 21px;}
h4.filmclip {font-size:44px;text-align:center;font-weight:bold;color:#272727;padding: 35px 0 30px 0;}



#header_block {border-top:61px solid #fff;height:615px; background: url(../img/header.jpg) center bottom no-repeat;}
#header_block .holst{min-height:100%;}
#header_block table ,#header_block table tr{width:100%;}
#header_block table {padding-top:200px;}
#header_block table td{vertical-align:middle;}
#header_block table td h1{ color:#fff;font-family:MyriAd_condit;font-size:35px;	font-weight:bold;}
#header_block table td .my{float:right;width:304px}
#header_block table td .my h1{background-color:#000;font-size:58px; font-family:a2b;padding:0 2px 0 2px;color:#fff;text-align:center;opacity:0.7;}
#header_block table td .my p{background-color:#fff;font-weight:normal;font-family:a2b;font-size:36px; padding:0 2px 0 2px;color:#000;margin-top:5px;display:inline-block;opacity:0.7;}
#header_block table td span.heroName { color: #fff;font-family: MyriAd_condit;font-size: 35px;font-weight: bold;}


#about {padding-bottom:50px;}
#about h4.head{padding:50px 0 50px 0;font-size:30px;text-align:center;}
#about .tt {width:1000px;margin:auto;display:table;}
#about .tt .a{width:220px;text-align:center; float: left;}
#about .tt .a img{padding-bottom:8px;}
#about .tt .a p{font-size:14px;color:#157dda;text-align:left;padding-top:10px;line-height: 20px;}
#about .tt .b {}
#about .tt .b p{width:100%;padding:0 0px;line-height: 30px;padding-right:10px;text-indent: 15px;}
#about .tt .c span{display:inline-block;width:70px;border-bottom:1px solid #000;height:20px;}
#about .tt .c p{font-size:19px;line-height: 30px;color:#0c5ba1;}


#insta_block {background-image:url('../img/insta_bg.jpg');padding:120px 0 120px 0;}
#insta_block p {padding:10px 45px 10px 110px;background-color:#fff;width:300px;margin:auto;border-radius:15px;color:#157dda;font-size:18px;line-height: 30px;background-position: 55px center;}
#insta_block p a{color:#0012ff;}
#insta_block p a:hover{color:#1c5689;text-decoration:none;}

#my_job_block {background-color:#f9f9f9;}
.top_head h4{font-size:44px;text-align:center;font-weight:bold;color:#272727;padding: 35px 0 5px 0;}
.top_head p{text-align:center;color:#a8a8a8;font-size:14px;padding:10px;}

#my_job_block .list_proect{text-align:center;padding-bottom:15px;}
#my_job_block .list_proect iframe {margin:15px;}

#ot_block{background-color:#f9f9f9;}

#ot_block .area_ot .top_ar,#ot_block .area_ot .bot_ar{text-align:center;border-top:1px solid #e0e0e0;padding-top:25px;padding-bottom:40px;}
#ot_block .area_ot .ot{width: 50%;margin-right: -.25em;display:inline-block;}
#ot_block img.photo {float:left;margin-left:27px;border-radius:50%;}
#ot_block .text_ot {margin-left:155px;text-align:left;}
#ot_block .text_ot h6{font-weight:bold;padding-bottom:5px;}
#ot_block .text_ot p.text{padding-top:5px;font-size:15px; line-height: 21px;}


#surpise_block {height:380px; background-color:#587ca2;}
#surpise_block img{float:left;margin-top:20px;margin-left:-120px;}
#surpise_block div.left{margin-left:545px;color:#fff;}
#surpise_block div.left h5{font-size:34px;padding-top:80px;}
#surpise_block div.left p{font-size:16;padding-top:5px;}

#servis_block .holst {padding-top:25px;padding-bottom:25px;}


#footer_block {background-color:#f1f1f1;}
#footer_block .holst{vertical-align:top;padding:18px 0;}
#footer_block img{display:inline-block;float:left;margin-left:100px;}
#footer_block a{margin-left:35px;text-decoration:none;color:#777777;cursor:pointer;background: url('../img/wats.jpg') no-repeat left center;padding:20px 0 20px 40px;display:inline-block;}
#footer_block a:hover{color:#444;}
#footer_block a.vk:hover {color:#253443;}
#footer_block a.vk {background-image:url('../img/vkprofile.jpg');color:#587ca2;}
#footer_block a.inst {background-image:url('../img/instaprofile.jpg');color:#a56c4d;}
#footer_block a.inst:hover {color:#573929;}
.ico1{
	background: url('../img/ico1.png') 0 2px no-repeat;
	padding-left: 18px;
}
.ico2{
	background: url('../img/ico2.png') 0 2px no-repeat;
	padding-left: 18px;
}
.work-date{
	text-align: center;
	color: #8f8f8f;
	font-size:18px;
	margin-bottom: 20px;
}
.button{
	text-align: center;
	width: 380px;
	margin: auto;
	position: relative;
}
.button a{
	display: block;
	width: 380px;
	color: #fff;
	text-decoration: none;
	font-size: 19px;
	height: 42px;
	padding-top: 23px;
	margin: 0 auto 12px auto;
	border-radius: 30px;
background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #00bae7 1%, #0098c9 100%);
background: -webkit-linear-gradient(top,  #1e5799 0%,#00bae7 1%,#0098c9 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#00bae7 1%,#0098c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0098c9',GradientType=0 );
}
.button a:hover{
	background: #0099cc;
}
.button p{
	width: 370px;
	position: relative;
	left: 10px;
	color: #969696;
	margin: 0 auto 20px auto;
	font-size: 15px;
	background: url('../img/eye.png') no-repeat left center;	
}
.reviews-title{
	overflow: hidden;
}
.reviews-title h6{
	float: left;
}
.reviews-title span{
	float: left;
	margin-top: 1px;
	margin-left: 3px;
	font-size: 14px;
	color: #000000;
}
.reviews-title a{
	font-size: 14px;
	color: #0099cc;
	
}
.reviews-title a:hover{
	text-decoration: none;
}
.my_work h4{
	padding-bottom: 10px;
}
#footer_block p{margin-left:35px;text-decoration:none;color:#777777;background: url('../img/wats.jpg') no-repeat left center;padding:20px 0 20px 40px;display:inline-block;}


.datepicker-popup{
	position: absolute;
	left: -9999px;
	margin-top: 33px;
	margin-left: -126px;
	z-index: 3;
	-moz-box-shadow: 0 4px 12px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	-webkit-border-radius: 4px;
	-moz-border-radius:	4px;
    border-radius: 4px;

    opacity: 0;
    transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;

    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

.datepicker-popup.active{
	left: 50%;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s 0s;
    transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease;
}

.datepicker-popup.active + p{
	background-image: none;
	left: 0;
	margin-bottom: 4px;
}

.datepicker-popup.active + p span{
	display: none;
}

.datepicker-popup + p img{
	display: none;
}

.datepicker-popup.active + p img{
	display: inline;
	margin-left: 95px;
	margin-bottom: -14px;
}

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

.popup{
	display: none;
	width: 420px;
	left: 50%;
	margin-left: -210px;
	z-index: 1000;
	background: #fff;
	position: absolute;
	padding: 35px 0;
}

.popup-close{
	position: absolute;
	right: 14px;
	top: 14px;
	background: url('../img/popup-close.png');
	width: 27px;
	height: 28px;
}

.popup-close:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.popup-title{
	padding: 30px 20px 0 20px;
	text-align: center;
	font-size: 23px;
	color: #333;
}

.popup-is0 .popup-title span{
	color: #0ba61a;
}

.popup-is1 .popup-title span{
	color: #eb1515;
}

.popup-text{
	padding-top: 15px;
	font-size: 14px;
	line-height: 28px;
	color: #444;
	text-align: center;
	width: 280px;
	margin: 0 auto;
}

.popup-contact{
	margin-top: 30px;
	background: #f1f1f1;
	min-height: 50px;
}

.popup-contact-icons{
	width: 344px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 14px;
}

.popup-contact-icons:after{
	content: '';
	display: block;
	clear: both;
}

.popup-contact-icons img{
	height: 30px;
	width: auto;
	float: left;
	margin-right: 5px;
}

.popup-contact-icons-left{
	float: left;
	margin-right: 25px;
}

.popup-contact-icons-left:after{
	content: '';
	display: block;
	clear: both;
}

.popup-contact-icons-left span{
	color: #777;
	height: 30px;
	line-height: 30px;
}

.popup-contact-icons-right{
	float: left;
}

.popup-contact-icons-right:after{
	content: '';
	display: block;
	clear: both;
}

.popup-contact-icons-right a{
	color: #587ca2;
	height: 30px;
	line-height: 30px;
}

.popup-contact-icons-right a:hover{
	text-decoration: none;
}




.price-calc-block {
    display: block;
    padding: 0px 0 0px 0;
    height: 240px;
    background: #dbf7fb;
  
}
#servis_block{
    background: #dbf7fb;
	padding: 10px 0px;
}
div.price-count {
    margin: 40px auto 80px auto;
    border-radius: 10px;
    position: relative;
    width: 720px;
    padding: 60px 80px 60px 80px;
    display: block;
    height: 100px;
    background: #FFF url(../img/calc.jpg) no-repeat 2px 1px;
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.1);
}
div.price-count-hour {
    display: block;
    margin: 10px;
    position: absolute;
    top: 75px;
    left: 320px;
    font-size: 12px;
    line-height: 20px;
}
.select-type {
    font-size: 18px;
}
div.price-count-montage {
    color: #555;
    font-size: 18px;
    display: block;
    top: 120px;
    position: absolute;
    left: 470px;
}
input {
    line-height: normal;
}
input {
    line-height: normal;
}
div.price-count-operators {
    color: #555;
    font-size: 18px;
    display: block;
    top: 48px;
    position: absolute;
    left: 380px;
}
div.price-count-operators {
    color: #555;
    font-size: 18px;
    display: block;
    top: 48px;
    position: absolute;
    left: 470px;
}
fieldset {
    font-size: 18px;
    border: 0;
    padding: 5px 0 0 0;
    margin: 5px 0 0 0;
}
div.price-count-itog {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 100px;
    position: relative;
    top: 20px;
    left: 330px;
}
div.price-count-word {
    padding: 0 0 2px 0;
    margin: 0;
}
div.price-count-word p {
    margin: 0;
    padding: 0;
}



.vagno{
	width: 800px;
	text-align: center;
	color: #000000;
	font-size:15px;
line-height: 22px;
	display: block;
			margin: 0 auto 25px auto;
}
span.plusi1 { color: #0948fd; font-size: 16px;}
span.plusi2 { color: #d23590; font-size: 16px;}



#bron-block{
	background-color: #00adef;
	height: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	width: 100%;
	min-width: 1024px;
	flex-flow: row wrap;
	font-size:20px;
}

#bron-block img{
	margin-right: 10px;
}

.bron-link{
	color: white;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
.bron-link:before{
	content: '';
	background-image: url(../img/line.png);
	position: absolute;
	bottom: -2px;
	left: 0;
	background-repeat: repeat-x;
	width: 100%;
	height: 1px;
	transition: .25s;
}

.bron-link:hover:before{
	opacity: 0;
}
.bron-link p{
	width: 370px;
	margin-left: -75px;
	bottom: -25px;
	position: absolute;
	background: url('../img/eye.png') no-repeat left center;	
}
.bron-link p span{
	padding-left: 20px;
}

/* То, что я изменил */

/* Полоса слева */
.Namers{
	padding-left: 7px;
	border-left: 6px solid #43a6ff;
	padding-top: 0!important;
}
.Namers__text-1{
	/* Цвет первой строчки */
	color: #575757;
	font-weight:bold;
		font-size: 16px;
		
		
}
.Namers__text-2{
	/* Цвет второй строчки */
	color: #086ac1;
	font-weight:bold;
}