@import "http://fonts.fontstorage.com/import/roboto.css";
html{font-family: 'Roboto';}
h2{
    font-weight: bold;
    font-size: 36px;
}
h3{
    font-weight: bold;
    font-size: 24px;
}


.mt30{margin-top: 30px;}
.p0{padding: 0 !important;}
.main-nav{
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.main-nav ul li a, .footer-nav ul li a{
    text-transform: uppercase;
    /*font-size: 13px;*/
    font-size: 14px;
    font-weight: 500;
}
.main-nav ul li{
    position: relative;
}
nav ul li.active{background-color: rgba(255,255,255,0);}
.main-nav ul li.active a,
.main-nav ul li:hover a
{
    background-color: rgba(255,255,255,0);
    color: #84cd5c !important;
}
.main-nav ul li ul, .footer-nav ul li ul{
    display: none;
    width: 200%;
}
.main-nav ul li ul{
    position: absolute;
    z-index: 11;
}
.main-nav ul li ul li{
    width: 100%;
    background: #fff;
    line-height: 30px;
}
.main-nav ul li ul li:after{
    content: "";
    border-bottom: 1px solid #ccc;
    width: 87%;
    position: absolute;
    bottom: 0px;
    left: 15px;
}
.main-nav ul li ul li:last-of-type:after{display: none;}
.main-nav ul li ul .first{
    padding-top: 10px;
}
.main-nav ul li ul .last{
    padding-bottom: 10px;
    border-radius: 0px 0px 7px 7px;
}
.main-nav ul li ul li a,
.main-nav ul li.active ul li a,
.main-nav ul li:hover ul li a{
    font-size: 13px;
    color: #2e2e30 !important;
    text-transform: none;
}
.main-nav ul li ul li:hover a{
    color: #84cd5c !important;
}
.menu-btn{color: #84cd5c !important;}
.input-field input[type="search"] + label {
    top: 0.5rem;
    right: 1rem;
    left: auto;
}
.input-field input[type="search"]{
    margin-bottom: 0px;
    height: 40px;
    background-color: #eeeeee;
    border: none;
}
.input-field.right label{right: 0;}
.address-head{
    margin-top: 10px;
    padding-left: 0px !important;
}
.address-head i{
    font-size: 18px;
    display: block;
    width: 19px;
    height: 45px;
    float: left;
    line-height: 21px;
}
.tel-head{padding: 0px !important;}
.tel-head p{
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: bold;
    margin-top: 9px;
}
.tel-head a{font-size: 12px;}
.carousel-slider{
    border-top: 1px solid #ececec;
    height: 390px;
}
#topslider .item{
    height: 390px;
    overflow: hidden;
    background-position: center;
}
.rcol{height: 390px;}
.info-panel{
    background-image: url(../img/bg-head.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 568px;
    width: 100%;
    max-height:329px;
    height: 100%;
    padding: 34px 65px;
    text-align: center;
}
.mini-logo{
    width: 100px !important;
    margin: 0px auto;
}
.info-panel h1{
    font-weight: bold;
    color: #2e2e30;
    font-size: 38px;
}
.info-panel .btn, .form-block .btn, .btn{
    background-color: #f83400;
    font-size: 12px;
}
.btn:hover{
    background-color: #ff6e40;
}
.item-preim img{
    background-color: #fefbf9;
/*    height: 170px;
    clear: both; */
    padding: 0px 16% 10px;
    display: block;
    margin: 30px auto 10px;
}
.item-preim span{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.section3{
    background-color: #f7f7f9;
}
.section3 .block{
    height: 230px;
    padding: 10px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    cursor:pointer;
}
.section3 .block1{background-image: url(../img/block1.png);}
.section3 .block2{background-image: url(../img/block2.png);}
.section3 .block3{background-image: url(../img/block3.png);}
.section3 .block4{background-image: url(../img/block4.png);}
.info-price{
    width: 230px;
    background-color: #fff;
    padding: 45px 30px;
    min-height: 211px;
    /*margin: 10px 0px;*/
}
.info-price h3{
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 5px;
}
.info-price hr{
    width: 55px;
    margin: 0px;
    border: 2px solid;
}
.info-price .price{
    font-size: 18px;
    font-weight: bold;
    color: #f83400;
}
.works > .col{
    margin-bottom: 20px;
    min-height: 180px;
}
.item-work{position: relative;}
.item-work img{width: 100%;}
.item-work span{
    position: absolute;
    bottom: 7px;
    right: 0px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    background-image: url('../img/bg-works.png');
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 15px 20px;
}
.section5{
    background-image: url('../img/bg-number.jpg');
}
.number-item{
    padding-top: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.number-item1{
    background-image: url('../img/number-fon1.png'); 
}
.number-item2{
    background-image: url('../img/number-fon2.png'); 
}
.number-item3{
    background-image: url('../img/number-fon3.png'); 
}
.number-item4{
    background-image: url('../img/number-fon4.png'); 
}
.number-item .number{
    font-size: 36px;
    font-weight: bold;
    color: #2e2e30;
    margin-bottom: 20px;
}
.number-item .number-text{
    margin-top: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.section6{
    padding: 70px 0px;
}
#partners .item{
    display: table-cell;
    vertical-align: middle;
}
.partcontrol{
    float: right;
    position: relative;
    top: -66px;
    right: 0px;
}
.partcontrol > div{
    border: 1px solid #eee;
    line-height: 0px;
    cursor: pointer;
}
.partcontrol .prev{float: left;}
.partcontrol .next{float: right;}

.testimcontrol > div{
    border: 1px solid #eee;
    line-height: 0px;
    cursor: pointer;
}
.testimcontrol .prev{
    float: left;    
    position: relative;
    top: -226px;
    left: 24px;
    z-index: 1;}
.testimcontrol .next{
    float: right;    
    position: relative;
    top: -226px;
    right: 22px;
    z-index: 1;
}
.section7{
    background-color: #f7f7f9;
    min-height: 545px;
}
.item-testimonial{margin: 50px 7%;padding-bottom: 60px;}
.item-testimonial .foto{
    position: relative;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 65%;
    overflow: hidden;
    text-align: center;
    border: 10px solid #f7f7f9;
    top: -45px;
}
.item-testimonial .foto img{width: 100%;}
.item-testimonial .name{
    color: #2e2e30;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
}
.item-testimonial .city{
    font-size: 12px;
    font-style: italic;
    color: #aaaaaa;
    margin-top: 10px;
}
.item-testimonial .text{
    
    color: #2e2e30;
    font-size: 14px;
     transition: all 1s ease-out 0.5s;
}
#testimonial .active:nth-of-type(even){}
#testimonial .active:nth-of-type(2) .item-testimonial .text{
    display: block;
}
#testimonial .owl-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    height: 426px;
}
.footer{
    background-color: #2e2e30;
    width: 100%;
    overflow: hidden;
}
.footer-nav ul li a{
    color: #fff;
}
.footer-contact{
    
}
.footer-contact p{
    height: auto;
    line-height: 19px;
    margin: 20px 0px 0px;
    font-size: 19px;
}
.footer-contact .btn-order{
    font-size: 12px;
    margin-top: 15px;
    text-decoration: underline;
}
.footer-contact .social{}
.footer-contact .social a{margin: 0px 15px 0px 0px;}
.footer-contact .social a:hover i.fa-facebook{color: #4267b2;}
.footer-contact .social a:hover i.fa-vk{color: #507299;}
.footer-contact .social a:hover i.fa-odnoklassniki{color: #ee8208;}
footer{
    background-color: #262628;
    color: #4d5359;    
    overflow: hidden;
    line-height: 50px;
}

[type="radio"]:not(:checked), [type="radio"]:checked 
{
    position:relative;
    left:unset;
    opacity: 1;
}


footer a{
    color: #4d5359;
    text-decoration: underline;
}
.wind1section{
    background-image: url('../img/bg-w-s2.png');
}
.wind1section .tabs{
    text-align: center;
    background-color: transparent;
    margin-bottom: 20px;
}
.wind1section .tabs .tab{
    text-transform: capitalize;
    font-size: 16px;
    position: relative;
}
.wind1section .tabs .tab:before{
    content: "/";
    position: absolute;
    right: 0;
}
.wind1section .tabs .tab:last-of-type:before{
    display: none;
}
.wind1section .tabs .tab a{
    text-decoration: underline;
    color: #2e2e30;
}
.wind1section .tabs .tab a.active{
    text-decoration: none;
}
.wind1section .tabs .indicator{display: none;}
.section5 h4{font-size: 14px;font-weight: bold;text-transform: uppercase;}
.section5 .bg50{
    background-image: url(../img/bg50.png);
    padding: 0px 10px;
}
.form-block{
    height: 100px;
    background-color: #3b4a33;
    padding-top: 30px;
}
.getsale input[type=text],.getsale input[type=tel]{
    background-color: #fff;
    height: 41px;
    padding-left: 15px;
    width: 93%;
}
.getsale .btn{height: 40px;}
.section6w{
    background-image: url('../img/bg-w-s6.png'); 
    background-position: center bottom;
}
.lam{
    margin: 0 auto;
    max-width: 586px;
}
.lamico{
    cursor: pointer;
    float: left;
    margin: 13px;
    border-radius: 50%;
    position: relative;
    height: 115px;
    width: 115px;
    transition: box-shadow 1s ease-out 0.5s;
}
.lamico:after{
    content: " ";
    box-shadow: inset 0px 10px 7px 4px rgba(0,0,0,0.45);
    opacity: 1;
    transition: opacity 0.2s ease-out 0s;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lamico:hover::after{opacity: 0;}
.lamico:before{
    content: " ";
    box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.45);
    opacity: 0;
    transition: opacity 0.2s ease-out 0s;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lamico:hover::before{opacity: 1;}
/*.lamico:nth-of-type(1){margin-left: 0px;}
.lamico:nth-of-type(5n){margin-left: 0px;}*/
.lamico img{display: none !important;}
.wrap-lamcontrol{overflow: hidden;}
.lamcontrol{overflow: hidden;
    width: 60px;
    float: right;}
.lamcontrol > div{
    border: 1px solid;
    height: 27px;
    cursor: pointer;
}
.lamcontrol .prev{float: left;}
.lamcontrol .next{float: right;}
.wpreim{
    height: 121px;
    background-color: #f7feff;
    text-align: center;
    padding: 10px 0px;
    margin: 0px 12%;
    position: relative;
}
.wpreim:after{
    content: "";
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 41px;
    height: 2px;
    right: -32%;
    top: 50%;
}
#preim .col:nth-of-type(4) .wpreim:after{
    display: none;
}
#preim .title{
    color: #2e2e30;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#preim .text{
    color: #2e2e30;
    font-size: 14px;
    padding: 0px 20px;
}
#five-reasons h2{
    font-size: 27.98px;
}
#five-reasons .col{
    background-repeat: no-repeat;
    background-position-x: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#five-reasons .col:nth-of-type(1){background-image: url(../img/1.png);}
#five-reasons .col:nth-of-type(2){background-image: url(../img/2.png);}
#five-reasons .col:nth-of-type(3){background-image: url(../img/3.png);}
#five-reasons .col:nth-of-type(4){background-image: url(../img/4.png);}
#five-reasons .col:nth-of-type(5){background-image: url(../img/5.png);}
#five-reasons .col h4{font-size: 14px; font-weight: bold;color:#2e2e30;}
#five-reasons .col p{font-size: 14px; color:#2e2e30;}
.ws7-item{
    position: relative;
    margin: 0 auto;
    width: 116px;
    height: 116px;
}
.ws7-item img{display: none;}
.ws7-item:after{
    content: " ";
    box-shadow: 0px 7px 17px 4px rgba(0,0,0,0.40);
    opacity: 1;
    transition: opacity 0.2s ease-out 0s;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.ws7-item:hover::after{opacity: 0;}
.ws7-item:before{
    content: " ";
    box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.45);
    opacity: 0;
    transition: opacity 0.2s ease-out 0s;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.ws7-item:hover::before{opacity: 1;}
.section7w{
    height: 338px;
    background-image: url(../img/w2-bg-s7.jpg);
    background-position: center;
    margin-bottom: 180px;
}
.section7w .row{position: relative;bottom: -270px;}
.section7w p{
    color: #2e2e30;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.section8w{
    background-image: url(../img/bg-number.jpg);
}
#accessories h2{margin-bottom: 30px;}
.acces-item img{display: none;}
.acces-item{
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    height: 170px;
    width: 170px;
    transition: box-shadow 1s ease-out 0.5s;
}
.acces-item:after{
    content: " ";
    box-shadow: inset 0px 10px 7px 4px rgba(0,0,0,0.45);
    opacity: 1;
    transition: opacity 0.2s ease-out 0s;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.acces-item:hover::after{opacity: 0;}
.acces-item:before{
    content: " ";
    box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.45);
    opacity: 0;
    transition: opacity 0.2s ease-out 0s;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.acces-item:hover::before{opacity: 1;}
.section8w p,
.section8w p a{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.accessories{}
#FreeCallGager{
    background-image: url(../img/bg-number.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    height: 460px;
}
.call-form{
    background-size: contain;
    background-image: url(../img/bg-head.png);
    margin: 60px auto 0px;
    max-width: 565px;
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
}
.call-form .title{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-top: 9%;
    margin: 0px;
}
.call-form .phone{
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    margin: 0px;
}
.call-form .input-field{height: 40px;}
.call-form input:not([type]), 
.call-form input[type=text],
.call-form input[type=tel]{
    background-color: #fff;
    padding-left: 20px;
    width: 96%;
    color: #000;
}
.footer-man{
    position: relative;
    bottom: 25px;
}

#filter{
    min-height: 80vh;
    background-color: #f7f7f9;
    border-radius: 3px;
    padding: 10px 20px;
}
#filter fieldset{
    border: none;
}
#mse2_sort .sort{
    margin: 0px 10px;
}
.btn-filter button{
    padding: 0px 23px;
}
#filter .section{}
#filter .section .header{
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #dcdedc;
    padding-bottom: 5px;
}
#filter .section .header .click{
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 22px;
    height: 22px;
    text-align: center;
    box-shadow: 1px 3px 5px #eeeeee;
    cursor: pointer;
}
#filter .section .header .click i{
    font-size: 20px;
    line-height: 22px;
}
#filter .section .options,
#filter .section .options label{
    font-size: 13px;
    color: #2e2e30;
}
.mse2_pagination{
    clear: both;
    margin: 30px 0px 0px 0px;
    padding-top: 30px;
}


