/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }
    ::-moz-focus-inner { border: 0; padding: 0; }
    body { margin:0; padding:0;}
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
      display: block;
    }
    
    div{ margin:0; outline:0;}
    ul {outline:0;}
    a:active,
    a:hover {
      outline: 0;
    }
    
    img, a:link img, a:visited img, a:hover img, a:active img { border: 0; }
    a:focus { border:0px; }
    a { color: #422E1A; text-decoration: none; }
    a:hover { color:#F9AA01; text-decoration:underline; }
    
    
    html {background:#fff url(/images/bg.jpg) center no-repeat fixed; background-size:cover; width:100%; overflow-x:hidden;}
    body {min-width:1300px; font-size: 16px; line-height: 1.3; color:#333333; font-weight:normal;}
     
    
    .clear { height:0px; width:100%; clear:both; }
    
    
    div {
    	box-sizing: border-box;
    }
    a {
    	box-sizing: border-box;
    }
    input {
    	box-sizing: border-box;
    }
    
    
    body {
        color: #303030;
        background:#fff;
        width:1300px;
        margin:30px auto;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
        overflow:hidden;
        border-radius:20px;
    }
    
    
    body {font-family: 'Muller', 'Arial', sans-serif;}

    
    .center-box {
        width:1200px;
        margin:0 auto;
        position:relative;
	    z-index:100;
    }
    .center-box:after {
        content: '';
        display: block;
        clear: both;
        width:100%;
        height:0px;
    }
    
    .center-box.cb_top {
        margin-top:70px;
    }
    
    /******/
    .header {
        padding:90px 0;
        background:#fff url(/images/bg.jpg) center right no-repeat;
        background-size:contain;
        height: 460px;
        position:relative;
    }
    .header .grad {
        width:100%;
        background: url(/images/header_grad.png) center left no-repeat;
        background-size:cover;
        height: 460px;
        position:absolute;
        z-index:10;
        top:0;
        left:0;
    }
    .header-logo {
        float:left;
        width:330px;
        text-align:center;
    }
    .header-logo a {
        display:block;
    }
    .header-logo img {
        display:inline-block;
    }
    .header-info {
        float:left;
        width:800px;
        text-align:left;
    }
    .header-name {
        font-size:60px;
        line-height:60px;
        text-transform: uppercase;
        font-weight:600;
        margin-bottom: 20px;
        margin-top:30px;
        color:#396eb6;
    }
    .header-name span {
        font-size:44px;
        line-height:44px;
        font-weight:500;
        display:block;
    }
    .header-adres {
        font-size: 24px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 20px;
        color: #4f4f4f;
        padding:6px 0 0 50px;
        background:url(/images/h_adr.png) left top 4px no-repeat;
    }
    .header-telefon {
        font-size:28px;
        line-height:28px;
        font-weight:600;
        color:#4f4f4f;
        padding:6px 0 0 50px;
        background:url(/images/h_tel.png) left top 4px no-repeat;
    }
    .header-telefon a {
        color:#4f4f4f;
    }
    
.mob-menu {
    display: none;
}
    
    .navigation {
        background:#5f5c5c;
        color:#fff;
        position:relative;
        z-index:100;
    }
    .navigation .shadow {
        position:absolute;
        width:100%;
        height:30px;
        background:url(/images/shadow.png) center top no-repeat;
        bottom:-30px;
        opacity:0.8;
    }
    ul.menu {
        display:block;
        margin:0;
        padding:0;
        list-style:none;
    }
    ul.menu li {
        display: block;
        float: left;
    }
    ul.menu li a {
        display:block;
        padding:15px 20px 12px;
        font-size:18px;
        line-height:18px;
        border-left:1px solid #888;
        color:#fff;
        background:transparent;
        text-decoration:none;
        transition: all 0.5s ease-in;
        border-bottom:3px solid transparent;
    }
    
    ul.menu li a:hover {
        background:#00000066;
        border-bottom:3px solid #fff;
    }
    ul.menu li.active a {
        background:#396eb633;
    }
    ul.menu li.last a {
        border-right:1px solid #888;
    }
    
    .titler {
        font-size:32px;
        line-height:32px;
        text-transform: uppercase;
        font-weight:600;
        margin-bottom:30px;
        color:#396eb6;
        position:relative;
    }
    
    .titler .strok {
        width:200px;
        height:4px;
        background:#a20b1f;
    }
    
    .categories {
        padding:70px 0;
        background:#fff url(/images/prod_bg.png) center no-repeat;
        background-size:cover;
        position:relative;
        z-index:10;
    }
    .categories .shadow {
        position:absolute;
        width:100%;
        height:30px;
        background:url(/images/shadow.png) center top no-repeat;
        bottom:-30px;
        opacity:0.4;
        z-index:20;
    }
    .cat-item {
        display:block;
        float:left;
        width:24%;
        height:250px;
        border-radius:10px;
        background:#eee;
        position:relative;
        margin:0 0.5%;
        color:#0e50a6;
        box-shadow: 0 0 0 rgba(0,0,0,0.5);
        overflow:hidden;
        transition: all 0.5s ease-in;
        background-size:cover!important;
    }
    .cat-item:hover {
        color:#a20b1f;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    .cat-item > div {
        display:block;
        position:absolute;
        bottom:0;
        right:0;
        text-align:right;
        padding:15px 10px 10px 15px;
        font-size:14px;
        line-height:14px;
        text-transform:uppercase;
        background:#ffffffaa;
        border-radius:20px 0 0 0;
        font-weight:bold;
    }
    
    .tovars {
        padding:70px 0;
        background:#dfeef9;
        position:relative;
        z-index:15;
    }
    .tovars .shadow {
        position:absolute;
        width:100%;
        height:30px;
        background:url(/images/shadow.png) center top no-repeat;
        bottom:-30px;
        opacity:0.4;
        z-index:20;
    }
    
    .tov-item {
        display:block;
        float:left;
        width:390px;
        height:300px;
        border-radius:10px;
        background:#eee;
        position:relative;
        margin:0 0 15px;
        color:#0e50a6;
        box-shadow: 0 0 0 rgba(0,0,0,0.5);
        overflow:hidden;
        background-size:cover!important;
        transition: all 0.5s ease-in;
    }
    .tov-item.ti_center {
        margin:0 15px;
    }

    .tov-item:hover {
        color:#a20b1f;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    .tov-item .main {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: right;
        padding: 15px 20px 10px 20px;
        font-size: 21px;
        line-height: 21px;
        /*text-transform: uppercase;*/
        background: #ffffffaa;
        border-radius: 20px 0 0 0;
        font-weight: bold;
    }
    .tov-item span.sub {
        text-align:right;
        font-size:9px;
        line-height:10px;
        text-transform:unset;
        color:#333;
        display:block;
    }
    .tov-item .price {
        text-align:right;
        font-size:21px;
        line-height:21px;
        text-transform:unset;
        color:#333;
        display:block;
        margin-top:10px;
    }
    
    .series {
        padding:70px 0;
        background:#a20b1f22 url(/ser-fon.jpg) center no-repeat;
        background-size:cover;
    }
    .ser-item {
        display:block;
        float:left;
        width:16%;
        height:180px;
        border-radius:10px;
        background:#eee;
        position:relative;
        margin:5px 0.3%;
        color:#0e50a6;
        box-shadow: 0 0 0 rgba(0,0,0,0.5);
        overflow:hidden;
        transition: all 0.5s ease-in;
        background-size:cover!important;
    }
    .ser-item:hover {
        color:#a20b1f;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    .ser-item > div {
        display:block;
        position:absolute;
        bottom:0;
        right:0;
        text-align:right;
        padding:15px 10px 10px 15px;
        font-size:14px;
        line-height:14px;
        text-transform:uppercase;
        background:#ffffffaa;
        border-radius:20px 0 0 0;
        font-weight:bold;
    }
    .ser-item .price {
        text-align:right;
        font-size:16px;
        line-height:16px;
        text-transform:unset;
        color:#333;
        display:block;
        margin-top:10px;
    }
    
    
    /**/
.tovar_imgs {
    float:left;
    width:570px;
}
.tovar_img {
   width:570px;
   height:400px;
   border:1px solid #fff;
   border-radius:5px;
   margin-bottom:20px;
   background-size: contain !important;
   background-color:#fff!important;
   display:block;
}
.tovar_img img {
   height:auto;
   max-width:100%;
}
.tovar_img_item {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    width:180px;
    height:120px;
    background-color:#fff!important;
    background-size:contain!important;
     border:1px solid #fff;
   border-radius:5px;
   cursor:pointer;
}

.video_list iframe {
   width:570px;
   height:400px;
   border:1px solid #eee;
   border-radius:5px;
   margin-bottom:20px;
   background-size: cover !important;
   background-color:#fff !important;
   display:block;
   margin:10px auto;
}

.tovar_right {
    float:right;
    width:600px;
}
.tovar_cost {
    margin-bottom:20px;
}
.tovar_desc {
    overflow:hidden;
}
.dops_link {
    margin-top:-10px; margin-bottom:20px; padding-top:0;color: #396eb6; font-size:18px; font-weight:normal; text-decoration:underline; cursor:pointer
}
.dops_list {
    background:#fff;
    border-radius:5px;
    margin:10px 0;
    padding:20px;
    display:none;
}
    /**/
    
    .aboute {
        padding:50px 0;
    }
    .aboute-img {
        float:left;
        margin-right:30px;
        margin-bottom:20px;
    }
    .aboute-img img {
        border-radius: 20px;
    }
    
    .bigfit {
        font-size:21px;
        color:#0e50a6;
    }
    .map {
        height:auto;
        position:relative;
        width:100%;
    }
    .map .center-box {
        padding:50px 0;
    }
    .map-box {
        float:left;
        height:300px;
        background:#fff;
        width:500px;
        z-index:100;
    }
    .map-text {
        float:right;
        height:auto;
        background:#fff;
        width:600px;
        z-index:100;
    }
    .map h3 {
        color: #396eb6;
        margin-bottom:0;
        padding-bottom:0;
    }
    .map p {
        margin-top:0;
    }
    .map .shadow {
        position: absolute;
        width: 100%;
        height: 30px;
        background: url(/images/shadow.png) center top no-repeat;
        top: 0;
        opacity: 0.4;
        z-index: 20;
    }
    .footer {
        background:#666;
        color:#fff;
    }
    .footer {
        padding:20px 0;
    }
    .footer a {
        color:#aaa;
    }
    .footer .copy {
        float:left;
    }
    .footer .develop {
        float:right;
    }