/* © woodmart-group.ru */

body{
    margin:0;
    padding:0;
    border:0;
    background:#f2f5f9;
    color:#567596;
    font:400 14px "PT Sans", Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
    letter-spacing:0.2pt;
    line-height:1.4;}

a {text-decoration: none;}
.b {font-weight:700;}


.container, .header, .head-line, .head-line-table-row,
.head-line-left, .head-line-right,
.head-logo-block-table,
.head-logo-block-row,
.head-logo-block-img,
.head-logo-block-text,
.line-link, .nav-main, .nav-main a, .nav-product, .nav-product a, 
.head-line-phone-block, .head-line-phone-block a,
.time, .phone,
.head-menu-block, .menu-box, .menu-l-b, .menu-l-sp,
.mob-name,
.slider,
.slider-main,
.slider-mask,
.slide-content,
.slide-content-box1,
.slide-content-box2,

.slider-manufacture,


.cat-block,

.content, .content p, .title,

.footer, .footer-nav, .footer-nav-link,
.fixed-call-footer,
.fixed-call-footer a,
.fixed-call-footer-table,
.fixed-call-footer-row,
.fixed-call-footer-icon,
.fixed-call-footer-text,

.price-title, price-product-title, 
.price-product-table-td-size-sort-name, .price-product-table-td-cost-name, 
.price-product-table-td-size-sort, .price-product-table-td-cost,

a.nav-product-link:after