.top-filter .row .right select{
    width: 70%;
}
.catalog h1{
    margin: 0px;
    font-size: 36px;
    font-weight: bold;
}
.breadcrumb{
    margin-top: 20px;
    font-size: 12px;
    color: #aaaaaa;
}
.breadcrumb li{
    display: inline-block;
    padding: 0px 10px;
}
.breadcrumb li:nth-of-type(1){padding-left: 0px;}
.breadcrumb li a{color: #aaaaaa;}
.item-post{
    position: relative;
    /*    margin-top: 15px;*/
    margin-bottom: 15px;
}
.item-post .col{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.item-post .series{
    text-transform: uppercase;
    color: #fff;
    background-color: #84cd5c;
    display: inline-block;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: bold;
}
.item-post .series.seriesodd{float: right;}
.item-post .img {padding: 0px;height: 200px;position: relative;}
.item-post .img img.responsive-img{ display: none;   padding: 0px;}
.item-post .img .vendor{
    background-color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: 45px;
    padding: 7px;
}
.item-post .img .vendor img{height: 90%;}
.item-post .img .vendor.vendorodd{
    left: auto;
    right: 10px;
}
.item-post img.responsive-img{height: 100%;}
.item-post p{font-size: 14px;}
.item-post p.title{
    text-transform: uppercase;
    font-weight: bold;
}
.item-post .valign-wrapper{
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.item-post:nth-of-type(even) .bggrey{
    background-color: #f7f7f9;
    border-left: 1px solid #ccc;
    position: relative;
}
.item-post:nth-of-type(even) .bggrey:after{
    content: "";
    position: absolute;
    background-image: url(../img/shadowpost.png);
    height: 30px;
    width: 262px;
    background-position: bottom;
    left: 0px;
    transform: rotateY(180deg);
}
.item-post:nth-of-type(odd) .bggrey{
    position: relative;
    background-color: #f7f7f9;
    border-right: 1px solid #ccc;
}
.item-post:nth-of-type(odd) .bggrey:after{
    content: "";
    position: absolute;
    background-image: url(../img/shadowpost.png);
    height: 30px;
    width: 262px;
    background-position: bottom;
    right: 0px;
}
.bggrey  .valign-wrapper{
    align-items: center;
}
.bggrey:after{
    content: "";
    position: absolute;
}
#ask{
    background-image: url(../img/bg-number.jpg);
    -webkit-background-size: cover;
    background-size: cover;
}
#ask h2{margin-bottom: 0px;}
#ask h3{margin-top: 0px;}
#ask p{margin: 30px 0px 60px;}
#ask .call-as{
    margin: 30px 0px 60px;
    background-color: #f8e400;
    border-radius: 2px;
    color: #2e2e30;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 75px;
}
#tehnologi{
    background-color: #f7f7f9;
}
#tehnologi .text{
    font-size: 14px;
    color:  #2e2e30;
}
#tehnologi .title{font-weight: bold;text-transform: uppercase;}
#tehnologi .item-tehn{
    border: 1px solid #ececec;
    overflow: hidden;
    margin: 0px 21px 0px 13px;
}
#tehnologi .item-tehn .img{
    height: 180px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
}
#tehnologi .item-tehn .img .series{
    text-transform: uppercase;
    color: #fff;
    background-color: #84cd5c;
    display: inline-block;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: bold;
}
#tehnologi .item-tehn .col:nth-of-type(1){padding-left: 0px;}
#tehnologi .item-tehn .col:nth-of-type(1) img{
    height: 100%;
    display: block;
}
.item-preim{position: relative;}
.alumarktut .item-preim:nth-of-type(2) img{padding: 25px 0px 40px;}
.item-preim:after {
    content: "";
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 41px;
    height: 2px;
    right: -32%;
    top: 50%;
}
.item-preim:last-of-type:after{display: none;}
.alumarktut .item-preim:nth-of-type(2):after{top: 40%;}
#priceup{
    background-color: #f7f7f9;
    padding: 75px 0px;
}
#priceup h2{margin-top: 0;}
#priceup img{margin-top: 20px;}
.footer-woman {
    position: relative;
    bottom: 46px;
}
.item-product{
    border: 1px solid #dcdedc;
    border-radius: 3px;
}
.item-product .img-product{
    
}
.item-product .title-product{
    padding-left: 20px;
    padding-bottom: 10px;
    height: 60px;
}
.item-product .title-product a{
    color: #2e2e30;
    font-size: 15px;
    transition: all 0.2s ease-out 0s;
}
.item-product .title-product a:hover{
    color: #f83400;
    font-size: 15px;
}
.item-product .action-product{
    background-color: #f7f7f9;
    font-weight: bold;
    overflow: hidden;
}
.item-product .action-product .price{
    float: left;
    padding: 7px 0px 7px 20px;
    font-size: 19px;
    color: #2e2e30;
}
.item-product .action-product .btn{
    font-size: 12px;
    width: 93px;
    padding: 0px;
    float: right;
    height: 44px;
}
.itemMetalSiding,
.itemVinilSiding{
    font-size: 14px;
    color: #2e2e30;
    padding: 25px;
    border: 1px solid #ececec;
    margin-bottom: 20px;
}
#vinilGallery .item{
    position: relative;
}
#vinilGallery .sub-price{
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    background-color: #f83400;
    padding: 4px 15px;
    top: 90px;
    z-index: 2;
    color: #fff;
}
.itemMetalSiding .title,
.itemVinilSiding .title{
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px;
}
.itemMetalSiding .introtext,
.itemVinilSiding .introtext {
    margin: 20px 0px;
}
.itemVinilSiding .item-mini{
    float: left;
    margin-bottom: 5px;
}
.itemVinilSiding .item-mini a{
     display: block;

}
.itemVinilSiding{position: relative;}
.itemVinilSiding:after{
    content: "";
    position: absolute;
    background-image: url(../img/shadowbottom1.png);
    width: 100%;
    height: 40px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -40px;
    z-index: 1;
    left: 0;
}
.itemVinilSiding #tabs{overflow: hidden;}
.itemVinilSiding form{margin-top: 30px;}
.itemVinilSiding input[type='text']{
    font-size: 12px;
    color: #383a38;
    background-color: #eeeeee;
    padding-left: 20px;
    width: calc(100% - 20px);
    border-bottom: none !important;
    box-shadow: none !important;
}
.itemVinilSiding input[type='text']::-webkit-input-placeholder {color: #383a38;}
.itemVinilSiding input[type='text']::-moz-placeholder          {color: #383a38;}/* Firefox 19+ */
.itemVinilSiding input[type='text']:-moz-placeholder           {color: #383a38;}/* Firefox 18- */
.itemVinilSiding input[type='text']:-ms-input-placeholder      {color: #383a38;}
#tabs .tabs .tab a {
    color: #2e2e30;
    padding: 0 8px;
    text-transform: none;
}
#tabs .tabs .tab a.active {background-color: #f7f7f9;}
#tabs .indicator{display: none;}
.tabitem{
    background-color: #f7f7f9;
    padding-top: 20px !important;
}
.mselement .row{padding-top: 15px;}
.mselement .row img{background-color: #fff;}
.dopcolor{clear: both;}
.dop-title{
    font-weight: bold;
    font-size: 14px;
}
.item-mini-color{
    float: left;
    margin: 4px 4px 0px 0px;
}
.mini-color{
    width: 75px;
    height: 40px;
}
.item-mini-color p{
    font-size: 14px;
}
.color-cover{
    height: 120px;
    width: 38%;
    float: left;
    margin: 0px 20px 10px 0px;
}
.cover-title{
    font-size: 28px;
    text-transform: uppercase;
}
#house{
    position: relative;
    background-image: url(../img/house.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 790px;
    width: 990px;
    margin: auto;
}
.house-item{
    font-size: 11px;
    line-height: 12px;
    color: #2e2e30;
    max-width: 130px;
    display: block;
    position: absolute;
}
.house-item:hover{
    text-decoration: underline;
}
.sectionM1{
    /*background-color: #f7f7f9;*/
    padding: 20px 0px;
}
.sectionM2{/*padding: 50px 0px;*/}
.sectionM2 .container{    
    padding: 50px 0px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}
.item-metaltile{
    background-color: #fff;
    border: 1px solid #ececec;
    position: relative;
    margin-bottom: 30px;
}
.item-metaltile .popular, .item-metaltile .new{
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    background-color: #f83400;
    padding: 4px 15px;
    top: 90px;
    z-index: 2;
    color: #fff;
}
 .item-metaltile .new{
    background-color: #87cd60;
}
.item-metaltile:after{
    content: "";
    position: absolute;
    background-image: url(../img/shadowbottom1.png);
    width: 100%;
    height: 40px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -40px;
    z-index: 1;
}
.item-metaltile .title-metaltile{
/*     min-height: 77px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding: 35px 30px 0px; */
    min-height: 60px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1px;
    color:#000;
    padding: 15px 30px 0px;
}
.item-metaltile .title-metaltile a{color: #2e2e30;}
.item-metaltile .img-metaltile{
    width: 300px;
    height: 160px;
    margin-bottom: 20px;
    position: relative;
    margin: auto;
    overflow: hidden;
}
.text-metaltile{
   /*  min-height: 80px; */
    min-height: 40px;
    padding: 0px 30px;
    margin-bottom: 45px;
}
.item-metaltile .img-metaltile .price{
    background-color: #4b5261;
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
    padding: 6px 10px;
}
.ms2_product .size{
    background-color:#51CE52;
    color: #fff;
    position: absolute;
    top:0;
    right: 0px;
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
    padding: 6px 10px !important;
}

.item-metaltile .text-metaltile p{
    color: #2e2e30;
    font-size: 14px;
    
}
.sectionM1 .action-metaltile{
    background-color: #f7f7f9;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.sectionM1 .action-metaltile p{    
    float: left;
    padding-left: 30px;
    margin-top: 8px;
    margin-bottom: 9px;
    font-size: 19px;
    font-weight: bold;
}
.sectionM1 .action-metaltile .btn{float: right;height: 45px; line-height: 45px;}
.action-metaltile{
    background-color: #f7f7f9;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.action-metaltile p{    
    float: left;
    padding-left: 30px;
    margin-top: 8px;
    margin-bottom: 9px;
    font-size: 19px;
    font-weight: bold;
}
.action-metaltile .btn{float: right;height: 45px; line-height: 45px;}
#crovtext p{
    font-size: 14px;
    color: #2e2e30;
    font-weight: 500;
}
#tabcrov{
    
}
#tabcrov .tabs .tab {
    text-align: left;
}
#tabcrov .tabs .tab a{
    font-size: 19px;
    text-transform: none;
    color: #2e2e30;
    padding-left: 0px;
}
#tabcrov .tabs .tab a:hover, #tabcrov .tabs .tab a.active {
    background-color: transparent;
    color: #87cd60;
}
#tabcrov .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #87cd60;
    will-change: left, right;
}
.list-coverng .tabs{
    height: auto;
    width: 100%;
    background: none;
    margin: 0 auto;
    white-space: normal;
}
.list-coverng .tabs .tab{
    height: 40px;
}
.list-coverng .tabs .tab a{
    background-color: #eeeeee;
    padding: 7px 20px !important;
    line-height: 26px;
}
.list-coverng .tabs .tab a.active{
    background-color: #84cd5c !important;
    color: #fff !important;
}
.product h1{
    color: #2e2e30;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 3.34rem;
}
.product .price{
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 1.34rem;
}
.product .price .old-price{
    font-size: 19px;
    color: #aaaaaa;
    text-decoration: line-through;
}
.product .order{
    margin-bottom: 4.7rem;
    overflow: hidden;
}
#product-tabs{}
#product-tabs .tab{}
#product-tabs .tab a{
    text-transform: none;
    text-align: left;
    padding: 0px;
    font-size: 19px;
    color: #2e2e30;
    font-weight: bold;
}
#product-tabs .indicator{
    background-color: #84cd5c;
}
#product-tabs .tab a.active{
    color: #84cd5c;
}
#galleryProductBig {
    border: 1px solid #dcdedc;
}
#galleryProductBig .item img{width: 100%;}
#order{width: 40%;}
.item-predl-wind{
    height: 420px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}
