@charset "UTF-8";
html, body {height:100%;}
body {-webkit-font-smoothing: antialiased;position:relative;max-width:1920px;min-height:240px;margin:0px auto;z-index:2;background-color: #ffffff;}
form, body, input, select, textarea, img, div, ul, li, h1, h2, h3, h4, h5, p, a {margin:0px;padding:0px;outline:none;}
input, textarea {display:block;width:100%;height:30px;border:2px solid #1e1c18;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;outline:none;font-family: 'Scada', sans-serif;font-size:14px;color:#1e1c18;padding-left:6px;padding-top:3px;margin:0px;}
input:hover, textarea:hover {border:2px solid #999999;}
textarea {height:130px;overflow:auto;resize:none;}
img {border:0px;}
li{font-family: 'Scada', sans-serif;}
h1 {font-family: 'Scada', sans-serif;font-size:70px;color:#ffffff;line-height:70px;letter-spacing:3px;text-transform:uppercase;}
h1 span {border-bottom:5px solid #ffffff;}
h2 {display:inline;border-bottom:5px solid #1e1c18;font-family: 'Scada', sans-serif;font-size:42px;color:#1e1c18;letter-spacing:1px;font-weight:700;text-transform:uppercase;}
h3 {display:inline;border-bottom:2px solid #1e1c18;font-family: 'Scada', sans-serif;font-size:14px;color:#1e1c18;letter-spacing:1px;font-weight:normal;text-transform:uppercase;}
h4 {max-width:655px;font-family: 'PT Serif Caption', serif;font-size:36px;color:#181818;line-height:36px;font-weight:400;font-style:italic;padding-top:60px;padding-bottom: 38px;}
p {font-family: 'Scada', sans-serif;font-size:14px;color:#1e1c18;line-height:20px;}
a {color:#1e1c18;text-decoration:none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}
.overflow {overflow:hidden;}
.underline {text-decoration: underline;}

/*    HEADER    */
header {position:fixed;left:0px;top:0px;width:100%;height:140px;background-color:#ffffff;z-index:100;}
header .inner {position:relative;width:90%;max-width:940px;height:15px;overflow:hidden;margin:0px auto;text-align: center;}
header .inner a {font-family: 'Scada', sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;}
header .inner div {display: inline-block;max-width: 400px;min-width: 195px;width: 45%;text-align: center;}

#logo {
	position:relative;
	height:420px;
	overflow:hidden;
	padding-top:140px;
}
#logo .inner {
	position:absolute;
	left:50%;
	margin-left:-960px;
}
#logo .inner .img {position:absolute;}
#logo .block {
	text-align: right;
	position:relative;
	max-width:940px;
	height:480px;
	margin:0px auto;
}
#logo .block div {
	display: inline-block;
	margin-top: 190px;
}
#logo .block div h1 {
	border-bottom:3px solid #ffffff;
	text-shadow: -100px -20px 20px rgba(226, 213, 187, .7), -100px -20px 40px rgba(226, 213, 187, .5);
}
#logo .block div h2 {
	border-bottom:3px solid #ffffff;
	color:#ffffff;
}
/*  CONTENT  */
#works, .content, #contact_content{max-width:970px;margin: 0px auto;}
.content {
	margin:0px auto 30px;
}
#contact_content {
	max-width:940px;
	overflow:hidden;
	padding-bottom:60px;
}
#works .head {min-height:200px;}
#works .head h2 {float:left;padding-top:57px;}
#works .inner {overflow:hidden;width: 100%;text-align: center;box-sizing: border-box;margin: auto;}
#works .inner a {position:relative;display: inline-block;width:157px;height:86px;margin-right:30px;margin-bottom:35px;}
#works .inner a img {position:absolute;left:0px;top:0px;width:157px;height:86px;}
#works .inner a .mask {width:100%;height:100%;}
#works .inner a.on .mask {display:none;}
#works .inner a strong {position:absolute;width: 157px;left:0px;text-align: center;top:36px;font-family: 'Scada', sans-serif;font-size:11px;color:#ffffff;letter-spacing:1px;text-transform:uppercase;font-weight:normal;line-height: 12px;}
#works .inner a strong em {display:block;font-family: 'Scada', serif;font-size:12px;color:#ffffff;letter-spacing:normal;text-transform:none;font-style:italic;padding-top:3px;margin-bottom:-3px;}
.ani {position:relative;height:480px;overflow:hidden;}
.ani .inner {position:absolute;left:50%;top:0px;width:1920px;height:480px;margin-left:-960px;}
.ani .inner .img {position:absolute;left:0px;top:0px;z-index:1;}
.ani .block {position:relative;max-width:940px;height:480px;margin:0px auto;z-index:1;}
.ani .block div {display:table-cell;height:480px;vertical-align:middle;}
.ani .block div h2 {border-bottom:8px solid #ffffff;color:#ffffff;}
#contact .block h2 {border-bottom:8px solid #111;color:#111;}
.head h4 {float: right;}
.content .inner .left {display:inline-block;zoom:1;width:300px;padding-right:16px;padding-bottom:53px;padding-top: 10px;}
.content .inner .right {float:none;display:inline-block;zoom:1;max-width:640px;padding-bottom: 53px;}
.content .inner .right img {height:100%;width: 100%;}
.content .inner .right div strong {clear:both;display:block;font-family: 'Scada', sans-serif;font-size:14px;color:#181818;font-weight:bolder;padding-top:15px;margin-bottom:-2px;}
.content .inner .right div span {display:block;font-family: 'Scada', sans-serif;font-size:12px;color:#181818;padding-top: 6px;}
.content .inner div a {color:#005a8f;text-decoration: underline;}
.content .inner .soc a {width: 16px;line-height: 48px;border: 0px !important;margin-right: 10px;display: inline;font-family: 'Scada', sans-serif;font-size: 32px;letter-spacing: 1px;font-weight: 700;color: #1e1c18;}
.costyil {width: 340px;} 
.content .project {border-bottom:5px solid #232323;overflow:hidden;}
.content .project div {overflow:hidden;padding-bottom:40px;}
.content .project div img {float:left;margin-bottom:20px;}
.content .project div.left, .content .project div.right {width:460px;}
.content .project div p {position:relative;width:300px;font-family: 'PT Serif Caption', serif;font-size:16px;color:#1e1c18;padding-top:11px;padding-bottom:54px;}
.content .project div p span {position:absolute;left:0px;top:0px;width:60px;height:5px;overflow:hidden;background-color:#232323;}

#contact_content .head {min-height:170px;overflow:hidden;}
#contact_content .inner {max-width:970px;}
#contact_content .inner .left {display:inline-block;zoom:1;width:300px;padding-right:16px;padding-bottom:75px;}
#contact_content .inner .right {float:none;display:inline-block;zoom:1;min-width:320px;padding-bottom:53px;}
#contact_content .inner .right a {border-bottom:2px solid #ffffff;}
#contact_content .inner .right .mail {float:left;font-family: 'Scada', sans-serif;font-size:14px;color:#1e1c18;line-height:12px;margin-top:4px;}
#contact_content .inner .right p strongfont-family: 'Scada', sans-serifont-size:16pfont-weight:boldeline-height:28px;}
#contact_content .inner .right.soc {overflow:hidden;}
#contact_content .inner .right.soc aposition:relativfloat:lefwidth:16pheight:40poverflow:hiddeborder:0px !importanmargin-right:10pdisplay:inlinborder-bottom:4px solid #1e1c1font-family: 'Scada', sans-serifont-size:32pcolor:#1e1c1letter-spacing:1pfont-weight:70text-decoration: underline;}
#contact_content .inner .right.soc a img {position:absolute;left:0px;top:0px;}
#contact_content .inner .right form {max-width:620px;overflow:hidden;margin-top:-22px;}
#contact_content .inner .right form .block {float:left;margin-right:15px;}
#contact_content .inner .right form .block p {padding-top:23px;padding-bottom:8px;}
#contact_content .inner .right form em {float:left;font-family: 'Scada', serif;font-size:14px;color:#1e1c18;font-style:normal;padding-top:25px;}
#contact_content .inner .right form a {float:right;font-family: 'Scada', sans-serif;font-size:14px;color:#1e1c18;letter-spacing:1px;text-transform:uppercase;margin-right:15px;margin-top:25px;}
#contact_content .inner form .right {max-width:620px;overflow:hidden;margin-top:-22px;}
#contact_content .inner form .right .block {float:left;margin-right:15px;}
#contact_content .inner form .right .block p {padding-top:23px;padding-bottom:8px;}
#contact_content .inner form .right em {float:left;font-family: 'Scada', serif;font-size:14px;color:#1e1c18;font-style:normal;padding-top:25px;}
#contact_content .inner form .right a {float:right;font-family: 'Scada', sans-serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-right:15px;margin-top:25px;}
#contact_content .inner form .right .lefta{float: left;}
#contact_content .inner .form_cont{min-width: 280px;}
#contact_content .inner .cont {font-size: 38px;font-style: italic;}
#contact_content .inner label {font-family: 'Scada', sans-serif;border: none;font-size: 16px;line-height: 26px;}
#contact_content .inner input[type=radio],#contact_content .inner input[type=checkbox] { display: none;}
#contact_content .inner input[type=radio]:checked + label {border-bottom: 2px solid #1e1c18;}
#contact_content .inner input[type=checkbox]:checked + label {border-bottom: 2px solid #1e1c18;}
#contact_content .inner label:hover {border-bottom:2px solid #999999;}
#contact_content .inner form .right #send_zakaz {margin-top: -10px;color:#fff;background: #1e1c18;padding: 7px 15px;}
#contact_content .inner form .right #send_zakaz:hover{color:#1e1c18;background:#fff; }
#contact_content .inner form .datepicker{width: 199px;}
#contact_content .inner form .datepicker p{text-align: center;margin-bottom: 5px;}
#contact_content .inner form .datepicker label,.probel{display: inline-block;padding: 5px;border-radius: 50%;width: 15px;border: none;line-height: 15px;text-align: right;}
#contact_content .inner form .datepicker input[type=radio] { display: none;}
#contact_content .inner form .datepicker input[type=radio]:checked + label {color: #fff;background: #1e1c18;border-bottom:none;}
#contact_content .inner form .datepicker label:hover,.datepicker a:hover{color: #fff;background: #999;}
#contact_content .inner form .datepicker a{display: inline-block;color:#1e1c18;text-decoration:none;padding: 5px;border-radius: 50%;line-height: 15px;width: 15px;margin: 0;letter-spacing:0;border-bottom:none;}
#contact_content .inner form .datepicker span{font-size: 16px;}
#contact_content .inner form .datepicker .dai{border-bottom: 2px solid #1e1c18;font-size: 12px;}
#contact_content .inner form .datepicker a:first-child{float: left;}
#contact_content .inner form .datepicker a:nth-child(3){float: right;}
#contact_content .inner form .time{width: 100px;font-family: 'Scada', sans-serif;}
#contact_content .inner form .time td{text-align: center;}
#contact_content .inner form .time a{display: inline-block;color:#1e1c18;text-decoration:none;padding: 5px;border-radius: 50%;line-height: 15px;width: 15px;margin-right: 0;margin-top: 0;border-bottom:none;}
#contact_content .inner form .time a:hover{color: #fff;background: #999;}
/*  FOOTER  */
footer {position:relative;background-color:#1e1c18;z-index:1;}
footer .inner {max-width:940px;height:85px;padding-top:55px;margin:0px auto;}
footer .inner p {float:left;width:320px;font-family: 'Scada', sans-serif;font-size:11px;color:#ffffff;line-height:20px;letter-spacing:1px;text-transform:uppercase;}
footer .inner p strong {font-family: 'Scada', sans-serif;font-size:16px;font-weight:bolder;}
footer .inner p a {border-bottom:2px solid #1e1c18;color:#ffffff;}
footer .inner div {float:right;margin-top: -25px;}
footer .inner div a {position:relative;float:left;width:12px;height:22px;margin-right:10px;display:inline;font-family: 'Scada', sans-serif;font-size:28px;color:#FFFFFF;font-weight:400;text-transform: none;}
footer .inner div a img {position:absolute;left:0px;top:0px;}
footer .inner div span {position:relative;float:right;margin-top: 25px;font-family: 'Scada', sans-serif;font-size:11px;text-align: right;line-height:20px;color:#FFFFFF;}
/*  CORRECTIONS  */
.content .inner p.macfix{margin-top: -2px;}
#contact_content .inner p.macfix{margin-top: -2px;}
.onepix{margin-top: 1px;}
.heit div{min-height:480px;width: 140px;float:left;padding-right:20px;}
.t1{width: 300px;display: inline;border-bottom: 2px solid #1e1c18;font-family: 'Scada', sans-serif;font-size: 14px;color: #1e1c18;letter-spacing: 1px;font-weight: normal;text-transform: uppercase;}
.t2 a{font-family: 'Scada', sans-serif;font-size: 38px;color: #1e1c18 !important;letter-spacing: 1px;font-weight: 700;text-transform: uppercase;text-decoration:none !important;}
.t2{max-width: 640px;border-bottom: 5px solid #1e1c18;margin-bottom: 60px;}
input.ya-site-form__submit {webkit-appearance: none;}
input.ya-site-form__input-text {webkit-appearance: none;}
input.ya-site-form__input-text.ya-site-form__input-text_type_hint{border: none;}
#ya-site-results .b-serp-item__number{display: none;}
.b-body-items{padding-left:0;}
#ya-site-results .b-serp-item__title-link:link, #ya-site-results .b-serp-item__title-link{color:#1e1c18; font-family: 'Scada', sans-serif;
font-size: 32px;line-height:30px;letter-spacing: 1px;font-weight: 700;text-transform: uppercase;}
div.ya-site-form__input{border-bottom: 5px solid #1e1c18;}
td.b-head__l {display: none;}
input.ya-site-form__input-text{border:none;}
#contact .inner h2.macfix{margin-top: 7px;}
footer .inner p.macfix{margin-top: -3px;}
#items2, #items3{display: none;}
.items_mask{position: absolute;z-index: 2;top: 0px;left: 0px;}
.items_mask_container{position: relative;max-width: 940px;height: 615px;}
.items_mask_container img{position: absolute; top: 0px;left: 0px;}
div.small{width: 460px;overflow: visible !important;margin-left: 20px;margin-top: 40px;float: left;}
div.big{width: 640px;}
.rotate2, .rotate3{display: none;}
.browser{margin-bottom: 0px !important;}
.knigi_container_1{max-width: 940px;height: 590px;	}
.twitter-share-button{float: left;width: 90px !important;}
.fb-like{float: left;}
.share{position: absolute;left: 380px;}
.error{border: 2px solid red !important;}
.error:hover{border: 2px solid red !important;}
.success{color: green;margin-bottom: 15px;}
#works .inner a strong.prevover{display: none;}
.black{color: #1e1c18 !important;}
.white{display: none;top: 122px !important;line-height: 20px;}
.rotate2, .rotate3, .rotate4, .rotate5, .rotate6{display: none;}
.two_lines{top: 114px !important;}
.zoom_plus, .zoom_minus{display: block;width: 30px;height: 30px;background-image: url('imgpix/zoom.png');background-repeat: no-repeat;margin-bottom: 10px;}
.zoom{position: absolute;top: 205px;right: 20px;z-index: 10;} 
.zoom_plus{background-position: -30px 0px;}
.zoom_minus{background-position: -30px -30px;}
.zoom_plus:hover{background-position: 0px 0px;}
.zoom_minus:hover{background-position: 0px -30px;}
.full{max-width: 940px !important;}
.link_to_site i{font-family: 'PT Serif Caption', serif;font-size:14px;font-style: normal;	}
.link_to_site i a{text-decoration: none;color: #999999;}
.link_to_site i a:hover{text-decoration: none;color: #1e1c18;}
.link_to_site{padding-top: 25px;}
.margtop{margin-top: 40px;}
.twolines h4{float:right}
#works .inner a strong.black{top: 144px;}
.active_on{color: #999999 !important;border-bottom-color: #ffffff !important;}
.gotop{position: fixed;z-index: 800; bottom: 40px; right:40px;height: 34px;width: 50px; }
.but{color: #fff !important;background: #1e1c18;padding: 7px 15px;border-bottom: 2px solid #ffffff;text-decoration: none !important;font-family: 'Scada', sans-serif;
}
.but:hover{border-bottom-color: #1e1c18;background: rgb(255, 255, 255);color: #1e1c18 !important;}
.owerlei{
	position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.6);
display: none;
transition: background 0.6s linear;
-webkit-transition: background 0.6s linear;
z-index: 100;
}
.modal-form {
max-width: 558px;
position: fixed;
left: 0;
right: 0;
top: 30px;
margin: auto;
background: white;
box-sizing: border-box;
padding: 30px;
vertical-align: top;
text-align: left;
display: none;
z-index: 101;}
.modal-form p{text-align: center;padding-top: 20px;}
.modal-form p a{text-decoration: underline;}
.modal-form h2 {border: none;display: block;text-align: center;}
.modal-form .block p{text-align: left;color: #666;}
.modal-form .block input,.modal-form .block textarea{border-top: none;
border-left: none;
border-right: none;}
.modal-form .block textarea{height: 60px;}
.cs-spisok{font-size: 14px;
border-bottom: 2px solid #1e1c18;
padding-bottom: 7px;
padding-top: 5px;
font-family: 'Scada', sans-serif;}
.cs-spisok::before {
content: '';
position: relative;
left: 94%;
top: 10px;
border: 10px solid transparent;
border-top: 10px solid #1e1c18;
}
.hide {display: none!important;}
.cs-select {
position: absolute;
background: #fff;
left: 30px;
z-index: 10;
width: calc(100% - 60px);
list-style: none;
display: none;}
.cs-select li{
	line-height: 35px;
	border-top: 2px solid #1e1c18;
	padding-left: 5px;
}
.otstup_spicok{padding-left: 75px;}
.call-button-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
will-change: transform;
z-index: 100;}
.call-button {
display: block;
margin: 10px;
background: #1e1c18;
border: 1px solid #fff;
color: #fff;
padding: 5px;
text-align: center;}
.call-button_text {
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-family: 'Scada', sans-serif;
}
.call-button_icon {
font-size: 36px;
vertical-align: middle;
margin-right: 10px;
}
.call-button_text span {
display: block;
font-size: 18px;
font-family: 'Scada', sans-serif;}
.ani .img::after{
	content:" ";
	background:url('../imgpix/marker.png') center no-repeat;
	display: block;
	height: 62px;
	width:48px;
	position: absolute;
	top:330px;
	left: 1070px;
}
/* для мобильных разрешений*/
@media (max-width:1000px){
	.content, #about .block, footer, #contact .block, #logo .block{padding: 0 15px;}
	#works{padding: 0 15px 100px;}
	#contact_content{padding: 0 15px 60px;}
	footer .inner div{margin-top:15px;}
}
@media (max-width:790px){
	.t1{display: none;}
	.otstup_spicok{padding-left: 35px;}
}
@media (max-width: 456px){
	#contact_content .inner form .right .block{width: 100% !important;}
	.modal-form h2 {font-size: 34px;}
	
}
@media (max-height: 730px){
	.modal-form{top: 10px;padding: 20px;}
	.modal-form form{overflow-y: scroll;height: 90vh;}
	.cs-select {left: 0;width:100%;position: relative;}
}
@media (min-width: 768px){
.call-button-container {display: none;}
}
@media (max-width: 1024px){
footer .inner div{display: none;}
}