{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



/* ===========  H E A D E R  ============ */
.container{
    width: 96%;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 22px 1px rgba(67,84,109,0.7);}

.top-line {height: 160px;}

.mob-name {
    display: none;
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    height: 160px;
    margin: 0 auto;
    padding: 70px 0 0;
    color:#415a74;
    font-size: 17px;
    font-weight: 700;
    font-family: "Open Sans";
    text-transform: uppercase;
    text-align:center;
    background:rgba(242,244,251,0.7);
    letter-spacing:1pt;}



.header {
    width: 96%;
    max-width: 1200px;
    min-width: 280px;
    position: fixed;
    background: #fff;
    box-shadow:0 5px 5px -5px rgba(67, 84, 109, 0.75);}

.head-line {
    display: table; 
    width: 100%;}

.head-line-table-row {display: table-row; width: 100%;}





.head-line-left {
    display: table-cell;
    vertical-align: middle;
    padding:0 0 0 10px;
    height: 82px;
    min-width: 280px;
    text-align: left;}



/* ==== Ëîãîòèï ==== */

.head-logo-block-table {
    display: table;
    vertical-align: middle;}

.head-logo-block-row {display: table-row; width: 100%;}

.head-logo-block-img {
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    width: 90px;
    background: url("../images/logo.svg") center center no-repeat;
    background-size:auto 30px;}

.head-logo-block-text {
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    color:#415a74;
    font-size: 17px;
    font-weight: 700;
    font-family: "Open Sans";
    text-transform: uppercase;}




.head-line-middle {
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    padding: 0 20px 0 0;
    text-align: right;}





/* ==== NAV MAIN ==== */

.nav-main {
    width: 100%;
    background: #fff;
    padding: 2px;
    text-align: right;}

.line-link {
    display: inline-block;
    vertical-align: middle;
    padding: 17px 20px 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans";
    text-transform: uppercase;
    letter-spacing:0.7px;
    transition: all 0.3s ease;}

a.line-link:link {color:#4b6987;}
a.line-link:visited {color:#4b6987;} 
a.line-link:hover {color:#4b6987;}
a.line-link:active {color:#4b6987;}

a.line-link:after {
    display: block;
    content: "";
    height: 1px;
    width: 0%;
    background-color: #fff;
    transition: all .7s ease;} 

a.line-link:hover:after {width: 100%; background-color: #bf8d64;}




.head-line-right {
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    min-width: 200px;
    text-align: right;}

.head-line-phone-block {
    display: inline-block;
    vertical-align: middle;
    padding:0 36px 0 0;}

.head-line-phone-block a{
    display:inline-block;
    vertical-align:middle;
    color:#567596;}

.time {
    height: 16px;
    font-size:11px;
    color:#7A96B4;
    letter-spacing:0.3pt;}

.phone {
    text-align:right;
    font-size:20px;
    font-weight:400;
    padding: 5px 0;
    font-family:"Open Sans", sans-serif;
    letter-spacing:1px;
    color:#415a74;}



/* ==== Êíîïêà ìåíþ ==== */

.head-menu-block {
    display: inline-block;
    display: none;
    vertical-align: middle;
    height: 40px;
    width: 80px;
    padding: 15px 28px 0;}

.menu-box {height: 13px; width: 24px;}
.menu-l-b {height: 3px; width: 24px;background:#8a92A4;}
.menu-l-sp {height: 2px; width: 24px;}





/* =========== NAV PRODUCT ============ */

.nav-product {
    width: 100%;
    background: rgba(242,244,251,0.3);
    padding: 2px 20px;
    text-align: right;
    border-top: dotted 1px #E3E8EE;}




.nav-product-link {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 20px;
    margin: 2px;
    font-size:14px;
    font-weight:400;
    font-family:"PT Sans", sans-serif;
    transition:all 0.3s ease;}



a.nav-product-link:link {color:#567596;}
a.nav-product-link:visited {color:#567596;} 
a.nav-product-link:hover {color:#4b6987;}
a.nav-product-link:active {color:#567596;}




a.nav-product-link:after {
    display: block;
    content: "";
    height: 1px;
    width: 0%;
    background-color: #fff;
    transition: all .7s ease;} 

a.nav-product-link:hover:after {width: 100%; background-color: #bf8d64;}












/* ===========  S L I D E R  ============ */
.slider {
    width: 100%;
    height: 435px;
    background-size: 100%;}

.slider-main {
    width: 100%;
    height: 435px;
    background: url("../images/main.jpg") center center no-repeat;
    background-size:auto 600px;}


.slider-manufacture {
    width: 100%;
    height: 435px;
    background: url("../images/manufacture.jpg") center center no-repeat;
    background-size:auto 600px;}


.slider-mask {
    height:435px;
    width:100%;
    background-color:rgba(4, 18, 33, 0.5);
    background: linear-gradient(to right, rgba(4, 18, 33, 0.8), rgba(4, 18, 33, 0.1));}


.slide-content {width:80%;}

.slide-content-box1 {
    font-size:28px;
    font-weight:400;
    color:#ebd143;
    font-family:"Open Sans", sans-serif;
    padding:80px 0 0 100px;
    letter-spacing:0.4pt;}

.slide-content-box1-span {background-color:rgba(4, 18, 33, 0.2);}



.slide-content-box2 {
    font-size:17px;
    font-weight:600;
    color:#F2F5F9;
    font-family:"Open Sans", sans-serif;
    padding:20px 0 0 100px;
    letter-spacing:0.4pt;}

.slide-content-box2-span {}







/* ===========  C O N T E N T  ============ */
.content{
    min-height:250px;
    width:100%;
    padding:40px 40px 60px;
    background:#fff;
    line-height:1.4;}

.content p {margin: 16px 0 0 0;}

.title{
    padding:40px 0 20px;
    margin:0 0 30px 0;
    font-size:19px;
    font-weight:400;
    font-family:"Open Sans", sans-serif;
    text-transform:uppercase;
    border-bottom: solid 1px #E3E8EE;
    text-align:center;}

.content a { text-decoration: none; 
    color: #567596;
    border-bottom: dotted 1px #567596;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.content a:link {color: #567596;}
.content a:visited {color: #567596;}
.content a:hover {color: #914f3e;border-bottom: dotted 1px #bf8d64;}
.content a:active {color: #567596;}






/* ===========  P R I C E  ============ */


.price-product-title {
    margin: 0 0 20px 0;
    padding: 10px;
    font-weight: 400;
    font-size: 17px;
    font-family:"Open Sans", sans-serif;
    text-align: center;}

.price-product-table {
    width: 100%;
    margin: 0 0 30px 0;
    display: table;
    border-collapse: separate;
    border-spacing: 2px;}

.price-product-table-row-head {display: table-row;}

.price-product-table-td-size-sort-name {
    display: table-cell;
    vertical-align: middle;
    background: rgba(216,220,235,0.7);
    font-weight: 700;
    font-size: 14px;
    padding: 10px;}

.price-product-table-td-cost-name {
    display: table-cell;
    vertical-align: middle;
    background: rgba(216,220,235,0.7);
    width: 30%;
    font-weight: 700;
    font-size: 14px;;
    padding: 10px;}

.price-product-table-row-content {display: table-row;}

.price-product-table-td-size-sort {
    display: table-cell;
    vertical-align: middle;
    background: rgba(242,244,251,0.7);
    padding: 10px;}

.price-product-table-td-cost {
    display: table-cell;
    vertical-align: middle;
    background: rgba(242,244,251,0.7);
    width: 30%;
    padding: 10px;}

















/* ===========  F O O T E R  ============ */

.footer {
    width:100%;
    margin:0 auto;
    padding:30px 40px 30px;
    font-size:13px;
    font-weight:400;
    font-family:"PT Sans", sans-serif;
    line-height:1.5;
    background:#8a92A4;
    color: #E3E4E8;}

.year:before{content: "2013-2025. ";}


.footer a { 
    text-decoration: none; 
    color: #fff;
    border-bottom: dotted 1px #fff;
    transition: all 0.3s ease;}
.footer a:link {color: #fff;}
.footer a:visited {color: #fff;}
.footer a:hover {color: #fff; border-bottom: solid 1px #fff;}
.footer a:active {color: #fff;}







/* ===========  F O O T E R   N A V  ============ */


.footer-nav {display: none;}

.footer-nav-link {
    display: block;
    padding: 17px 24px 16px;
    font-family:"Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    background: rgba(216,220,235,0.7);
    border-top:solid 1px #fff;
    color: #4B566D;
    text-align:center;
    text-transform:uppercase;}









/* ===========  FIXED CALL FOOTER  ============ */

.fixed-call-footer{
    display:none;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;}

.fixed-call-footer a{
    display:block;
    width:96%;
    max-width:1200px;
    min-width:280px;
    margin:0 auto;
    background-color:rgba(181, 0, 28, 0.7);
    border-top:solid 1px #fff;
    padding:13px 2px;
    text-align:center;
    font-size:14px;
    font-weight:400;
    font-family: "Open Sans";
    text-transform:uppercase;}

.fixed-call-footer-table{
     display:table; 
     margin:0 auto;}

.fixed-call-footer-row{display:table-row;}

.fixed-call-footer-icon{
    display:table-cell;
    vertical-align:middle;
    height:20px;
    width:20px;
    background:url("../images/icon-phone.svg") left center no-repeat;}

.fixed-call-footer-text{
    display:table-cell;
    vertical-align:middle;
    height:20px;
    padding:0 0 0 6px;
    color:#eaebec;
    letter-spacing:1pt;}








/* ===========  1 1 0 0  ============ */
@media screen and (max-width: 1100px) {

/* == øàïêà == */
    .head-line-left {min-width: 200px;}
    .phone {font-size:19px;}
/* == øàïêà == */


    .nav-product-link {padding: 5px 14px;}

}






/* ===========  9 5 0  ============ */
@media screen and (max-width: 950px) {

/* == øàïêà == */
   .header {border-bottom: solid 1px #E3E8EE;}
   
   .nav-main {display: none;}
   .time {display: none;}
   .phone {padding: 12px 0 10px; font-size:18px;}
   .head-menu-block {display: inline-block;}

   .nav-product {display: none;}
   .top-line {height: 80px;}
/* == øàïêà == */


    .slider-main {
        height: 450px;
        background-size:auto 450px;}

     .slider-manufacture {
        height: 450px;
        background-size:auto 450px;}


    .slider-mask {height:450px;}



   .footer {border-bottom: solid 46px #8B95A3;}
   .footer-nav {display: block;}
   .fixed-call-footer{display:block;}

}






/* ===========  6 5 0  ============ */
@media screen and (max-width: 650px) {

/* == øàïêà == */
   .head-line-phone-block {padding:0 6px 0 0;}
   .phone {padding: 11px 0 11px; font-size:17px;}
   .head-line-left {
       height: 50px;
       min-width: 180px;}
   .head-line-middle {height: 50px;}
   .head-line-right {height: 50px;}
   .head-logo-block-img {
       height: 50px;
       width: 50px;
       background-size:auto 20px;}
   .head-logo-block-text {
       height: 50px;
       font-size: 15px;
       font-weight:400;}
    .top-line {height: 50px;}
/* == øàïêà == */


    .slider-main {
        height: 435px;
        background-size:auto 435px;}

    .slider-manufacture {
        height: 435px;
        background-size:auto 435px;}



    .slide-content {width:100%;}

    .slide-content-box1 {
        padding:80px 20px 0;
        font-size:22px;
        text-align:center;
        background: linear-gradient(rgba(4, 18, 33, 0), rgba(4, 18, 33, 0.4));}

    .slide-content-box1-span {background-color:transparent;}

    .slide-content-box2 {
        padding:20px 20px 0;
        font-size:17px;
        text-align:center;
        background: linear-gradient(rgba(4, 18, 33, 0.4), rgba(4, 18, 33, 0));}


}






/* ===========  5 0 0  ============ */
@media screen and (max-width: 500px) {

/* == øàïêà == */
    .head-logo-block-img {display: inline-block;}
    .head-line-left {
        width: 10%;
        min-width: 60px;}
    .head-line-right {width: 90%;}
    .phone {padding: 11px 0 11px; font-size:15px;}
    .head-menu-block {
        width: 60px;
        padding: 15px 18px 0;}
/* == øàïêà == */

     .content {padding:40px 28px 60px;}
     .footer {padding:30px 28px 30px;}

}






/* ===========  4 5 0  ============ */
@media screen and (max-width: 450px) {

/* == øàïêà == */
    .head-logo-block-text {display: none;}
    .mob-name {display: block;}
/* == øàïêà == */

}






/* ===========  3 1 0  ============ */
@media screen and (max-width: 310px) {

/* == øàïêà == */
    .head-line-left {min-width: 40px;}
    .head-menu-block {
        width: 40px;
        padding: 15px 8px 0;}
/* == øàïêà == */



    .slide-content-box1 {padding:60px 20px 0;}




}