.info-wp{
    color: #2e2e30;
    padding: 10px 0px 20px;
    font-size: 16px;
    position: relative;
    top: 50%;
    z-index:1;
}
.info-wp:after{
    background-image: url(../img/stbg.png);
    background-position: center;
    background-repeat: no-repeat;
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.5;
    z-index: -1;
}
.title-wp{
    font-weight: bold;
    margin-bottom: 0px;
}
.price1{
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
}
.content-wp{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
    text-align: left;
    padding: 10px 50px;
}
.content-wp li{
    list-style-image: url(../img/ic_done_black_24px.svg);
}
.item-predl-wind:hover .content-wp{
    display: block !important;
}
.price2{}
#characteristics{
    padding: 35px 0px;
    font-size: 14px;
    color: #2e2e30;
}
#characteristics .form-group{
    clear: both;
    font-weight: 500;
    margin-left: 10px;
}
#characteristics label{
    font-size: 14px;
    color: #2e2e30;
    border-bottom: 1px dotted;
    padding-left: 0px;
}
#characteristics label span{
    background-color: #fff;
    padding-bottom: 5px;
    padding-right: 5px;
}
.mt_scrubberColumn{
    display: none !important;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #f83400;
    box-shadow: 0 1px 0 0 #f83400;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #f83400;
}
.small-h1{
    font-weight: bold;
    font-size: 14px;
    color: #2e2e30;
    text-transform: uppercase;
    margin-top: 5px;
}
#fasad .indicator{
    display: none;
}
#fasad .tabs{
    height: 100px;
}
#fasad .tabs .tab{
    height: 100px;
    line-height: 100px;
}
#fasad .tabs .tab a{
    font-weight: bold;
    font-size: 14px;
    color: #2e2e30;
    text-transform: uppercase;
    background-color: #ebebed;
    border-top: 4px solid #ebebed;
}
#fasad .tabs .tab a.active{
    border-top: 4px solid #84cd5c;
    background-color: #f7f7f9;
}
.fasad-tab {position:relative;}
.fasad-tab ins {text-decoration:none; display:block; position:absolute; top:0; right:11px; color:#fff; background:#F93B08; padding:10px 20px;}
.fasad-tab h2{
    font-size: 28px;
    text-transform: uppercase;
}
.fasad-tab h3{
    font-size: 19px;
    margin-top: 5px;
}
.fasad-tab .form-group,
.fasad-tab .form-group label{
   font-size: 14px; 
   color: #2e2e30;
}
.order a.btn
{
    font-size:16px;
    font-weight:600;
}
.ms2_product .btn.mopopup
{
    font-size:16px;
}
@media (min-width: 414px) and (max-width: 800px){
    .container {
        width: 95%;
    }
    #topslider{
        height: 333px;
    }
    #topslider .item {
        height: 333px;
    }
    .rcol {
        height: auto;
    }
    .lcol img{
        position: absolute;
        left: 0px;
    }
    .item-work {
        overflow: hidden;
    }
    .item-work img {
        width: auto;
        height: 100%;
        max-width: none;
    }
    .item-work span {
        bottom: 0px;
    }
    .item-testimonial .text {
        display: block;
    }
}
.gal-list ul {display:table; width:100%;}
.gal-list ul li {
    width:16.67%;
    display: table-cell;
    font-size: 16px;
    text-transform: uppercase;
    text-align:center;
}
.flc {display:block; float:left;}
#product-tabs  .col.s3 {display:block; float:left; margin-right:4%; width:auto;}
.mlsidpr {/* float:right; font-weight:bold;font-size: 1.7rem; */
        float: right;
    font-weight: bold;
    font-size: 1.7rem;
    background-color: #4b5261;
    color: #fff;
    display: inline-block;
    padding: 6px 10px;
}
.itemMetalSiding .clearfix{overflow:hidden;}
.akciyaMS{
    background-image: url(../img/bg-number.jpg);
    margin-top: 60px;
    padding: 1px 10px;
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center;    
    clear: both;
}
.akciyaMS strong{
background-image: url(../img/bg50.png);
    padding: 4px 10px;
    background-size: cover;
}
body{
    min-width: 320px;
}
@media only screen and (min-width: 320px){
    .container{
        width: auto;
    }
}
@media only screen and (min-width: 768px){
    .container{
        width: 750px;
    }
}
@media only screen and (min-width: 993px){
    .container{
        width: 970px;
    }
}
@media screen and (min-width: 1200px){
    .container {
       width: 1120px;
    }
}


