/* html * {line-height:100%; margin:0; padding:0;} */
/* body {max-width:1600px; margin:0 auto;} */
/*@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");*/

html * {margin:0; padding:0; /*font:200 15px/24px Geometria;*/}

input::-webkit-input-placeholder {opacity:1; color:#aaa;}
input::-moz-placeholder {opacity:1; color:#aaa;}
input:-moz-placeholder {opacity:1; color:#aaa;}
input:-ms-input-placeholder {opacity:1; color:#aaa;}
input:focus::-webkit-input-placeholder {opacity:0;}
input:focus::-moz-placeholder {opacity:0}
input:focus:-moz-placeholder {opacity:0;}
input:focus:-ms-input-placeholder {opacity:0;}
textarea::-webkit-input-placeholder {opacity:1; color:#aaa;}
textarea::-moz-placeholder {opacity:1; color:#aaa;}
textarea:-moz-placeholder {opacity:1; color:#aaa;}
textarea:-ms-input-placeholder {opacity:1; color:#aaa;}
textarea:focus::-webkit-input-placeholder {opacity:0;}
textarea:focus::-moz-placeholder {opacity:0}
textarea:focus:-moz-placeholder {opacity:0;}
textarea:focus:-ms-input-placeholder {opacity:0;}

button:active, button:focus {outline:none; color:#000;}
button::-moz-focus-inner {border:0;}

/* body {padding-top:118px;} */

img {max-width:100%;}
.i-block {padding-top:60px; padding-bottom:60px;}
.i-block .ib-hdr,
.ib-block .ib-hdr,
.it-block .ib-hdr {width:100%; font:600 24px/28px RobotoCondensed; margin-bottom:45px; color:#333; text-transform:uppercase;}
.i-block .ib-hdr.white {color:#fff;}
.i-block .ib-hdr2 {width:100%; font:600 48px/55px Roboto; margin-bottom:15px; text-align:center; color:#333;}
.i-block .ib-subhdr {width:100%; font:600 24px/36px Roboto; margin-bottom:45px; text-align:center; color:#525148;}
.ib-block {padding-bottom:45px;}
.it-block {padding-top:45px;}
.line-fluid {width:100%;}

.header {background:url('../images/bg/bg-top.jpg') no-repeat 50% 0; color:#333;}
.header .info {padding-bottom:20px; background:url('../images/bg/bg-black-line.png') no-repeat 100% 0; background-size:50% 37px;}
.header .info .line-top {position:absolute; left:190px; top:0px; right:15px; font:14px/16px Roboto; padding:7px 0 7px 0; height:40px; color:#fff; text-align:right; background:url('../images/bg/bg-black-line.png') no-repeat 0 0;}

.header .info .line-top span {display:inline-block; margin:0 0 0 40px; position:relative;}
.header .info .line-top span:before {position:absolute; top:0; left:-25px;;}
.header .info .line-top .addr:before {content:'\f041'; font:14px/14px FontAwesome;}
.header .info .line-top .worktime:before {content:'\f017'; font:14px/14px FontAwesome;}
.header .info .block-logo {float:left; width:450px;}
.header .info .logo {display:inline-block;}
.header .info .logo img {display:inline-block; max-width:180px; vertical-align:top; transition:all 0.7s;}
.header .info .slogan {display:inline-block; width:200px; font:400 18px/18px Roboto; color:#333; vertical-align:bottom; margin-left:10px;}

.header .contacts {float:left; width:450px; margin-top:60px;}
.header .contacts .phones {display:inline-block; padding-right:20px; border-right:1px solid #ccc; margin-right:20px; vertical-align:bottom;}
.header .contacts .phones a {font:500 24px/24px Roboto; color:#000;}
.header .contacts .mail {display:inline-block; vertical-align:bottom;}
.header .contacts .mail a {font:300 14px/14px Roboto; color:#000;}
.header .contacts .mail a.btn-contact-us {color:#d40d01;}

.header .action {float:right; margin-top:70px;}
.header .btn-callback {display:inline-block; font:400 14px/14px Roboto; padding:10px 20px; width:200px; background-color:#d40d01; border-radius:17px; border:0; color:#fff; text-transform:uppercase; cursor:pointer;}

.header .menu-top {display:block; background:url('../images/bg/bg-menu-top.jpg') no-repeat 50% 0;}
.header .menu-top ul {list-style:none; padding:0; margin:0; display:block; text-align:center; font-size:0;}
.header .menu-top ul li {display:inline-block; font:500 18px/18px RobotoCondensed; color:#ccc; text-transform:uppercase; position:relative;}
.header .menu-top > ul > li {padding:30px 0;}
.header .menu-top ul li a {display:inline-block; color:#fff; transition:all 0.5s; padding:0 40px;}
.header .menu-top > ul > li:not(:last-child) > a {border-right:1px solid #fff;}
.header .menu-top ul li a:hover {/*transform:scale3d(1.1, 1.1, 1.1);*/ text-decoration:none; color:#fff;}
.header .menu-top > ul ul {display:none; position:absolute; top:78px; z-index:10; background:url('../images/bg/bg-menu-top.jpg') repeat-y 0 0; white-space:nowrap; padding:10px 0; text-align:left;}
.header .menu-top > ul ul li {display:block; padding:10px 25px; font:500 16px/16px RobotoCondensed; text-transform:none;}
.header .menu-top > ul ul li a {padding:0;}
.header .menu-top > ul ul li a:hover {/*transform:none;*/}
.header .menu-top > ul li:hover ul {display:block;}

.header .slider-top {max-width:1470px; max-height:670px; margin:0 auto; overflow:hidden;}

.order-form-top {width:352px; height:410px; padding:90px 40px 30px 40px; background:url('../images/bg/bg-form-top.png') no-repeat 0 0; position:absolute; left:20%; top:50%; transform:translate(0,-50%);}
.order-form-top .hdr {font:400 24px/28px RobotoCondensed; color:#fff; text-shadow:0 0 3px #000; margin-bottom:20px;}
.order-form-top form input[type=text] {display:block; width:100%; border:0; border-bottom:2px solid #fff; font:400 18x/24px Roboto; color:#fff; padding:10px 0; margin-right:45px; vertical-align:bottom; background-color:transparent;}
.order-form-top form input[type=text]:focus {border-bottom:2px solid #fc0;}
.order-form-top form input[type=submit] {display:block; width:100%; font:400 14px/14px Roboto; padding:10px 60px; background-color:#d40d01; border-radius:18px; border:0; color:#fff; text-transform:uppercase; cursor:pointer; vertical-align:bottom; margin-top:30px;}
.order-form-top form input[type=submit]:hover {background-color:rgba(212,13,1,0.7);}
.order-form-top form input::-webkit-input-placeholder {opacity:1; color:#fff;}
.order-form-top form input::-moz-placeholder {opacity:1; color:#fff;}
.order-form-top form input:-moz-placeholder {opacity:1; color:#fff;}
.order-form-top form input:-ms-input-placeholder {opacity:1; color:#fff;}

.block-services {padding-bottom:0;}
.block-services .item {background-color:#fff; margin:0 auto 45px auto; position:relative; max-width:353px;}
.block-services .img {position:relative;}
.block-services .img img {filter: grayscale(100%); transition:all 0.5s;min-height: 266px;height: 266px; object-fit: cover;}
.block-services .img img:hover {filter: grayscale(0%);}
.block-services .img:after {content:''; width:80%; height:10px; position:absolute; right:0; bottom:0; background:url('../images/bg/bg-side-line-r.png') no-repeat 0 0;}
.block-services .name { font:500 18px/22px RobotoCondensed; color:#333333; margin:15px 0; text-align:center; text-transform:uppercase;}
.block-services .name a {color:#333; text-decoration:none;}
.block-services .name a:hover {text-decoration:underline;}


.block-advanteges {background-color:#f7f7f7;}
.block-advanteges .text {float:left; width:70%; font:300 16px/20px RobotoCondensed; padding:10px 0 0 15px; margin-bottom:30px;}
.block-advanteges .icon {float:left; width:30%; position:relative; display:inline-block; width:64px; height:64px; border-radius:50%; background-color:#fff;}
.block-advanteges .icon:before {content:''; width:64px; height:64px; position:absolute; top:0; left:0;}
.block-advanteges .icon.icon1:before {background:url('../images/advantages/icon-adv-01.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon2:before {background:url('../images/advantages/icon-adv-02.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon3:before {background:url('../images/advantages/icon-adv-03.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon4:before {background:url('../images/advantages/icon-adv-04.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon5:before {background:url('../images/advantages/icon-adv-05.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon6:before {background:url('../images/advantages/icon-adv-06.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon7:before {background:url('../images/advantages/icon-adv-07.png') no-repeat 50% 50%;}
.block-advanteges .icon.icon8:before {background:url('../images/advantages/icon-adv-08.png') no-repeat 50% 50%;}

.block-about {font:400 16px/24px Roboto; color:#333;}
.block-about p {margin-bottom:30px;}
.block-about ul {margin:0 0 0 15px; padding:0;}
.block-about ul li {margin-bottom:15px;}
.block-about .hdr2 {font:400 28px/34px RobotoCondensed; margin-bottom:15px;}

.block-gallery-wide .item img {max-height:336px;}

.form-wide {background:url('../images/bg/bg-form-01.jpg') no-repeat 50% 0; background-size:auto 100%;}
.form-wide .ib-hdr {text-align:center; color:#fff;}
.form-wide form {text-align:center;}
.form-wide form input[type=text] {display:inline-block; width:25%; border:0; border-bottom:2px solid #fff; font:400 18x/24px Roboto; color:#fff; padding:10px 0; margin-right:45px; vertical-align:bottom; background-color:transparent;}
.form-wide form input[type=text]:focus {border-bottom:2px solid #fc0;}
.form-wide form input[type=submit] {display:inline-block; font:400 14px/14px Roboto; padding:10px 60px; background-color:#d40d01; border-radius:18px; border:0; color:#fff; text-transform:uppercase; cursor:pointer; vertical-align:bottom;}
.form-wide form input[type=submit]:hover {background-color:rgba(212,13,1,0.7);}
.form-wide form input::-webkit-input-placeholder {opacity:1; color:#fff;}
.form-wide form input::-moz-placeholder {opacity:1; color:#fff;}
.form-wide form input:-moz-placeholder {opacity:1; color:#fff;}
.form-wide form input:-ms-input-placeholder {opacity:1; color:#fff;}

.inner-main {padding-top:30px;}
.inner-main .menu-left {}
.inner-main .menu-left ul {display:block; list-style:none; margin:0; padding:15px 15px; background-color:#f7f7f7; border-left:3px solid #d40d01;}
.inner-main .menu-left ul li {display:block; font:400 16px/20px Roboto; padding:7px 15px; color:#d40d01;}
.inner-main .menu-left ul li a {display:inline-block; color:#333333;}
.inner-main .menu-left ul li a:hover {color:#000;}

.tb-contacts {margin-bottom:45px;}
.tb-contacts td {padding:.55rem; vertical-align:top;}
.tb-contacts td:first-child {font-weight:600; padding-left:0;}

.footer {background-color:#333333; color:#fff; padding-top:40px; padding-bottom:40px; font:300 14px/20px Roboto;}
.footer .menu-bottom ul {list-style:none; padding:0; margin:0; display:block; font:300 16px/22px Roboto;}
.footer .menu-bottom ul li {display:block; margin:0 15px;}
.footer .menu-bottom ul li a {display:inline-block; color:#fff;}

.footer p {margin-bottom:20px;}
.footer a {color:#fff;}

.text-block {font:300 16px/24px Roboto; color:#333;}
.text-block h2 {width:100%; font:600 20px/28px RobotoCondensed; margin:40px 0 15px; color:#333; text-transform:uppercase;}
.text-block p:not(:last-child) {margin-bottom:20px;}
.text-block ul {margin-left:15px; margin-bottom:20px;}
.relative {position:relative;}
.right {float:right;}
.bold {font-weight:600;}
.pagename {width:100%; font:600 24px/28px RobotoCondensed; margin-bottom:30px; color:#333; text-transform:uppercase;}
.img-bc {text-align:center; margin:30px 0;}
.img-bc img {margin:0 15px 15px 15px;}
/*.btn-more {display:inline-block; font:500 18px/40px Roboto; background-color:#1d8fe7; color:#fff; text-transform:uppercase; padding:0 30px; border-radius:20px;}
.btn-more:hover {text-decoration:none; color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.9);}*/

.breadcrumbs {margin-bottom:30px;}

.bg-splash {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:950; background-color:rgba(0,0,0,0.5);}

.void-dlg {display:none; width:352px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:999; box-shadow:15px 15px 10px rgba(0,0,0,0.7); background:url('../images/bg/bg-form-top2.png') no-repeat 0 0; padding:90px 40px 30px 40px;}
.void-dlg .text-msg .caption,
.void-dlg .text-msg h1 {font:500 24px/32px Roboto; color:#fff; margin-bottom:5px;}
.void-dlg .text-msg p {font:300 14px/24px Roboto; color:#fff;}
.void-dlg .btn-close {display:block; width:25px; height:25px; position:absolute; top:4px; right:4px; z-index:10; cursor:pointer;}
.void-dlg .btn-close:before {content:'\f057'; position:absolute; font:25px/25px FontAwesome;}
.void-dlg .btn-close:hover {color:#ccc;}

.popup-form {display:none; width:352px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:970; box-shadow:15px 15px 10px rgba(0,0,0,0.7); background:url('../images/bg/bg-form-top2.png') no-repeat 0 0; /*background-color:#2b6c2c;*/ padding:90px 40px 30px 40px;}
.popup-form .btn-close {display:block; width:25px; height:25px; position:absolute; top:4px; right:4px; z-index:10; cursor:pointer; color:#fff;}
.popup-form .btn-close:before {content:'\f057'; position:absolute; font:25px/25px FontAwesome;}
.popup-form .btn-close:hover {color:#ccc;}
.popup-form .form-header {text-align:center; color:#fff;}
.popup-form .form-header .form-caption {font:400 28px/28px RobotoCondensed; color:#fff; text-shadow:0 0 3px #000; margin-bottom:20px;}
.popup-form input[type=text] {width:100%; font:300 15px/20px Roboto; padding:10px 15px; margin-bottom:10px; border:0; border-bottom:2px solid #fff; background-color:transparent; color:#fff;}
.popup-form input[type=submit] {display:block; font:400 14px/14px Roboto; padding:10px 60px; background-color:#d40d01; border-radius:18px; border:0; color:#fff; text-transform:uppercase; cursor:pointer; margin:30px auto 30px auto;}
.popup-form input[type=submit]:hover {box-shadow:0 0 5px rgba(0,0,0,0.7);}
.popup-form form input[type=submit]:hover {background-color:rgba(212,13,1,0.7);}
.popup-form form input::-webkit-input-placeholder {opacity:1; color:#fff;}
.popup-form form input::-moz-placeholder {opacity:1; color:#fff;}
.popup-form form input:-moz-placeholder {opacity:1; color:#fff;}
.popup-form form input:-ms-input-placeholder {opacity:1; color:#fff;}



.static-request-form {width:50%;}
.static-request-form form input[type=text],
.static-request-form form textarea {display:block; width:100%; border:1px solid #ccc; font:400 18x/24px Roboto; color:#333; padding:10px 15px; margin-bottom:25px;}
.static-request-form form textarea {resize:none;}
.static-request-form form input[type=text]:focus,
.static-request-form form textarea:focus {border:1px solid #fc0;}
.static-request-form form input[type=submit] {display:inline-block; font:400 14px/14px Roboto; padding:10px 60px; background-color:#d40d01; border-radius:18px; border:0; color:#fff; text-transform:uppercase; cursor:pointer; vertical-align:bottom;}
.static-request-form form input[type=submit]:hover {background-color:rgba(212,13,1,0.7);}



.collapser {/*position:relative; display:none;*/ margin-top:30px;}
/* .collapser:before {content:'+'; position:absolute; bottom:0px; left:50%; transform:translate(-50%,0); font:600 60px/60px Roboto;} */
.collapser-btn {display:block; width:100%; border:0; background:#fff; position:relative; cursor:pointer;}
.collapser-btn:before {content:'\f103'; position:absolute; left:50%; bottom:-30px; transform:translate(-50%,0); font:500 30px/30px FontAwesome; color:#ccc; transition:all 0.5s;}
.collapser-btn:hover:before {color:#000;}
.collapser-btn.reverse:before {content:'\f102';}

.btn-menu-mobile {display:none; position:absolute; top:15px; right:15px; border:0; width:30px; height:34px; cursor:pointer; z-index:999; background-color:transparent;}
.btn-menu-mobile:before {content:'\f0c9'; position:absolute; left:0; top:0; font:34px/34px FontAwesome; }
.btn-menu-mobile.active {color:#777;}

/* ADAPTIVE */
@media only screen and (max-width:1280px){
	.header .menu-top ul li {font:500 16px/16px RobotoCondensed;}
	.header .menu-top ul li a {padding:0 20px;}
}

/* Large devices, Wide screens */
@media only screen and (max-width:1200px){
	.header .info {background:none;}
	.header .info .line-top {display:none;}
	.header .info .slogan {display:none;}
	.header .info .block-logo {width:250px;}
	.header .contacts {width:400px;}
}

@media only screen and (max-width:1100px){
}

/* Medium devices, Desktops */
@media only screen and (max-width:992px){
	.header .info .block-logo {width:181px;}
	
	.btn-menu-mobile {display:block;}
	.header .menu-top {display:none; position:absolute; left:0; right:0; top:0; z-index:998; background:none; background:#ddd; color:#333; padding:15px;}
	.header .menu-top ul li {display:block; padding:7px 0;}
	.header .menu-top ul li a {color:#333;}
	.header .menu-top > ul > li:not(:last-child) > a {border:0;}
	.header .menu-top ul li ul {display:block; position:static; background:none; text-align:center;}
	
	.static-request-form {width:100%;}
}

/* Small devices, Tablets */
@media only screen and (max-width:768px){
	.header .info .logo img {margin:20px 0;}
	.header .info .slogan {display:none;}
	.form-wide form input[type=text] {display:block; width:100%; margin:0 0 30px 0;}
	.footer .logo img {margin:30px 0;}
	
	.header .info .block-logo,
	.header .contacts,
	.header .action {float:none; margin:0 auto 15px auto;}
	
	.header .contacts {width:auto;}
	
	.header .contacts .phones,
	.header .contacts .mail {display:block; margin:0 auto; padding-right:0; border-right:0;}

	.header .slider-top {display:none;}
	.order-form-top {position:static; transform:none; margin:0 auto; width:auto; max-width:352px;}
	
	.footer {text-align:center;}
	.footer .menu-bottom {margin-bottom:30px;}
}

@media only screen and (max-width:600px){

}
/* Extra small devices, Phones */
@media only screen and (max-width:480px){

}

@media only screen and (max-width:320px){
	
}