@font-face {
    font-family: 'Tahoma-Regular';
    src: url('fonts/Tahoma-Regular.eot');
    src: url('fonts/Tahoma-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Tahoma-Regular.woff') format('woff'),
         url('fonts/Tahoma-Regular.ttf') format('truetype'),
         url('fonts/Tahoma-Regular.svg#Tahoma-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection {background: #b3d4fc; text-shadow: none; }
::selection {background: #b3d4fc; text-shadow: none; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #95D3F1; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video {vertical-align: middle; }
fieldset {border: 0; margin: 0; padding: 0; }
form {margin: 10px 0 20px;}
input,
select,
textarea {padding: 3px 10px; border-radius: 4px; border: 1px solid #919191; margin: 5px; }
textarea {resize: none; }
img {max-width: 100%; height: auto; display: block;}
b {font-weight: normal;}
ul{list-style: none; padding: 0;}
a {color: #0096c7;}
td,th {padding: 5px 15px;}
h1,h2,h3,h4,h5,h6 {color: #047499;}
h1 {font-size: 30px; margin: 10px 0; }
h2 {font-size: 26px; }
h3 {font-size: 24px; }
h4 {font-size: 22px; }
h5 {font-size: 20px; }
h6 {font-size: 18px; }
strong {font-weight: bold;}
em {font-style: italic; color: #4b8b00;}
mark {background: #e6ef00;}
q {padding-left: 60px; position: relative; display: block; font-style: italic; color: #6e6e6e;}
q:before {content: '\2018\2018'; font-size: 100px; color: #0096c7; position: absolute; left: -15px; top: 0; line-height: .8;}
q:after {content: '';}
.red {color: #c71700;}
.blue {color: #0096c7;}

.hidden {display: none !important; visibility: hidden; }
.cf:before, .cf:after {content: " "; display: table; }
.cf:after {clear: both; }
.cf {*zoom: 1; }

body {font: 16px/26px 'Tahoma-Regular', sans-serif, Arial; }
body > section {margin: 20px auto; padding: 20px 0;}
header,
header a {color: #3e4a64;}
.btn {background: #0095C8; color: white; font-size: 18px; border-radius: 25px; width: 210px; border: 1px solid #0095C8; line-height: 1.2; }
.btn:focus, .btn:active {outline: none;}
.btn:hover {background: #fff;}
.btn-yellow {background: #FFD700; border: 1px solid #FFD700; color: #1f1f1f; width: 264px; text-transform: uppercase; font-size: 21px; padding: 10px;}
.btn-blue-yellow {border: 1px solid #fff; color: #fff; background: transparent; font-size: 20px; font-family: 'PT Sans Narrow';}
.btn-blue-yellow:hover {border-color: #ffd701; background: #ffd701; color: #fff;}
.h-left img,
.h-mid ul,
.h-right .tel-adr { margin: 10px auto;}
.h-mid ul {width: 180px; }
.h-mid li {position: relative; padding-left: 30px; line-height: 30px;}
.h-mid li:before {content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px;}
.h-mid li:nth-child(1):before {background: url(../img/icon-lbl.png) no-repeat center;}
.h-mid li:nth-child(2):before {background: url(../img/icon-calc.png) no-repeat center;}
.h-mid li:nth-child(3):before {background: url(../img/icon-ruler.png) no-repeat center;}
.h-mid li:nth-child(4):before {background: url(../img/icon-star.png) no-repeat center;}
.h-mid li a {font-size: 15px;}
.h-right .phone,
.h-right .btn,
.h-right .adr {display: block; margin: 10px auto; text-align: center;}
.h-right .phone {font-size: 26px; line-height: 1.5;}
.h-right .adr {font-size: 17px;}

.navbar-header {position: fixed; top: 0; left: 25px; opacity: .7; z-index: 999;}
.navbar-toggle {background-color: #0095C8;}
.navbar-toggle .icon-bar {background: #fff;}
#top-menu {position: fixed; top: 50px; left: 25px; background: #fff; border: 1px solid #0095C8; z-index: 999;}

.menu-wr {background: url(../img/bg-main-banner.jpg) no-repeat center; background-size: cover;}
.main-banner{text-align: center; color: #fff; padding-top: 20px; padding-bottom: 20px; font-family: 'PT Sans Narrow';}
.title-line {display: table;}
.title-line b{display: table-cell; width: 50%; vertical-align: middle;}
.title-line span{line-height: 1.2; white-space: nowrap; display: table-cell; vertical-align: middle; padding: 0 .5em;}
.main-banner .title h1 {display: inline; font-size: 24px; text-transform: uppercase; color: #fff;}
.main-banner .text {line-height: 1.2; margin: 10px 0;}
.main-banner > hr {width: 50%; margin: 20px auto 10px;}

.breadcrumb {background: none; font-size: 14px; margin: 20px 0 10px; padding: 0;}
.breadcrumb>.active,
.breadcrumb>li+li:before {color: #646464;}
.breadcrumb>li>a {text-decoration: underline;}
.breadcrumb>li>a:hover {text-decoration: none;}
.B_crumbBox a {text-decoration: underline;}
.B_crumbBox a:hover {text-decoration: none;}
.order-form {text-align: center; position: relative;}
.order-form .wrap {background: #2C9DD4; border-radius: 5px; position: relative; padding: 20px 0 30px;}
.order-form .title{font-size: 22px; line-height: 1; color: #fff; margin: 0 1em;}
.order-form .ruler {width: 330px; height: 30px; background: url(../img/bg-ruler.png) no-repeat; background-size: cover; position: absolute; top: 0; right: 0;}
.order-form .btn {position: absolute; bottom: -15px; left: 50%; margin-left: -132px; 
 -webkit-box-shadow: -19px 3px 30px -2px rgba(255,255,255,0.71), 19px 3px 30px -2px rgba(255,255,255,0.71);
    -moz-box-shadow: -19px 3px 30px -2px rgba(255,255,255,0.71), 19px 3px 30px -2px rgba(255,255,255,0.71);
         box-shadow: -19px 3px 30px -2px rgba(255,255,255,0.71), 19px 3px 30px -2px rgba(255,255,255,0.71);
}
.order-form-three form{margin-bottom: 0;}
.order-form-three .btn {box-shadow: none; position: static; margin: 20px auto 0; display: block; width: 225px;}

.our-works .title {margin: 20px 0;}
.our-works .title span{font-size: 26px; color: #047499; margin-bottom: 10px;}
.our-works #owl-main .item img{width: 100%;}
.our-works #owl-main .owl-prev,
.our-works #owl-main .owl-next{ text-indent: -999em; width: 20px; height: 50px; position: absolute; top: 50%; opacity: .8; margin-top: -10px;}
.our-works #owl-main .owl-prev{background: url(../img/icon-prev.png) no-repeat; background-size: contain; left: -25px;}
.our-works #owl-main .owl-next{background: url(../img/icon-next.png) no-repeat; background-size: contain; right: -25px;}
/*.our-works .owl-carousel .owl-item {padding: 0 10px;}*/
#owl-main {width: 90%; margin: 0 auto;}
#owl-main .item {margin: 10px; height: 195px;}
.btn-works {width: 190px; margin: 10px auto; font-size: 18px; display: block; position: relative; z-index: 2;}
.btn-works-wr {position: relative;}
.btn-works-wr hr {position: relative; bottom: 27px; margin: 0; z-index: 1; border-color: #0095C8;}

.our-product {background: url(../img/bg-product.jpg) no-repeat top; background-size: cover;}
.our-product .title{font-size: 24px; color: #fff; text-align: center;}
.our-product .product-type{margin: 20px 0; background: rgba(255,255,255,.6);}
.our-product .product-type .title{font-size: 24px; font-family: 'PT Sans Narrow'; text-transform: uppercase; background: #F4AF00; width: 100%; padding: 8px;}
.our-product .nav-tabs{border: none;margin: 15px 0;}
.our-product .nav-tabs li{width: 48%; margin: 0 1%;}
.our-product .nav-tabs li a{border-radius: 25px; text-align: center; color: #524730; line-height: .8; padding: 15px 0; border: 1px solid #fff;}
.our-product .tab-content {min-height: 170px;}
.our-product .tab-content li a{display: block; padding: 3px 20px; font-size: 18px; color: #2f2a1e; line-height: 1;}
.our-product .tab-content li a:hover{background: #FFB500; color: #fff; text-decoration: none;}
.our-product .other-content {background: rgba(96,154,0,.7);}
.our-product .other-content ul {margin: 0; padding: 10px 0;}
.our-product .other-content li a {display: block; padding: 3px 20px; font-size: 15px; color: #fff; line-height: 1;}
.our-product .other-content li a:hover{background: #707E00; text-decoration: none;}

.we-offer {text-align: center;}
.we-offer .title{font-size: 18px; color: #047499; width: 100%; margin-bottom: 20px;}
.we-offer .title b {width: 10%;}
.we-offer .title span {width: 80%; white-space: normal;}
.we-offer .text-block2{font-size: 24px; margin-top: 30px;}
.we-offer .text-block3 img{margin: 10px auto;}
.we-offer .text-block3 ul{text-align: left; padding-left: 1em; font-size: 14px;}
.we-offer .text-block3 li{list-style-image: url(../img/icon-list-blue.png);}
.container .text-block4 {background: #fcee53; border-radius: 50px; padding: 20px; line-height: 1; position: relative; margin: 10px auto; max-width: 668px; font-weight: bold; text-transform: uppercase; font-family: 'PT Sans Narrow';}
.container .text-block4:before, .container .text-block4:after {z-index: -1; position: absolute; content: ""; bottom: 15px; left: 30px; width: 50%; top: 40%; max-width:300px; border-radius: 50px; background: transparent; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); }
.container .text-block4:after {-webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); right: 30px; left: auto; }
.we-offer .text-block5 {font-size: 14px;}
.we-offer .text-block5 strong {display: block;}

.our-adv {background: url(../img/bg-adv.jpg) no-repeat; background-size: cover; text-align: center; color: #fff;}
.our-adv .title {font-size: 26px; }
.our-adv ul {font-family: 'PT Sans Narrow';}
.our-adv li {display: inline-block; margin: 10px; width: 200px; font-size: 16px; vertical-align: top;}
.our-adv li b{display: block; width: 142px; height: 103px; margin: 5px auto; background: url() no-repeat center; background-size: contain;}
.our-adv li span {line-height: 1.2; display: block; height: 3.4em; padding: .5em;}
.our-adv li:nth-child(1) b {background-image: url(../img/icon-adv-1.png);}
.our-adv li:nth-child(2) b {background-image: url(../img/icon-adv-2.png);}
.our-adv li:nth-child(3) b {background-image: url(../img/icon-adv-3.png);}
.our-adv li:nth-child(4) b {background-image: url(../img/icon-adv-4.png);}
.our-adv li:nth-child(5) b {background-image: url(../img/icon-adv-5.png);}
.our-adv li:nth-child(6) b {background-image: url(../img/icon-adv-6.png);}
.our-adv li:nth-child(7) b {background-image: url(../img/icon-adv-7.png);}

.order-form-two .wrap {background: #599ed1 url(../img/bg-order-form-two.png) no-repeat 120% 30%;}

.last {max-width: 400px;}
.last .title {color: #fff; font-size: 26px; background: #F5C100; border-radius: 20px; text-align: center; padding: 30px 10px; margin-bottom: 20px;}
.last li {margin: 10px 0 20px;}
.last li a {color: #262626;}
.last a>b {display: block; font-size: 18px; text-align: center; width: 140px; padding: 5px; background: #eaeaea; border-radius: 20px; font-family: 'PT Sans Narrow';}
.last span {line-height: 1.4; font-size: 14px; display: block; margin: 10px 0; padding: 0;}
.last .all {margin-bottom: 20px;}
.last .all span a{display: block; background: #0096c7; color: #fff; font-size: 18px; border: 1px solid #0096c7; border-radius: 25px; padding: 10px; width: 180px; text-align: center;}
.last .all span a:hover {color: #0096c7; background: transparent; text-decoration: none;}
.last li a:hover {text-decoration: none;}
.last li a:hover b {background: #ffd701;}
.last li a:hover span {text-decoration: underline;}

.footer {background: url(../img/bg-footer.jpg) top no-repeat; position: relative; background-size: cover;}
.footer .logo {background: rgba(0,0,0,.4); padding: 30px;}
.footer .logo img{margin: 10px auto;}
.footer .menu{width: 220px; margin: 20px auto; -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2;}
.footer .menu li a{color: #fff;}
.footer .tel-adr{text-align: center; margin: 20px 0; color: #fff;}
.footer .tel-adr .phone{font-size: 26px;}
.footer .tel-adr .schema a{color: #ffea3b; font-size: 14px;}

.zamer-form {min-height: 640px;}
.zamer-form .title {font-size: 18px;}
.zamer-form form {max-width: 400px; margin: 20px auto;}
.zamer-form form label {display: block; font-size: 18px; color: #515151; font-weight: normal;}
.zamer-form form input,
.zamer-form form select,
.zamer-form form textarea {display: block; border: 1px solid #919191; width: 100%; margin: 5px 0 30px 0; border-radius: 4px;}
.zamer-form form select {padding: 7px 10px;}
.zamer-form form textarea {resize: none; height: 7em;}
.zamer-form form .btn {margin: 20px auto; display: block;}
.zamer-form form .desc {text-align: center; color: #515151; margin: 20px 0;}

.fixed-overlay { position: fixed; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); text-align: center; white-space: nowrap; display: none;}
.fixed-overlay::after {display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ''; }
.f-modal {display: inline-block; vertical-align: middle; }
.f-modal_container {margin: 5px; padding: 20px; min-width: 200px; text-align: left; white-space: normal; background-color: #fff; color: #000; position: relative;}
.f-modal .title {font-size: 22px; color: #047499; text-align: center; margin-bottom: 30px;}
.f-modal .text {font-size: 18px; color: #047499; margin-top: 10px;}
.f-modal input {width: 100%; border: 1px solid #919191; margin: 10px 0;}
.f-modal select {display: inline-block; padding: 5px 10px; border-radius: 4px; margin: 10px 0;}
.f-modal span {margin-right: .2em;}
.f-modal b {display: block; text-align: center;}
.f-modal .btn { display: block; margin: 30px auto 0;}
.f-modal .btn-close {position: absolute; top: -28px; right: 0; padding-right: 21px; background: url(../img/icon-close.png) no-repeat right; cursor: pointer; color: white; text-transform: uppercase;}

.cart h1{text-align: center;}
/*.cart .title {color: #464646; font-size: 22px; }*/
.fast-order {background: #f3f3f3; text-align: center; }
.fast-order .title{background: #0096c7; color: #fff; font-size: 18px; padding: 10px;}
.fast-order .text{padding: 10px; font-size: 18px;}
.fast-order input {border: 1px solid #b5b5b5; margin-bottom: 15px;}
.fast-order .btn{margin: 10px 0 20px;}

.cart-item {margin-bottom: 20px;}
.cart-item .title {background: #ebf0f3; font-size: 22px; color: #00789f; text-align: center; padding: 10px;}
.cart-item .img {background: url() no-repeat; background-size: cover; max-width: 100%; height: 0; padding-top: 275px; width: 400px; margin-left: auto; margin-right: auto;}
.cart-item .img {margin-top: 20px; margin-bottom: 20px;}
.cart-item .desc td {font-size: 18px; padding: 10px 20px;}
.cart-item .desc tr:nth-child(odd) {background: #f7f7f7;}
.cart-item .desc-bt > div {text-align: center; margin-top: 10px; margin-bottom: 10px;}
.cart-item .desc-bt .price {font-size: 20px; line-height: 2;}
.cart-item .desc-bt .btn {font-size: 24px; border: 0;}
.cart-item .desc-bt .btn:hover {background: #ffd701; color: #fff;}

.content p .img {background: #f7f7f7; padding: 10px;}
.content p .img .caption {text-align: center; color: #134555; font-size: 14px; padding: 10px 10px 0; display: inline-block; width: 100%;}
.content p {font-size: 14px; line-height: 1.6; clear: both;}
.container p {clear: none;}
.content p img {max-width: 100%; height: auto;}
.content p.big-letter::first-letter {font-size: 36px; float: left; margin: 0 .2em 0 0; line-height: 1.1;}
.content p.slogan {text-align: center; color: #135e76; font-size: 16px;}
.content .left {float: left; margin-right: 1em; margin-bottom: 1em; margin-top: .4em;}
.content .right {float: right; margin-left: 1em; margin-bottom: 1em; margin-top: .4em;}
.content .center {display: block; margin: 1em auto; clear: both;}
.content p a {text-decoration: underline;}
.content p a:hover {text-decoration: none;}
.content ol {counter-reset: my-counter; list-style: none; padding: 0; font-size: 14px; padding-left: 2em; margin: 10px 0;}
.content ol li {text-indent: -1.9em;}
.content ol li:before {  content: counter(my-counter) '.'; counter-increment: my-counter; margin-right: 1em; color: #0096c7;}
.content .big {font-size: 20px; line-height: 1; margin: 1em 0;}
.content ul li {padding-left: 1em; position: relative; font-size: 14px;}
.content ul li:before {content: ''; background: #0096c7; width: 5px; height: 5px; position: absolute; left: 4px; top: 12px;}
.content ul ul li:before {border-radius: 10px; background: #636363; top: 10px;}
/*.container ul {margin-left:22px;}*/
.content .title-center-blue {color: #135e76; text-align: center; font-size: 16px; line-height: 1.2; margin: .8em 0;}
.content table {width: 100%; text-align: left; margin: 20px 0;}
.content table th{background: #ebf0f3; color: #00789f;}
.content table tr:nth-child(odd){background: #f7f7f7; }
.content table th, 
.content table td {font-weight: normal; line-height: 1.2; font-size: 14px; word-break: break-word; padding: 5px;}
.content table td{color: #5a5a5a;}
.content label {font-weight: normal; margin: 0 10px; vertical-align: top; font-size: 14px;}
.browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.gallery {max-width: 300px; margin: 20px auto;}
.gallery-3 {}
.gallery-item {margin: 20px;}
.gallery-item a {color: #134555;}
.gallery-item .img {background: url() no-repeat; background-size: cover; width: 100%; height: 0; padding-bottom: 60%; position: relative;}
.gallery-item .img:before,
.gallery-item .img:after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0;  -webkit-transition: all .5s ease-out 0s;
     -moz-transition: all .5s ease-out 0s;
     -o-transition: all .5s ease-out 0s;
     transition: all .5s ease-out 0s;}
.gallery-item .img:before {background: rgba(0,63,84,.6);}
.gallery-item .img:after {background: url(../img/img-hover.png) no-repeat center;}
.gallery-item a:hover .img:before {opacity: 1;}
.gallery-item a:hover .img:after  {opacity: 1;}
.gallery-item .caption {padding: 15px; background: #f7f7f7; text-align: center; font-size: 14px; line-height: 1.2;}

.cart .what-known {margin-top: 30px; padding-bottom: 40px;}
.cart .our-adv {margin-bottom: 30px; padding: 20px 0;}
.what-known {background: url(../img/bg-what-know.jpg) no-repeat top; background-size: cover; color: #fff;}
.what-known .title{font-size: 26px; text-align: center; line-height: 1.2; margin: 30px 0; color: #fff;}
.what-known .text{font-size: 14px; line-height: 1.5;}
.what-known strong{display: block; font-size: 16px; font-weight: bold; margin-bottom: 1em;}
.what-known .btn {display: block; margin: 30px auto;}

.order-form-two {margin: 20px 0 50px; padding: 20px 0;}

.contact h1 {margin-bottom: 30px;}
.contact .tel,
.contact .adr {font-size: 24px; position: relative; padding-left: 40px; line-height: 1.2; margin-bottom: 40px;}
.contact .tel:before,
.contact .adr:before {content: ''; width: 32px; height: 32px; position: absolute; left: 0; top: 0;}
.contact .tel:before {background: url(../img/icon-tel.png) no-repeat center;}
.contact .adr:before {background: url(../img/icon-adr.png) no-repeat center;}
.contact .map img {margin-left: auto; margin-right: auto; display: block;}
.contact form {margin: 30px auto 50px; text-align: center; max-width: 740px; font-size: 0;}
.contact form .title {text-align: center; font-size: 26px; color: #047499; margin-bottom: 20px;}
.contact form input,
.contact form textarea {width: 100%; margin: 10px 0; font-size: 16px;}
.contact-information {
margin: 100px 0 0 0;
}
.contact-information input,
.contact-information textarea {width: 100%; margin: 10px 0; font-size: 16px;}

.cart form {margin: 30px auto 50px; text-align: center; max-width: 740px; font-size: 0;}
.cart form .title {text-align: center; font-size: 26px; color: #047499; margin-bottom: 20px;}
.cart form input,
.cart form textarea {width: 100%; margin: 10px 0; font-size: 16px;}

.news-item {margin: 2em 0 3em;}
.news-item .news-head {color: #0096c7; font-size: 22px;}
.news-item .date {margin-right: 1em;}
.news-item .news-text {font-size: 16px; color: #2e2e2e; line-height: 1.5; margin: 1em 0;}
.news-item .btn:hover {background: #ffd701; border-color: #ffd701; color: #fff;}

.pagi {text-align: center; margin: 30px 0 80px;}
.pagi a {color: #314146; text-decoration: underline; display: inline-block; padding: 15px; border-radius: 25px; line-height: .5;}
.pagi a:hover {text-decoration: none;}
.pagi a.pagi-back,
.pagi a.pagi-forward{padding: 0 1em;}
.pagi a.pagi-num {}
.pagi a.pagi-num.active {text-decoration: none; background: #0096c7; color: #fff;}
.pagi a.pagi-all {text-decoration: none; background: #0096c7; border: 1px solid #0096c7; color: #fff;}
.pagi a.pagi-all:hover {background: transparent; color: #314146;}

.rubrika .our-adv {margin-top: 50px;}

.cat {background: #f3f3f3; padding: 10px; margin-bottom: 15px;}
.cat img{float: left; display: block; width: 40%; margin-top: 5px;}
.cat .cat-wrap{float: right; width: 57%; margin-bottom: 5px;}
.cat .cat-title{font-size: 20px; color: #357796;}
.cat .cat-links a{display: block; color: #2e2e2e; text-decoration: underline;}
.cat .cat-links a:hover{color: #0070c7;}

#form-calc {font-size: 14px; line-height: 1.4; max-width: 400px; margin: 40px auto;}
#form-calc input,
#form-calc select {margin: 0; width: 100px; font-size: 18px;padding: 10px;}
#form-calc select {width: 100%;}
#form-calc > div {background: #f3f3f3; padding: 5px 20px; margin-bottom: 15px;}
#form-calc > div > span {margin: 5px 0;}
#form-calc span {display: inline-block; vertical-align: middle;}
#form-calc .title,
#form-calc .mm {font-size: 18px;}
#form-calc .mm {margin: 0 5px 0 0;}
#form-calc .block-wh .title {width: 70px;}
#form-calc .block-wh > span{}
#form-calc .block-wh input{}
#form-calc .block-wh .text {line-height: 1.2;}
#form-calc .block-vid .title{display: block; margin: 10px 5px;}
#form-calc .block-vid .desc{margin: 10px 0;}
#form-calc .block-vid .text > span{display: block;}
#form-calc .block-vid .img{width: 130px; height: 130px; background: url() no-repeat; background-size: cover; margin: 0 auto;}
#form-calc .block-select .title{display: block; margin: 10px 5px;}
#form-calc .block-select .desc{margin: 10px 0; padding: 0 0 50px 0;}
#form-calc .block-select .text > span{display: block;}
#form-calc .block-select .img{width: 130px; height: 130px; background: url() no-repeat; background-size: cover; margin: 0 auto;}
#form-calc .block-zap > span{width: 100%;}
#form-calc .block-kol .title {margin-right: 20px;}
#form-calc .btn-wrap {background: transparent;}
#form-calc .btn {font-size: 18px; text-transform: uppercase; display: block; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; width: 300px; max-width: 100%;}

.calc-select {
  margin: -150px 0 0 450px !important;
  position: absolute;
  width: 500px !important;
}
@media (min-width: 320px) {
.calc-select {
  margin: -85px 0 0 35px !important;
  position: absolute;
  width: 260px !important;
}
.contact-information > input {
  margin: 10px 0 0 !important;
  width: 100% !important;
}
}
@media (min-width: 500px) {
    .main-banner .title h1 {font-size: 50px;}
    .f-modal_container {padding: 20px 40px;}
    .f-modal .title {font-size: 30px; display: block; margin-bottom: 40px;}
    .f-modal select {margin: 10px 1em 10px 0;}
    .f-modal b {display: inline;}
    .content table th, .content table td { font-size: 16px; word-break: normal; padding: 20px;}
    .contact form input {width: 32%;}
    .contact form input + input {margin-left: 2%;}
    .contact form textarea {}
	.contact-information input {width: 33% !important;}
    .contact-information input + input {margin-left: 2%;}
    .contact-information textarea {}
	.cart form input {width: 32%;}
    .cart form input + input {margin-left: 2%;}
    .cart form textarea {}
}
@media (min-width: 768px) {
    q {padding-left: 90px;}
    q:before {font-size: 150px; left: -23px;}
    .h-right .phone {font-size: 24px;}
    #top-menu {position: static; background: transparent; border: none; font-size: 14px;}
    #top-menu .navbar-nav {width: 100%;}
    #top-menu .nav .open>a, #top-menu .nav .open>a:focus, #top-menu .nav .open>a:hover {color: #2f3747; border-radius: 20px; background: #fff;}
    #top-menu .nav .open>a {border-radius: 3px 3px 0 0; color: #fff; margin-bottom: 0; padding-bottom: 20px; }
    #top-menu .nav .open>a,
    .navbar-nav>li>.dropdown-menu {background: rgba(37,69,81,.86); }
    #top-menu .nav .open>a:focus,
    #top-menu .nav .open>a:hover {background: rgba(37,69,81,.86); border-radius: 3px 3px 0 0; color: #fff;}
    .dropdown-menu>li>a { margin: 3px; border-radius: 3px; padding: 5px 15px; color: #fff000; font-family: 'PT Sans Narrow'; font-size: 16px;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background: rgba(255,232,38,.95);}
    .dropdown-menu>li>a.left-caret {border-top-right-radius: 0; border-bottom-right-radius: 0; background: rgba(255,232,38,.95); color: #1c343f;}
	.navbar-nav>li>ul>li>ul {background: rgba(255,232,38,.95); border: none; border-radius: 0;top: 0; left: 98%; padding: 0; }
    .navbar-nav>li>ul>li>ul>li>a {color: #1c343f; text-decoration: underline;}
    .navbar-nav>li>ul>li>ul>li>a:hover {background: #fff; border-radius: 20px; text-decoration: none; margin: 3px 7px;}
    .main-banner {padding-top: 0;}
    .main-banner .title h1 {font-size: 72px;}
    .main-banner .text {font-size: 25px;}
    .navbar-nav>li {float: none; display: table-cell; width: 1%; text-align: center;} 
    .navbar-nav>li>a {color: white; text-transform: uppercase; white-space: nowrap; padding: 10px 5px; margin: 10px 0; border-radius: 20px;}
    .navbar-nav>li>a:hover {background: #fff; color: #2f3747;}
	.navbar-nav>li.active>a{background: #fff; color: #2f3747 !important;}
	.navbar-nav>li>ul>li.active>a {background: rgba(255,232,38,.95); color: #1c343f;}
	.navbar-nav>li>ul>li>ul>li.active>a{background: #fff; border-radius: 20px; text-decoration: none; margin: 3px 7px; color: #2f3747;}
    .navbar-nav>li>a:focus {background: transparent;}
    .order-form-one .wrap {background: url(../img/bg-order-one.png) no-repeat top; background-size: 100% 100%; margin: 0 -15px;}
    .order-form-one .title {padding-top: 55px; font-size: 22px; text-shadow: 1px 1px 1px #549BCF;}
    .btn-works {font-size: 20px;}
    .our-product .title {font-size: 30px; padding: .5em;}
    .our-product .nav-tabs li {width: 44%; margin: 0 5% 0 1%;}
    .our-product .nav-tabs li:first-child {margin: 0 1% 0 5%;}
    .our-product .nav-tabs li a {font-size: 20px; font-family: 'PT Sans Narrow';}
    #owl-main {width: 95%;}
    .we-offer .title {font-size: 24px;}
    .we-offer .title span {width: auto; white-space: nowrap;}
    .we-offer .title b {width: 50%;}
    .we-offer .text-block2 {margin-bottom: 10px;}
    .container .text-block4 {margin-top: 30px; margin-bottom: 30px;}
    .we-offer .text-block5 {line-height: 1.4;}
    .we-offer .text-block5 strong{font-size: 18px; margin-bottom: .5em;}
    .our-adv .title {margin: 1em;}
    .our-adv ul {margin-bottom: 40px;}
    .order-form-two .wrap {background: url(../img/bg-order-two.png) no-repeat top; background-size: 100% 100%; margin: 0 -15px; padding-top: 50px;}
    .order-form-two .wrap:before {}
    .order-form-two .phone {background: url(../img/bg-order-two-phone.png) no-repeat; background-size: cover; width: 180px; height: 100px; position: absolute; left: -25px; bottom: -20px;}
    .last {max-width: none;}
    .footer .tel-adr {text-align: right;}
    .footer .tel-adr .phone {font-size: 18px;}
    .zamer-form form { max-width: none; width: 700px;}
    .zamer-form form label {width: 20%; float: left; margin: 6px 0 0 0; }
    .zamer-form form input,
    .zamer-form form select,
    .zamer-form form textarea {width: 77%; float: left; margin-left: 3%;}
    .zamer-form form .btn {}

    .fast-order .title {font-size: 26px;}

    .gallery-3 {max-width: none;}
    .gallery-3 .gallery-item {width: 31.3333%; float: left; margin: 1%;}

    .contact .tel,
    .contact .adr {font-size: 28px;}

    #form-calc {max-width: none;}
    #form-calc .block-wh {width: 49%; float: left; margin-left: 2%;}
    #form-calc .block-wh:first-child {margin-left: 0;}
	    #form-calc .block-vid .title {margin-left: 0;}
    #form-calc .block-vid .img {margin-left: -15px; float: left;}
    #form-calc .block-vid .text {margin-left: 130px; margin-top: 10px;}
    #form-calc .block-vid .text > span {display: inline-block; width: 35%; }
    #form-calc .block-vid .text > span + span {width: 62%; float: right;}
	#form-calc .block-select {height: 160px;}
    #form-calc .block-select .title {margin-left: 0;}
    #form-calc .block-select .img {margin-left: -15px; float: left;}
    #form-calc .block-select .text {margin-left: 130px; margin-top: 0;}
    #form-calc .block-select .text > span {display: inline-block; width: 35%; }
    #form-calc .block-select .text > span + span {width: 62%; float: right;}
	#form-calc .block-select .desc {margin: 15px 0 0 0; position: absolute; width: 555px;}
    #form-calc .block-zap > span {display: inline-block; width: 32%;}
    #form-calc .block-zap > span + span {width: 67%; float: right;}
    #form-calc .block-zap .title {margin-top: 15px;}
    #form-calc .block-kol {width: 260px; float: left; position: absolute;}
    #form-calc .btn-wrap {margin-left: 260px;}
	.calc-select {margin: -165px 0 0 380px !important; position: absolute; width: 320px !important;}
}
@media (min-width: 992px) {
    h1 {font-size: 34px;}
    .h-mid ul {width: 100%; -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; margin-top: 35px;}
    .h-mid li a {line-height: 35px;}
    .h-mid li:before {top: 4px;}
    .h-right .phone {font-size: 26px;}
    .main-banner .title {font-size: 72px;}
    .main-banner .text {font-size: 22px;}
    .we-offer .title {font-size: 26px;}
    .order-form .title {font-size: 22px;}
    .order-form .ruler {top: -3px; right: 10px;}
    .order-form-two .phone {width: 280px; height: 160px;}
    .order-form-three .title {text-align: left; margin: 10px 0;}
    .order-form-three .wrap {background: url(../img/bg-order-three.png) no-repeat; background-size: 100% 100%;; padding: 80px 20px 10px 210px; }
    .order-form-three .form-wrap {font-size: 0; width: 390px; float: left; margin-left: 50px;}
    .order-form-three .btn {float: right;}
    .order-form-three input {font-size: 16px; margin: 5px 0;}
    .order-form-three input:nth-child(1) {width: 49%; margin: 0 1% 0 0;}
    .order-form-three input:nth-child(2) {width: 49%; margin: 0 0 0 1%;}
    .order-form-three input:nth-child(3) {width: 100%;}
    .last .wrap {max-width: 450px; margin: 0 auto;}
    .footer:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 50%; margin-right: 200px; background: rgba(0,0,0,.4);}
    .footer .logo {background: none;}
    .footer .menu {width: 350px; margin-top: 30px;}
    .footer .tel-adr {margin-top: 50px;}
    .footer .tel-adr .phone {font-size: 26px;}
    .footer .tel-adr .adr{font-size: 18px;}
    .our-works #owl-main .owl-prev, .our-works #owl-main .owl-next {width: 35px; height: 60px; margin-top: -25px;}
    .our-works #owl-main .owl-prev {left: -42px;}
    .our-works #owl-main .owl-next {right: -42px;}
    .fast-order .btn {font-size: 24px;}
}
@media (min-width: 1200px) {
    .container {width: 1000px;}
    .order-form-three .form-wrap {width: 460px;}
	#form-calc .block-select .desc {margin: 15px 0 0; position: absolute; width: 805px;}
	.calc-select {margin: -165px 0 0 450px !important; position: absolute; width: 500px !important;}
}