.tel-head p a{
    font-size: 19px;
    color: #000;
}









/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    nav ul a{
        padding: 0 10px;
    }
    .address-head{
        margin-left: 0 !important;
    }
    .tel-head p{
        font-size: 15px;
    }
    .item-predl-wind{
        -webkit-background-size: 90% !important;
        background-size: 90% !important;
    }
    .price1{
        font-size: 20px;
    }
    .content-wp{
        padding: 10px 10px 10px 33px;
    }
    .item-predl-wind{
        width: 33%;
    }
    .wpreim:after{display: none;}
    #topslider .item{
        background-position: 100% 0 !important;
    }
    .section6w .row>.col.l6.p0{
        
    }
    .block1{
        width: auto !important;
    }
    .bl_cont{
        width: auto !important;
    }
    .bl{
        width: 32% !important;
    }
    .const-right{
        width: auto !important;
        float: none !important;
    }
    .bl_left{
        width: 50% !important;
    }
    .bl_left img{
        display: block !important;
        margin: 0 auto 10px !important;
    }
    .bl_left br{display: none;}
    img{
        max-width: 100%;
    }
    .const-right2{
        width: auto !important;
        float: none !important;
    }
    .bx-wrapper .bx-pager{
        margin-left: 0 !important;
    }
    .bx-wrapper .bx-pager>div{
        display: inline-block;
        margin: 0 10px;
    }
    .schema{
        display: none;
    }
    .footer nav ul a{
        padding: 0 5px;
    }
    #myMaps{
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
        padding: 10px ;
        box-sizing: border-box;
    }
    #myMaps>ymaps{
        width: 100% !important;
    }
    .contact_block{
        width: auto !important;
        float: none !important;
        padding: 10px ;
        box-sizing: border-box;
    }
    .contact_block .flc{
        display: block;
        float: none;
    }
    .fotorama__wrap{
        width: 100% !important;
    }
    .fotorama__stage, .fotorama__stage__shaft, .fotorama__img{
        width: 100% !important;
    }
}

