@font-face {
    font-family: 'helveticaneue';
    src: url('/fonts/helveticaneuecyr-light-webfont.eot');
    src: url('/fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneuecyr-light-webfont.woff2') format('woff2'),
         url('/fonts/helveticaneuecyr-light-webfont.woff') format('woff'),
         url('/fonts/helveticaneuecyr-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'houschka';
    src: url('/fonts/houschkapro-medium-webfont.eot');
    src: url('/fonts/houschkapro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/houschkapro-medium-webfont.woff2') format('woff2'),
         url('/fonts/houschkapro-medium-webfont.woff') format('woff'),
         url('/fonts/houschkapro-medium-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'houschka';
    src: url('/fonts/houschkapro-demibold-webfont.eot');
    src: url('/fonts/houschkapro-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/houschkapro-demibold-webfont.woff2') format('woff2'),
         url('/fonts/houschkapro-demibold-webfont.woff') format('woff'),
         url('/fonts/houschkapro-demibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'houschka';
    src: url('/fonts/houschkapro-light-webfont.eot');
    src: url('/fonts/houschkapro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/houschkapro-light-webfont.woff2') format('woff2'),
         url('/fonts/houschkapro-light-webfont.woff') format('woff'),
         url('/fonts/houschkapro-light-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

body{
    font:16px/1.6em helveticaneue, verdana;
    color: #4c4c4c;    
    background: #fff;
    padding-top: 76px;    
}

*::selection{
    background: #D4D1CE;
    color: #252F48;     
}
*::-moz-selection{
    background: #D4D1CE;
    color: #252F48;        
}

ul{ 
    list-style: disc outside none;
    margin: 20px 0 20px 30px;        
}

ol{
    list-style: decimal outside none;
    margin: 20px 0 20px 30px;
}

img{
    max-width: 100%;
    height: auto;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.noliststyle{
    list-style:none;
    margin:0;
    padding:0;
}

.c-center{        
    max-width:1200px;    
    margin:0 5.468%;      
}

.h{
    font-family: houschka;
    font-weight: 600;
    color: #333;
    line-height: 1;
    margin: 0 0 0.8em;
}

.h-normal{
    font-size: 25px;
}

.h-medium{
    font-size: 33.5px;
}

.h-big{
    font-size: 45px;
}

.h-large{
    font-size: 65px;
}

textarea{
    resize: none;
}

a{
    color:inherit;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a:hover{
    color:#033FB7;
}

p{
    margin-bottom: 20px;
}

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"], 
input[type="tel"], 
input[type="date"], 
input[type="search"], 
input[type="file"],
input[type="password"], 
textarea,
select{        
    -webkit-appearance: none;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
}

select{
    -webkit-appearance: menulist-button;
}

.textinput{
    border:1px solid #B2B2B2;    
    background: #fff;    
    margin: 0;   
    outline: none;
    width: 100%;
    line-height: 1;
    height: 35px;
    padding: 0 10px;
}
textarea.textinput{
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.textinput:focus{        
    border-color: gray;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.left{
    float: left;
}

.right{
    float: right;
}

[data-device-width~="860"],
[data-device-width~="1680"]{
    position: absolute;
    left: -9999px;
    top: -9999px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;    
}

/*================================================*\
                    HEADER
\*================================================*/

#site-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 76px;
    background: #fff;
    max-width: 1680px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    z-index: 100;
}

#site-header > *{
    float: left
}

#btn-menu{
    height: 100%;
    width: 76px;
    background-color: #FFCC00;
    padding-top: 25px;
    text-align: center;
}

#btn-menu:hover, #btn-menu:active{
    background-color: #E3B600;
}

#logo{
    height: 100%;        
    padding: 13.5px 8.5px;   
    margin-right: 15px;
    background: #FFCC00; 
}

.logo-desc{
    font-size: 13px;
    line-height: 1.4;
    margin-top: 23px;
}

.header-phone{
    font-size: 12px;
    text-align: right;
    float: right !important;
    margin: 20px 40px 0 0;
}

.header-phone > div{
    font-size: 16.9px;
    font-family: houschka;
    font-weight: 600;
    line-height: 1;
}

.header-phone-icon{
    float: right !important;
    margin: 10px 20px 0 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #D7D7D7;
    padding-top: 12px;
    text-align: center;    
}

.header-phone-icon:hover, .header-phone-icon:active{
    background-color: #c7c7c7;
}


/*================================================*\
                    CONTENT
\*================================================*/

.production-intro{
    height: 590px;
    background: url(/img/l.gif) no-repeat center center #585858;
    text-align: center;
}

#show-list{
    display: none;
}

.production-intro:before{
    content: '';
    width: 0;
    height: 100%;
    display: inline-table;
    vertical-align: middle;
}

.production-intro__content{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    max-width: 98%;
}

.production-intro__content__title{
    font-family: houschka;
    font-weight: bold;    
    line-height: 1;
    margin-bottom: 30px;    
}

.production-intro__content__services-list{
    font-size: 0;
}

.production-intro__content__services-list > li{
    display: inline-block;    
    line-height: 1;    
    margin-bottom: 10px;
}

.production-intro__content__services-list > li > a{
    color: inherit;
    font-family: houschka;
    font-weight: 200;    
    text-decoration: none;
    border-left: 2px solid #FFCC00;
    line-height: 1;
    padding: 0 13px;
}

.production-intro__content__services-list > li:first-child > a{
    border: none;
}

.production-intro__content__services-list > li > a:hover{
    background: #FFCC00;
}

.fieldset{
    border: 4px solid #FFCC00;
    font-size: 16px;
    margin-top: 95px !important;
    margin-bottom: 60px !important;
    padding: 40px 6.25%;
    text-align: center;
    line-height: 1.6;
}

.fieldset .h{
    margin-top: -70px;
    text-align: center;
}

.fieldset .h > span{
    background: #fff;
    padding: 0 4%;
    display: inline-block;
}

.desc-list{
    font-size: 13px;
    margin-bottom: 60px;
}

.production-carousel-wrapper{
    background: #404041;
}
.slide-item{
    position: relative;
}
.slide-item__content-wrapper{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;    
}
.slide-item__content-wrapper:before{
    content: '';
    display: inline-table;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.slide-item__content{
    display: inline-block;
    max-width: 98%;
    vertical-align: middle;
    padding: 0 15%;
}
.slide-item__content__title{
    font-family: houschka;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    font-size: 40px;
    margin-bottom: 20px;
}
.owl-prev, .owl-next{
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    top: 50%;
    margin-top: -45px;
}
.owl-prev{
    left: 3.33%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAA5CAYAAADKriAvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTVDNEIzRjUwRjFDMUIyMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MUNDNTI3ODdFMkMxMUU0QjZENUNDNjU3MEJFMTQ0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MUNDNTI3NzdFMkMxMUU0QjZENUNDNjU3MEJFMTQ0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU1OUM1NzRDMTcyMDY4MTE5MTA5QTI5NEM3QjZFODhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE5NUM0QjNGNTBGMUMxQjIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9PSDcAAAAgxJREFUeNq82c8rBGEcx/EdJKFQpJAoSpEoBy5ODv4LLe6ITUikJXFyc+Hm4sBFilKUkpQiUX6k/Cg/SiIHYcfnWd+pMc3uzjzzPN+p92XN9MrszDzPPGuYphli3DpQaRojGEYLKBYS/ylDYfSN5uJnlhGcRwYHaoGLFqgbFeAPWkLp9r/pBpedoC7UAldRpts+usD1RKBqtJPATZSVbF/V4DbKTrW/SnAX5Xo5RhW4j/K8HqcCPET5fo4NCh6jIr/Hy4IxdCoDyqAWeIFKZL8aGfAKlQW5AP2CN6gi6G3mZacuAu9QlYqHiVfwAdWoemR6AZ9QncqBIRX4ghpUD3/JwFfUpGOQd37QTeAbatE1lXEDP1CrzgmbG9ime1pqBz9RO8fkW7xW5NC0/wu9s7xgkN5ju2KbOU6vVa/5t2m7VRLdMn0Ei4dCIxdqh59RPRcq6idYPHdruVDRAMFKRxgvQ1uE4HtUzYWKBgm+5RrEnbCYrlRyoaIhgq9RORcqGib4MsiMUOagEYLPZee+sqdolOAzVMyF2uETv68XQS//MYKPUCEXaofFK2MBFyoaJ/jAy8uxygf5BMF7qWDVw5YFJ11/0DFIRwneSbTSomtKMknwlhuscwI2RfCGczFL9xx3muB/y3Yci8wWvGbBXMvpMwSvCJgLFc0SHM1g/LUiggz0aDD/LhPffgUYAIRhIOarEDLLAAAAAElFTkSuQmCC);
}
.owl-next{
    right: 3.33%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAA4CAYAAAAB8vOKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTVDNEIzRjUwRjFDMUIyMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QjYzNUZDMTdFMkMxMUU0OThFMzhBMDJEMTEzNjhGNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QjYzNUZDMDdFMkMxMUU0OThFMzhBMDJEMTEzNjhGNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU1OUM1NzRDMTcyMDY4MTE5MTA5QTI5NEM3QjZFODhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE5NUM0QjNGNTBGMUMxQjIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UyOxJwAAAfFJREFUeNq82EsrRGEcx/Ez5JKUNCORywYbO6/FC3BfujQhDbkkl4nYsBFFFiQWkrLQJIoSpUhJSRbegZLL+P31n2Kayzkzz/M79S0zc/TJceY5z/P4otFok+M49WjbIR05yI82UQsLdfCXSp3oA7Xoa6v9fdGNPhlw/BtBhVuZqBSyDSf7YNwmnOrDsC043QkLNuB0J/jQMvoyCbs5SeBVk7DbE3PRuinYy8kCb5uAvf5CHtpTuI2FSvnoIBs400tUgI4yhbO5IYpQJBM429tf4FOvsIkvewm6QN9uYVNDm8BXbmGTA7kf3biBTT+2ytBdOtjGQ7oCPSjczkKlKvSYDLY5AatFz4lg29PNOvQSDzuEeW4DelW4Q97z/cr2j0YUQQHUlUNaSLyhd/25iHF5a9CTXt4exv809tWRo5dxI1XqIPEPtImWo3sF+xiDg4y/twoGGcNgQJ80SUHTaCm6VrCf9RC/VHCANV05V3CQMV0pRmcKDrGmoCdewWxQAY8VDDEm24U6u5djmLGskHXMoYIjjAWUgPsKjjKWigLumgDdorIY3lFwjLH8F3BLwQnGRoeAG6bBVKhM2NYUnGRsXgm4ouAUY5tOwCWbYCJ0UcEZ1tbrvIKzrE3maQXDrO30ZgXnGGAMrTYxtHnpR4ABAMokFahRUvQ9AAAAAElFTkSuQmCC);
}
.owl-prev:hover, .owl-next:hover,
.owl-prev:active, .owl-next:active{
    background-color: #414850;
    background-color: rgba(0,0,0,0.4);
}

.tabs-wrapper{
    background: #414850;
    display: block;
}

.production-tabs > li {
    float: left;
    width: 25%;
}

.tab {
    display: block;
    background: #414850;
    line-height: 1;
    font-size: 16.5px;
    font-family: houschka;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none;
    padding: 20px 0;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #676C73;
}

.tab > span{
    border-bottom: 2px dotted #B1B3B5;
}

.tab:hover{
    background: #4A5159;
}

.tab.active{
    background: #5F666F;
}
.tab.active > span{
    border: none;
}

.tab-content{
    overflow: hidden;   
}

.features-list, .contacts-list{
    font-family: helveticaneue;
    overflow: hidden;
}

.features-list__title, .contacts-list__title{    
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.features-list__value{
    font-size: 24px;
}

.services-section{
    background: #F2F2F2;
}

.services-section__list > li:first-child{
    padding: 50px 0 30px;
}

.service-complex-image{
    margin-top: 50px;    
}

.advantages-list{
    font-size: 13px;
    margin-bottom: 70px;
}

.advantages-list__item{
    float: left;
    margin-left: 3.33%;
    width: 31.08%;
}

.advantages-list__item:first-child{
    margin: 0;
}

.advantages-list__item .h{
    margin-top: 30px;
}

.contact-section{    
    background: #EEE;
}

.contact-address-wrapper{
    padding: 50px 0 40px;
}

.contacts-list > li{
    float: left;
    max-width: 50%;
}

.contacts-list > li:first-child{
    padding-right: 8.928%;
}

.contacts-list__title{
    margin-bottom: 5px;
}

.contacts-list__value{
    font-size: 20px;
}

.contact-phone{
    color: #424242;
    text-decoration: none;
}

.contact-phone > span{
    color: #7F7F7F;
}

.contact-email{
    color: #033FB7;
    text-decoration: none;
}

.contact-phone:hover, .contact-email:hover, .contact-phone:hover > span{
    text-decoration: underline;
    color: #222222;
}

.contact-form{
    border-top: 1px solid #D2D2D2;
    padding-top: 40px;
    margin-top: 40px;
}

.contact-form textarea{
    height: 150px;
}

.field-row{
    margin-bottom: 25px;
}

.field-row__title{
    margin-bottom: 10px;
}

.btn{
    position: relative;
    color: #303030;
    font-family: houschka;
    font-weight: 400;
    font-size: 23px;
    display: inline-block;    
    line-height: 1;
    padding: 0.5em 1.5em;
    background: #FFCC00;
    border-right: 2px solid #E3B600;
    border-bottom: 2px solid #E3B600;
    text-decoration: none;    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;        
}

.btn:hover{
    background: #FFD900;
}

.btn:active{
    border: none;
    top: 2px;
    left: 2px;
}



/*================================================*\
                    FOOTER
\*================================================*/

#site-footer{
    background: #404041;
    color: #fff;
    font-family: houschka;
    font-weight: 400;
    padding: 40px 0 100px;
}

.copyright{
    max-width: 50%;
}

.footer-nav{
    margin-bottom: 15px;
}

.footer-nav > li{
    float: left;    
    margin-right: 15px;
}

.footer-nav > li > a{
    color: inherit;
    text-decoration: none;
}

.footer-nav > li > a:hover, .footer-nav > li > a:active,
.additional-list > li > a:hover, .additional-list > li > a:active{
    text-decoration: underline
}

.additional-list > li{
    float: left;
    margin-right: 20px;
}

.additional-list > li > a{
    color: #949494 !important;
    text-decoration: none;
}

.copyright-text{
    color: #949494; 
}

.author{
    position: relative;
    text-decoration: none;
}

.author > img{
    position: absolute;
    left: -70px;
    top: -20px;
}

.author:hover{
    color: #FFCC00;
}

.about-project{
    color: #828283 !important;
}

.about-project:hover{
    text-decoration: none;
}