@media only screen and (max-width: 992px){
    .hide-on-med-and-down{
        display: block !important;
    }
    nav .button-collapse.menu-btn{
        display: none;
    }
    .toggle-menu{
        width:35px;
        position:fixed;
        right:15px;
        top:15px;
        cursor:pointer;
        background:#fff;
        border:3px solid #fff;
        z-index:12;
    }
    .toggle-menu span{
        display:block;
        height:4px;
        background:#000;
        margin-top:4px;
    }
    .toggle-menu span:first-child{
        margin-top:0;
    }
    .overlay{
        position:fixed;
        background:rgba(0,0,0,0.9);
        height:100%;
        left:0;
        top:0;
        width:100%;
        z-index:10;
        display: none;
    }
    .hide-on-med-and-down>ul{
        z-index: 12;
        position: fixed;
        top:0px;
        height: 100%;
        overflow:auto;
        background-color: #fff;
        left:0;
        width: 250px;
        display: none;
    }
    .hide-on-med-and-down>ul>li{
        display: block;
        float: none;
    }
    .hide-on-med-and-down>ul>li>a{
        line-height: 26px;
    }
    .hide-on-med-and-down>ul li ul{
        display: block;
        position: static;
        width: auto;
        padding-left: 15px;
    }
    .main-nav ul li ul .first{
        padding-top: 0;
    }
    .product .row{
        margin: 0;
    }
    .hide-on-med-and-down>ul li:hover ul,  .hide-on-med-and-down>ul li ul{display: block !important; height: auto !important;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .main-nav{
        height: 0;
    }
    nav .button-collapse.menu-btn{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
    }
    footer{
        padding-left: 10px;
        padding-right: 10px;
    }
    .section7w .row>.col{
        width: 25%;
    }
    .footer-man{display: none;}
    .const-bot{
        width: auto !important;
    }
    #house{
        display: none;
    }
    .ms2_product{
        width: 50%;
    }
    #montazhtab .row>.col{
        width: 33%;
    }
    #montazhtab .row>.col img{
        width: 100%;
        height: auto;
        display: block;
    }
    #filter{
        width: auto;
        float: none;
    }
    .catalog{
        padding: 10px;
    }
    .catalog .container .row, .catalog .row{
        margin: 0;
    }
    header .container .row{
        margin: 0;
    }
    .product .order{
        margin-bottom: 20px;
    }
    .product h1{
        margin: 20px 0;
    }
    .item-post>.row>.col{
        float: none;
        width: auto;

    }
    .item-tehn>.col{
        float: none;
        width: auto;
    }
    .tel-head p{
        margin-top: 12px;
    }
    #filter .input-field input{
        margin-bottom: 0;
    }
    #filter h3{
        margin: 10px 0;
    }
    #filter p{
        margin: 5px 0;
    }
    #filter fieldset{
        padding: 0;
    }
    #filter{
        padding: 10px;
    }
     #filter br{display: none;}
     #filter .btn-filter{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    header .row .col.tel-head{
        width: 140px;
    }
    header .row .col.m5{
        width: 35%;
    }
    #crovtext{
        text-align: center;
    }
    #crovtext .col{
        width: 50%;
    }
    .section5 .row .col{
        width: 25%;
    }
    .section5 .form-block .row .col{
        width: 33%;
    }
    .call-form{
        width: auto;
        height: auto;
        max-width: 500px;
        margin: 0 auto;
        background: none;
    }
    .call-form .title{
        padding-top: 0;
    }
    #FreeCallGager{
        padding: 50px 0;
        height: auto;
    }
    #FreeCallGager .col{float: none;}
    #FreeCallGager .row{margin: 0;}
    .tel-head p a{
        font-size: 15px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .footer ul{display: none;}
    .footer-contact{
        float: none !important;
        width: auto;
        padding: 10px;
        text-align: center;
    }
    .lam{
        max-width: 300px;
    }
    #ask .call-as{
        font-size: 16px;
    }
    .footer>nav{
        height: auto;
    }
    #order{
        width: 90%;
    }
    .footer .social i{
        height: auto;
    }
    .footer-contact p{
        margin-top: 10px;
    }
    .section7w .row>.col{
        width: 50%;
        margin-bottom: 20px;
    }
    .footer-woman{display: none;}
    .section7w .row{
        bottom: 0;
    }
    .alumarktut .item-preim{
        width: auto;
        float: none;
    }
    #accessories .row .col{
        width: 50%;
    }
    .row .col img{
        max-width: 100%;
    }
    .block1 .titl{
        width: auto;
        margin: 0;
        background: none;
        margin-bottom: 20px;
        text-align: center;
    }
    .block1 .titl span{display: none;}
    .bl_cont .bl{
        width: auto !important;
        float: none;
        background: none;
        margin-bottom: 20px;
        padding: 10px;
        min-height: inherit;
    }
    #montazhtab .row>.col{
        float: none;
        width: auto;
    }
    .order+.row .col{
        float: none;
        width: auto;
    }
    .tabs{
        display: block;
    }
    .product .row .row .col{
        float: none;
    }
    .product .col.l7,.product .col.l5{
        float: none;
    }


}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {

    .mleft
    {
        position:absolute!important;
        top:0;
        width:100%!important;
    }
    .mright
    {
        position:absolute!important;
        bottom:0;
        width:100%!important;
    }
    .item-post.offset-l1
    {
        padding:200px 0!important;
    }

    .section3 .row>div{
        width: auto;
        float: none;
    }
    .item-work{
        height: auto !important;
    }
    .item-work img{
        width: 100%;
        height: auto;
        display: block;
    }
    .works > .col{
        float: none;
        width: auto;
    }
    .item-preim:after{
        display: none;
    }
    .section5 .row .col{
        width: 50%;
    }
    header >div, header .container .row{
        margin: 0;
        padding: 0;
    }
    .item-preim img{
        padding: 0;
        width: auto;
    }
    .container .row{
        margin: 0;
    }
    h1, h2, h3{
        padding-left: 10px;
        padding-right: 10px;
    }
    .partcontrol{
        top: 0;
        right: 10px;
        z-index: 111
    }
    #partners .item{
        display: block;
        text-align: center;
    }
    #partners .item img{
        width: auto;
        display: inline-block;
    }
    .row .item-predl-wind{
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
    .item-predl-wind{
        -webkit-background-size: 50% !important;
        background-size: 50% !important;
    }
    .form-block{
        padding: 10px 0;
        height: auto;
    }
    .timer #CDT{
        font-size: 26px !important;
    }
     .section5 .form-block .col.l3{
        width: auto;
        float: none;
    }
    #topslider .item{
        background-position: 70% 0 !important;
    }
    .obl .formlayout td{
        display: block;
        text-align: center;
        padding: 5px 0;
    }
    .obl .formlayout td a{
        display: inline-block;
        margin-top: 10px;
    }
    .sl .desc_ob{
        width: auto !important;
        float: none !important;
    }
    .const{
        padding: 10px !important;
    }
    .const img{
        margin: 0 0 10px !important;
    }
    .sl .img_ob{
        width: auto !important;
         margin: 0 0 10px !important;
    }
    .bl_left img{
        margin: 0 auto 10px !important;
    }
    .const-bot{
        left:0 !important;
        width: 100% !important;
    }
     .ms2_product{
        width: auto;
        float: none;
    }
    #mse2_results>div{
        float: none;
    }
    #filter+div{
        float: none;
        padding: 0;
    }
    .catalog .catalog{
        padding: 0;
    }
    .tabs .tab{
        display: block;
        width: auto;
        float: none;
    }
    .tabs{
        display: block;
        height: auto;
    }
    .tabs .col.s3{
         display: block;
        width: auto;
        float: none;
    }
    .mselement .row img{
        display: block;
    }
    .item-metaltile{
        height: auto !important;
    }
    #product-tabs  .col.s3{
        width: auto;
        float: none;
    }
    #characteristics{
        display: none;
    }
    #product-tabs .indicator{
        display: none;
    }
    .item-preim{
        width: 33%;
    }
    .section5{
        -webkit-background-size: cover;
        background-size: cover;
    }
    .wind1section .tabs .tab:before{
        display: none;
    }
    .input-field input[type=search]{
        width: 100%;
        padding-left: 10px;
    }
    .section5 .form-block .col.l3{
        text-align: center;
    }
    .section5 .form-block .col.l3 .btn{
        display: inline-block;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .info-panel{
        padding: 10px;
    }
    .info-panel h1{
        font-size: 33px;
    }
    .tel-head{
        padding-left: 10px !important;
    }
    #mt_conversationBody .mt_post div.mt_avatar{
        display: none;
    }
    #mt_conversationBody .mt_post{
        padding-left: 0;
    }
    .modal-content .row{
        margin-bottom: 0;
    }
    .modal-content .row input{
        margin-bottom: 0;
    }
    #mt_conversationBody .mt_post{
        padding-left: 0 !important;
    }
    header .row>.col{
        float: none;
    }
    .info-price{
        width: auto;
        padding: 25px;
    }
    .works > .col{
        min-height: inherit;
    }
    .item-predl-wind{
        -webkit-background-size: 80% !important;
        background-size: 80% !important;
    }
    .acces-item{
        width: 130px;
        height: 130px;
    }
    .call-form .input-field{
        width: auto;
        float: none;
        margin: 0 0 10px;
    }
    .call-form{
        background: none;
    }
    .call-form .phone{
        margin-bottom: 20px;
    }
    .bl_left{
        width: auto !important;
        display: block;
        float: none !important;
    }
    h2{
        font-size: 24px;
    }
    .catalog h1{
        font-size: 30px;
    }
    header .row .col.tel-head{
        width: auto;
    }
    header .row .col.m5{
        width: auto;
    }
    #crovtext .col{
        width: auto;
        float: none;
    }
    #product-tabs .tab a{
        text-align: center;
        display: block;
    }
    .item-preim{
       width: auto;
       float: none !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}
.tabitem .row .col, .tabitem .item-metaltile .img-metaltile {max-width:247px; width:auto;}

.alma.modal {background:#F9F9F9; max-width:365px; border-radius:12px;}
.alma.modal h4 {color:#4E9122 !important; text-align:center; font-size:1.6rem; font-weight:bold; padding-top:20px;}
.alma.modal input, .alma.modal textarea {border:1px solid #aaa9a9; background:#fff; border-radius:10px; font-size:14px; padding:1.5%; width:97%; display:block; height:auto; margin:0;}
.alma.modal textarea {width:100%;}
.alma.modal  .btn {float:none; width:100%; color:#fff; background:#A0CE4E; border-radius:10px; box-shadow:none; height:42px; line-height:42px; margin-bottom:30px;}
.alma.modal .modal-close {padding: 11px;
background-color: rgb(160, 206, 78);
color: rgb(255, 255, 255);
font-size: 12px;
font-family: Times New Roman;
border-style: none;
border-color: rgb(255, 255, 255);
border-width: 1px;
border-radius: 12px;
box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
top: 0px;
right: 0px;
text-align: center;
line-height: 1;
position: absolute;
font-weight: bold;
cursor: pointer;
min-width: 1em;

}



.colors {
    width: 55%;
    float: left;
    box-sizing: border-box;
    padding-left: 25px;
}

.colors input {
    display: none;
}

.colors [type="radio"]:not(:checked)+label {
    border: 0;
    padding: 0;
    height: auto;
    width: auto;
    opacity:1;
}

.colors [type="radio"]:not(:checked)+label:after,
 .colors [type="radio"]:not(:checked)+label:before,
 .colors [type="radio"]:checked+label:after,
 .colors [type="radio"]:checked+label:before {
    display: none;
}

.colors [type="radio"]:checked+label {
    opacity: 1;
    padding: 0;
    height: auto;
    width: auto;
}
.options-tov.cherepica {
    margin: 0;
}
.item-doc{
    text-align: center;    
    width: 128px;
    float: left;
    height: 155px;
}
.item-doc .file-doc{
    background-image: url(/assets/components/CET_assetstv/img/file-icon-mask.png);
    width: 128px;
    height: 128px;
    background-color: #ccc;
    position: relative;
}
.item-doc .file-doc .ext{    
    position: absolute;
    font-size: 17px;
    bottom: 33px;
    left: 22px;
    background: #807272;
    padding: 3px 9px;
    color: #fff;
    border-radius: 5px;
}
.pokritie{}