/*
Theme Name: DMCatalog
Author: E-INFORM
Author URI: e-inform.by
Version: 1.0
*/

@font-face{font-family:'OfficinaSansC-Book';src:url('fonts/OfficinaSansC-Book.eot');src:url('fonts/OfficinaSansC-Book.eot?#iefix') format('embedded-opentype'), url('fonts/OfficinaSansC-Book.woff') format('woff'), url('fonts/OfficinaSansC-Book.ttf') format('truetype'), url('fonts/OfficinaSansC-Book.svg#OfficinaSansC-Book') format('svg');font-weight:normal;font-style:normal}

*{margin:0;padding:0;}
html{height:100%;}
body{height: 100%;position: relative;margin:0 auto;background:#fff;color:#000;font-weight:300;font-size:16px;font-family:sans-serif;}
.clear{clear:both;}
.hr{display:block;border:none;width:100%;max-width:1200px;height:2px;background:#000;margin:10px 0;}
p{padding: 10px;text-indent: 15px;}
ul{margin-left: 50px;}
.list{list-style: none;margin-left: 0px;}
.article-ul{width: 96%;margin-left: 4%;list-style: disc;}
.article-ul li{margin-bottom: 20px;}
a{color: #00737c;}
h1,h2,h3,h4,h5,h6{text-align: center;margin: 10px;color: #003f49;}
.product-page .h2 {margin-bottom: 10px;font-family: MyriadPro-Bold,Tahoma,Geneva,sans-serif;font-size: 24px;color: #047681;}

input{max-width: 100%;}
.berocket_term_parent_0 {margin-bottom: 3px;}
.berocket_term_parent_0 input{margin-right: 5px;}
.berocket_style_block select{width: 100%;height: 24px;}

.font-1{font-family: 'OfficinaSansC-Book'}

[class*=mobo-] {
        font-size: 24px;
text-indent: 0px;
background-position: 0 0;
background-repeat: no-repeat;
//display:inline;
//zoom:1;
vertical-align:middle;
margin-right:3px;
}

.phone-img{display: block;width: 24px;height: 24px;float: left;margin-top: -3px;background-image: url(img/phone.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.mts-img{display: block;width: 24px;height: 24px;float: left;margin-top: -3px;background-image: url(img/mts.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.a1-img{display: block;width: 24px;height: 24px;float: left;margin-top: -3px;background-image: url(img/a1.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.life-img{display: block;width: 24px;height: 24px;float: left;margin-top: -3px;background-image: url(img/life.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.viber-img{display: block;width: 24px;height: 24px;float: left;margin-top: -3px;background-image: url(img/viber.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}

header{position: fixed;width: 100%;height: 76px;background-color: #003f49;z-index: 999;}
.header-container{width: 98%;max-width: 1400px;margin: 0 auto;padding: 0 1%;}
.header-bg{position: absolute;width: 100%;height: 100%;margin-left: 0px;z-index: -1;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003f49+1,03535e+11,03535e+18,003f49+29,003f49+43,03535e+59,003f49+81,003f49+100 */
background: #003f49; /* Old browsers */
background: -moz-linear-gradient(left,  #003f49 1%, #03535e 11%, #03535e 18%, #003f49 29%, #003f49 43%, #03535e 59%, #003f49 81%, #003f49 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #003f49 1%,#03535e 11%,#03535e 18%,#003f49 29%,#003f49 43%,#03535e 59%,#003f49 81%,#003f49 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #003f49 1%,#03535e 11%,#03535e 18%,#003f49 29%,#003f49 43%,#03535e 59%,#003f49 81%,#003f49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f49', endColorstr='#003f49',GradientType=1 ); /* IE6-9 */
}
.container{display:block;width:1000px;max-width:94%;margin:0 auto;margin-top:5px;background:#fff;padding:10px 10px 10px 10px;}

.header-first-part{width: 100%;height: 55px;background: none;}
.header-second-part{margin-top: 90px;}

.menu-top-menu-container{display: none;}
.top-menu {display: block;padding: 5px;background: #fff;float: right;}
.top-menu li{display: block;margin-right: 10px;float: left;}
.top-menu li a{color: #000;font-size: 14px;}
.top-menu li a:hover {color: #c9c9c9;}



#sidemenu-toggle{float: left;margin: 21px 25px 3px 10px;font-size: 36px;color: #fff;cursor: pointer;}
#sidebar{position: fixed;
	left: 0px;
    width: 70%;
max-width: 300px;height: calc(100% - 56px);background-color: #f2f2f2;padding: 10px;border: 1px solid #c7c7c7;z-index: 99;overflow: scroll;}
nav{margin-bottom: 30px;}



.logo{display: block;float: left;margin: 3px auto;width: auto;}
.logo img{width: auto;height: 70px;}
.logo-text{display: block;padding: 5px;font-size: 24px;font-weight: 600;}

.mobile-header-info{display: block;float: right;margin: 5px 10px 10px 10px;}
.cart-btn{color: #db2624;font-size: 36px; margin: 0 5px;}
.delivery-btn{color: #005d9d;font-size: 36px; margin: 0 5px;}
.call-btn{color: #00c56b;font-size: 36px; margin: 0 5px;}
.phone-btn{display: block;float: left;width: 30px;height: 30px;margin: 5px 10px;background-image: url(img/phone-btn.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.mts-btn{display: block;float: left;width: 30px;height: 30px;margin: 5px 10px;background-image: url(img/mts-btn.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.a1-btn{display: block;float: left;width: 30px;height: 30px;margin: 5px 10px;background-image: url(img/a1-btn.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.viber-btn{display: block;float: left;width: 30px;height: 30px;margin: 5px 10px;background-image: url(img/viber-btn.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}


.woocommerce-product-search{display: inline-block;width: 100%;}
.search-field{width: 58%;width: calc(80% - 5px);height: 30px;margin-left: 0px;}
#product_search_submit{width: 20%;height: 30px;}

.header-time{display: none;min-width: 120px;margin-top: 10px;margin-right: 30px;font-size: 16px;color: #fff;text-align: center;}
.header-mobile-time{display: block;color: #fff;text-align: center;font-size: 13px;}
.header-contacts a{display: block;margin: 10px;}

.header-cart{display: none;}

.content{position: relative;top: 0px;margin-left: 0px;padding: 10px;}

.home-nav-buttons{border-top: 2px solid #db2624;border-bottom: 2px solid #db2624;text-align: center;}
.home-nav-button{margin-top: 10px;}

.main-menu li{font-size: 16px;line-height: 36px;text-transform: uppercase;border-left: 1px solid #52949e;padding: 0px 0px 1px 0px;position: relative;}
.main-menu li:first-child {border: none;}
.main-menu li a{padding: 5px 20px 3px;}

.home-content-image{display: inline-block;width: 100%;}
.home-content-image img{width: 100%;}

.wrapper{display: block;position: relative;width: 100%;max-width: 1400px;top: 76px;margin: 0 auto;}


#features {width: 100%;float: left;background: url(img/features/features-bg.jpg);margin-bottom: 10px;}
#features .feature {width: 220px;height: 114px;overflow: hidden;background: url(img/features/features-arrow.jpg) no-repeat right top;float: left;}
#features .feature div {height: 62px;overflow: hidden;position: relative;color: #003f49;font-family: Tahoma,Geneva,sans-serif;line-height: normal;font-size: 12px;}
#features .feature div.tenyear {background: url(img/features/15years.png) no-repeat left;padding: 26px 0px 26px 87px;margin-right: 40px;margin-left: 10px}
#features .feature div.warranty {background: url(img/features/warranty.png) no-repeat left;margin: 0px 40px 0px 10px;padding: 26px 0px 26px 98px;}
#features .feature div.tape {background: url(img/features/tape.png) no-repeat left;margin: 0px 25px 0px 0px;padding: 26px 0px 26px 90px;}
#features .feature div.phone {background: url(img/features/phone.png) no-repeat left;margin: 0px 10px 0px 10px;padding: 26px 0px 26px 100px;}
.nobg {background: none !important;}
.order-call-btn, #comments input.addcomment, span.ordercall input.wpcf7-submit {background: url(img/order-call-btn_orange.png) no-repeat;width: 84px;height: 18px;padding: 3px 5px 0px;display: block;font-family: Tahoma,Geneva,sans-serif;text-transform: uppercase;font-size: 12px;line-height: normal;color: #fff;text-align: center;text-decoration: none;margin-top: 5px;border: none;cursor: pointer;}
div.addcomment input {
    width: 180px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    padding: 0px 10px;
    display: block;
    margin-bottom: 5px;
}
div.addcomment .text-comment, div.addcomment input {
    font-size: 14px;
    color: #7e7e7e;
    border: 1px solid #CACACA;
    font-family: Tahoma,Geneva,sans-serif;
    border-radius: 3px;
}
div.addcomment .text-comment {
    width: 399px;
    height: 103px;
    resize: none;
    padding: 10px;
}
#comments input.addcomment {
    cursor: pointer;
    clear: both;
    display: block;
    border: none;
    width: 94px;
    height: 21px;
    padding: 0px;
    margin-top: 10px;
}

#comments .comment {
    border-bottom: 1px dotted #CACACA;
    margin-bottom: 18px;
}

#comments .comment .info {
    margin-bottom: 15px;
}
#comments .comment .info span.nickname {
    font-size: 14px;
    color: #003F49;
}
#comments .comment .info span.date {
    font-size: 11px;
    font-style: italic;
    color: #666;
    margin-left: 10px;
}


.titles-list {display: inline-block;margin-bottom: 5px;padding: 5px 0 0 0;text-align: center;}


.titles-list .title-item{display: block;max-width: calc(50% - 24px);float: left;margin-bottom: 5px;background-image: url(img/home-titles-bg.jpg);float: left;font-family: Tahoma,Geneva,sans-serif;font-size: 14px;height: 60px;line-height: normal;position: relative;text-transform: uppercase;z-index: 88;}
.titles-list .title-item a{display: block;max-width: 145px;float: left;margin-top: 5px;}
.mainpage .title1{display: block;max-width: calc(50% - 29px);float: left;background-image: url(img/home-titles-bg.jpg);font-family: Tahoma,Geneva,sans-serif;font-size: 14px;line-height: normal;position: relative;text-transform: uppercase;z-index: 88;border-left: 5px solid #0096a0;}
.home-title-arrow{display: block;float: left;background-image: url(img/home-titles-arrow.jpg);width: 24px;height: 60px;}
.home-title-last-arrow{display: block;float: left;background-image: url(img/home-titles-last-arrow.jpg);width: 24px;height: 60px;}

.woof_products_top_panel{display: none!important;}


.woocommerce .wcapf-before-products ul.product-cats li.product-category a img{display: none;}

.woocommerce ul.products li.product .woocommerce-loop-category__title{font-size: 0.9em;font-weight: 300;}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {clear: none;}
/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left;margin: 0 1% 2% 1%;padding: 0.5%;position: relative;width: 29.7%;height: 340px;border: 1px solid #c0c0c0;}
*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {font-size: 15px;margin: 0;line-height: 1;cursor: pointer;position: relative;text-decoration: none;padding: .618em 1em;font-weight: 700;border-radius: 3px;left: auto;color: #515151;background-color: #ebe9eb;border: 0;white-space: normal;display: inline-block;background-image: none;box-shadow: none;-webkit-box-shadow: none;text-shadow: none;max-width: 100%;}
.woocommerce ul.products li.product .button {margin-top: 5px;}
.woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size: 15px;height: 35px;overflow: hidden;}
.product-wrap{position: relative;height: 220px;overflow: hidden;}
/*.woocommerce ul.products li.product a img {
    display: block;
    position: absolute;
    bottom: 0;}
*/
.in-stock{display: none;}
.woocommerce span.onsale {
    display: none;
    min-height: 2.236em;
    min-width: 3.236em;
    padding: .202em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 2.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 0;
    background-color: red;
    color: #fff;
    font-size: .757em;
    z-index: 9;
}
.woocommerce ul.products li.product .woocommerce-placeholder {border: 0px;}

.cat-loop-title{display: block;height: 55px;overflow: hidden;}
.price ins{text-decoration: none!important;}
.woocommerce-Price-amount{padding: 5px;background: #ffe501;color: #000;font-size: 24px;}
del .woocommerce-Price-amount{background: none;font-size: 18px;}
.entry-summary .price ins .woocommerce-Price-amount::before {
  content: 'Цена:';margin-right: 5px;
}

.woocommerce-Tabs-panel--description ul li{list-style: disc;margin-left: 25px;}

.short-description-attributes{display: inline-block;width: 100%;margin-bottom: 10px;line-height: 20px;border-bottom: 1px solid #c1c1c1;}
.short-description-attribute-name{display: block;width: 40%;float: left;}
.short-description-attribute-value{display: block;width: 59%;float: left;margin-left: 1%;}

.wp-block-column {flex-basis: 50%;}

.a3dg-navbar-control{display: none!important;}

.sidebar-title{display: inline-block;width: 98%;padding: 5px 1%; background-color: #cf0001; color: #fff;font-size: 20px;text-align: center;}

.leftban {display: inline-block;margin-bottom: 45px;}
.bantext {display: table;width: 90%;color: #000;padding: 10px;margin: 5px 0;background: #fff0ad;}
.bantext1 {display: table;width: 90%;padding: 10px 10px 0;margin: 5px 0;color: #000;background: #ffd514;}
.prsus {color: #4b2000;font-size: 23px;font-weight: 500;padding: 1px 0 5px 0 !important;}
.bantext img {display: block;float: left;margin: 10px 10px 10px 0;}
.bantext p {margin: 0;padding: 10px 0 0;}

.woocommerce-content .consultation {padding: 50px;}
.consultation-title{margin-bottom: 10px;font-family: MyriadPro-Bold,Tahoma,Geneva,sans-serif;font-size: 24px;color: #047681;}
.woocommerce-content .consultation img {margin-right: 35px;float: left;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc;box-shadow: 1px 1px 1px #ccc;}
.woocommerce-content .content-block {font-family: 'MyriadPro-Regular',Tahoma,Geneva,sans-serif;font-size: 14px;color: #414042;}
.woocommerce-content .consultation .order-btn {
    margin: 15px 0 0 0;
    padding: 9px 18px;
    display: inline-block;
    border: 1px solid #3d9020;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    background: rgba(77, 176, 44, 1);
    background: -moz-linear-gradient(top, rgba(77, 176, 44, 1) 0%, rgba(30, 90, 18, 1) 83%, rgba(30, 90, 18, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77, 176, 44, 1)), color-stop(83%, rgba(30, 90, 18, 1)), color-stop(100%, rgba(30, 90, 18, 1)));
    background: -webkit-linear-gradient(top, rgba(77, 176, 44, 1) 0%, rgba(30, 90, 18, 1) 83%, rgba(30, 90, 18, 1) 100%);
    background: -o-linear-gradient(top, rgba(77, 176, 44, 1) 0%, rgba(30, 90, 18, 1) 83%, rgba(30, 90, 18, 1) 100%);
    background: -ms-linear-gradient(top, rgba(77, 176, 44, 1) 0%, rgba(30, 90, 18, 1) 83%, rgba(30, 90, 18, 1) 100%);
    background: linear-gradient(to bottom, rgba(77, 176, 44, 1) 0%, rgba(30, 90, 18, 1) 83%, rgba(30, 90, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db02c', endColorstr='#1e5a12', GradientType=0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#reviews {display: inline-block;width: 100%;border-bottom: 1px solid #99b2b6;height: 113px;background: #003f49;position: relative;}
#reviews .wrapper {max-width: 1000px;height: 113px;margin: 0 auto;top: 0;}
#reviews .review {float: left;width: 250px;margin: 12px 45px 0px 0px;}
#reviews .review .author {font-size: 14px;color: #4db1b8;margin-bottom: 8px;}
#reviews .review .author span.date {font-size: 11px;font-style: italic;color: #cdcdcd;}
#reviews .review .text {font-style: italic;color: #fff;line-height: normal;padding: 0px 10px 0px 20px;background: url(/wp-content/themes/dmcatalog/img/text-bg.png) no-repeat left top;height: 60px;overflow: hidden;font-size: 12px;}
#reviews .allreviews {
    background: url(/wp-content/themes/dmcatalog/img/allreviews-btn.png) no-repeat;width: 131px;height: 31px;padding: 10px 0px 0px 20px;display: block;position: absolute;right: 0px;text-shadow: 2px 2px 0px #000;top: 35px;color: #fff;font-family: Tahoma,Geneva,sans-serif;font-size: 18px;text-decoration: none;}


div.addcomment {
    width: 642px;
    position: relative;
    padding-top: 10px;
}


.category_post_block{margin-bottom: 20px;}
.category_post_title{margin-bottom: 0px;font-size: 18px;color: #00737c;outline: none;text-decoration: underline;}

#ordercall {
    display: none;
}
div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

#footer {
    display: inline-block;
    margin-top: 0px;
    max-width: 98%;
    height: auto;
    background: #00444e;
    position: relative;
    padding: 1%;
}

.footer-wrapper {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

#footer .block {
    float: left;
    margin: 0px 20px 15px 0px;
    color: #93aeb5;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: normal;
}

#footer .block span.title {
    display: block;
    text-transform: uppercase;
}
#footer .feedback {
    width: 93%;
    margin-left: 7%;
}

#footer .block div.title {
    font-size: 18px;
    font-family: Tahoma,Geneva,sans-serif;
    color: #f7f7f7;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.block.feedback li {
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    list-style-type: none;
    text-decoration: none;
}
#footer a {
    color: #fff;
}

#footer .contacts {
    width: 93%;
    margin-left: 7%;
}

#footer .block .phones {
    background: url(img/footer-phone.png) no-repeat left top;
    margin-bottom: 30px;
}
#footer .block .phones, #footer .block .adress {
    padding-left: 39px;
}
#footer .block .adress {
    background: url(img/footer-email.png) no-repeat left top;
}
#footer .partners {
    width: 93%;
    margin-left: 7%;
}
#footer .map {
    width: 93%;
    margin: 7%;
    text-align: center;
}
#footer .map img {
    border: 3px solid #71bfc6;
    border-radius: 2px;
}
#copyright {
    margin-top: 18px;
    text-align: left;
}

#footer .social {
    margin-top: 20px;
}

#footer .social span, #footer .social a {
    float: left;
    display: block;
}

#footer .social a {
    height: 17px;
    width: 17px;
    background: url(img/social.png) no-repeat left top;
    margin-right: 5px;
}
#footer .social a.vk {
    background-position: -17px top;
}
#footer .social a.fb {
    background-position: 0px top;
}
#footer .social a.ok {
    background-position: -51px top;
}
#footer .social a.insta {
    background-position: -34px top;
}

.category_post_info{display: inline-block;width: 100%;}
.category_post_thumbnail{float: left;margin: 5px;}
.rasprodaja-dverei{width: 48%;float: left;margin: 1%;margin-bottom: 15px;}
.rasprodaja-dverei img {width: 98%;height: auto;padding: 1%; border: 1px solid #afafaf;}

.mobile{display: initial;}
.mobile-tablet{display: initial;}
.tablet{display: none;}
.desktop{display: none;}

@media only screen
and (min-width : 480px) 

 {
    header{height: 76px;}
.header-first-part{width: 100%;height: 75px;background: none;z-index: 9999;}
.header-second-part{margin-top: 90px;}
.logo{display: block;float: left;margin: 3px auto;width: 6%;}
#sidebar{position: fixed;height: calc(100% - 76px);}
 }

@media only screen
and (min-width : 728px) 

 {
header{height: 76px;}
 .header-first-part{width: 100%;height: 70px;}
.header-second-part{margin-top: 80px;}
.logo{width: 6%;}
#sidemenu-toggle{margin: 10px 10px 10px 10px;font-size: 36px;}
#sidebar{position: fixed;
	left: -320px;
    width: 70%;
max-width: 300px;height: calc(100% - 100px);background-color: #f2f2f2;padding: 10px;border: 1px solid #c7c7c7;z-index: 99;}

.mobile-header-info{display: block;float: right;margin: 5px 10px 10px 10px;}
.delivery-btn{color: #005d9d;font-size: 36px; margin: 0 5px;}
.call-btn{color: #00c56b;font-size: 36px; margin: 0 5px;}

.titles-list .title-item{display: block;max-width: calc(25% - 24px);float: left;background-image: url(img/home-titles-bg.jpg);float: left;font-family: Tahoma,Geneva,sans-serif;font-size: 14px;height: 60px;line-height: normal;position: relative;text-transform: uppercase;z-index: 88;}
.titles-list .title-item a{display: block;max-width: 150px;float: left;margin-top: 5px;}
.mainpage .title1{display: block;max-width: calc(25% - 29px);float: left;background-image: url(img/home-titles-bg.jpg);font-family: Tahoma,Geneva,sans-serif;font-size: 14px;line-height: normal;position: relative;text-transform: uppercase;z-index: 88;border-left: 5px solid #0096a0;}
.home-title-arrow{display: block;float: left;background-image: url(img/home-titles-arrow.jpg);width: 24px;height: 60px;}
.home-title-last-arrow{display: block;float: left;background-image: url(img/home-titles-last-arrow.jpg);width: 24px;height: 60px;}

.home-content-image {display: block;width: auto;}
.home-content-image img{width: auto;}

.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 48%;;}


#footer .feedback {
    width: 240px;
    margin-left: 7%;
}

#footer .block div.title {
    font-size: 18px;
    font-family: Tahoma,Geneva,sans-serif;
    color: #f7f7f7;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.block.feedback li {
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    list-style-type: none;
    text-decoration: none;
}
#footer a {
    color: #fff;
}

#footer .contacts {
    width: 207px;
    margin-left: 0;
}

#footer .block .phones {
    background: url(img/footer-phone.png) no-repeat left top;
    margin-bottom: 30px;
}
#footer .block .phones, #footer .block .adress {
    padding-left: 39px;
}
#footer .block .adress {
    background: url(img/footer-email.png) no-repeat left top;
}
#footer .partners {
    width: 207px;
    margin-left: 0;
}
#footer .map {
    width: 197px;
    margin: 0px;
    text-align: center;
}

.category_post_title{font-size: 21px;}
.rasprodaja-dverei{width: 30%;float: left;margin: 1%;}

.mobile{display: none;}
.mobile-tablet{display: initial;}
.tablet{display: initial;}
.desktop{display: none;} 
 	}

@media screen and (min-width:900px){
    header{height: 76px;}
.header-first-part{position: relative;width: auto;height: auto;border-bottom: none;}
.header-second-part{margin-top: 0;}

#sidemenu-toggle{margin: 10px 10px 10px 10px;font-size: 36px;}
#sidebar{position: absolute;
	left: -320px;
    width: 70%;
max-width: 300px;background-color: #f2f2f2;padding: 10px;border: 1px solid #c7c7c7;z-index: 99;}


.mobile-header-info{display: block;float: right;margin: 5px 10px 10px 10px;}
.delivery-btn{color: #005d9d;font-size: 36px; margin: 0 5px;}
.call-btn{color: #00c56b;font-size: 36px; margin: 0 5px;}

	.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 16%;width: calc(17% - 2px);}

#footer {
    display: block;
    margin-top: 0px;
    height: 205px;
    background: #00444e url(img/footer-bg.png) repeat-x left top;
    position: relative;
    padding: 25px;
}

}
@media screen and (min-width:1000px){
header{display:inline-block;width:100%;height:100px;margin-bottom:0px;padding:0px 0 0 0;z-index:999;}
.header-bg{position: absolute;width: 100%;height: 100%;margin-left: -50px;z-index: -1;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003f49+1,03535e+11,03535e+18,003f49+29,003f49+43,03535e+59,003f49+81,003f49+100 */
background: #003f49; /* Old browsers */
background: -moz-linear-gradient(left,  #003f49 1%, #03535e 11%, #03535e 18%, #003f49 29%, #003f49 43%, #03535e 59%, #003f49 81%, #003f49 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #003f49 1%,#03535e 11%,#03535e 18%,#003f49 29%,#003f49 43%,#03535e 59%,#003f49 81%,#003f49 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #003f49 1%,#03535e 11%,#03535e 18%,#003f49 29%,#003f49 43%,#03535e 59%,#003f49 81%,#003f49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f49', endColorstr='#003f49',GradientType=1 ); /* IE6-9 */
}
.logo{display: block;float: left;margin: 0px 0px 0px 0px;width: 30%;max-width: 283px;}
.logo img{width: 100%;}
.logo-text{display: block;padding: 5px;font-size: 24px;font-weight: 600;}


.woocommerce-product-search{float: left;margin: 10px;padding: 5px;width: 40%;}
.screen-reader-text{width: 20%}
.search-field{height: 30px;width: 60%;}
#product_search_submit{width: 20%;height: 30px;}

.header-contacts{display: flex;float: right;margin: 0px 0px 10px 0px;font-size:20px;font-weight: 400;}
.header-contacts a{display: block;text-decoration: none;color:#fff;}
.header-contacts a:hover{text-decoration: underline;}

.header-cart{display: block;position: relative;float: right;margin-top: 10px;}
.cart-contents-block{display: block;margin-bottom: 10px;padding: 7px;background: #fff;border-radius: 3px;}
.cart-contents-block:hover{background: #fff;}

.cart-contents-block:hover ~ .widget_shopping_cart {display: block;z-index: 2106;}
.header-cart-text{display: block;width: 100%;font-size: 38px;text-align: center;color: #005d9d;}
.fa-shopping-cart{float: left;margin-left: 5px;margin-right: 5px;}
.header-in-cart{width: 15px;height: 15px;float: right;background: red;color: #fff;border-radius: 50%;font-size: 11px;text-align: center;}

.widget_shopping_cart {display: none;background-color: #fff;border: 5px solid #e1e5ea;width: 280px;padding: 10px 2%;box-sizing: border-box;position: absolute;margin-top: -12px;left: : -10px;box-shadow: 1px 2px 4px;}
.widget_shopping_cart:hover {display: block;z-index: 2106;}
.widget_shopping_cart > div {padding: 0;}
.widget_shopping_cart a.remove {position: absolute;top: 1em;left: 0;opacity: 1;}
.widget_shopping_cart p.total, .widget_shopping_cart  p.buttons {padding: 1em 0;margin: 0;text-align: center;line-height: 40px;}
.widget_shopping_cart p.total, .widget_shopping_cart p.buttons {padding:0 !important;}  
.buttons a {clear:both;}

  
.mini_cart_item, .to_top.mini_cart_item {line-height: 20px !important;}
.mini_cart_item:hover, .empty:hover {border-top: none !important;}
.mini_cart_item {font-size: 14px;}
.mini_cart_item a::after {display: none !important;}
.empty {line-height: 20px !important;width: 100% !important;}

.menu-main-menu-container{display: block;float:right;}
.main-menu {display: block;padding: 5px 0px;float: right;}
.main-menu li{display: block;float: left;}
.main-menu li a{color: #fff;font-size: 16px;}
.main-menu li a:hover {color: #c0c0c0;}

.wrapper{top: 100px;}
#sidebar{position: relative;
	left: 0px;
    width: 70%;
max-width: 300px;height: auto;float: left;background-color: #f2f2f2;padding: 10px;border: 1px solid #c7c7c7;z-index: 99;overflow: auto;}

.main-content{padding: 10px;}

.content{margin-left: 0px;    width: calc(100% - 343px);
    float: left;}

.woocommerce div.product {margin-top: 20px;}

.woocommerce-breadcrumb{display: block;position: relative;width: 100%;float: left;padding: 10px;background: #efefef;z-index: 99}
.woocommerce-ordering {position: relative;z-index: 998;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {margin-right: 10px;}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {width: calc(17% - 2px);}
/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left;margin: 0 1% 2% 1%;padding: 0.5%;position: relative;width: 16.7%;width: calc(17% - 2px);height: 420px;border: 1px solid #c0c0c0;}
*/
.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 16%;width: calc(17% - 2px);}
.woocommerce ul.products li.product .button {margin-top: 10px;}
.woocommerce span.onsale {min-height: 3.236em;min-width: 3.236em;padding: .202em;font-size: 1em;font-weight: 700;position: absolute;text-align: center;line-height: 3.236;top: -.5em;left: -.5em;margin: 0;border-radius: 100%;background-color: red;color: #fff;font-size: .857em;-webkit-font-smoothing: antialiased;z-index: 9;}
.product-wrap{display: block;position: relative;height: 220px;}
.img-wrap{position: absolute;bottom: 0;width:100%;}
/*.woocommerce ul.products li.product a img {display: block;position: absolute;width: auto;max-width: 100%;height: auto;max-height: 220px;margin: 0;bottom: 0;box-shadow: none;}

*/
.woocommerce ul.products li.product .price del {opacity: .5;display: block;float: left;color: red;}
.onsale-single-product{top:40px!important;}
.woocommerce-product-gallery__image, .flex-active-slide{position: relative;overflow: hidden;width: 672px;max-width: 100%;margin-right: 0px;float: left;display: block;min-height: 300px;max-height: 400px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{display: block;height: 25px;padding: 5px 5px 10px 5px;overflow: hidden;font-size: 14px;}

.woocommerce div.product div.images img {display: block;width: auto;max-width: 100%;height: auto;max-height: 400px;margin: 0 auto;box-shadow: none;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #d81414;color: #fff;-webkit-font-smoothing: antialiased;}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {background-color: #58709a;color: #fff;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #a00;color: #fff;}

.woocommerce span.onsale {
    min-height: 2.236em;
    min-width: 3.236em;
    padding: .202em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 2.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 0;
    background-color: red;
    color: #fff;
    font-size: .557em;
    z-index: 9;
}

.e-under-header-widget-area{width: 100%;float: left;padding-bottom: 10px;}
.e-under-header-widget{width: 13%;margin: 0.2%;float: left;}
.woof_products_top_panel{display: none;}
footer{width:100%;margin:0 auto;background:#d0d0d0;}

.titles-list .title-item a{display: block;max-width: 150px;float: left;margin-top: 5px;}

.mobile{display: none;}
.mobile-tablet{display: none;}
.tablet{display: none;}
.desktop{display: initial;} 

}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	float: right !Important;
  width: 48% !Important;
}
@media screen and (min-width:1000px){
.header-contacts{margin: 0px 0px 10px 0px;font-size:18px;}

}
@media screen and (max-width:1000px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 48%!important;
		float: left;
		clear: both!important;
		margin: 0 0 2.992em!important;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
		float: none !important;
    width: 100% !important;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
		float: none !important;
    width: 100% !important;
	}
}
@media screen and (min-width:1260px){

.header-time{display: block;min-width: 120px;margin-top: 10px;margin-right: 30px;font-size: 16px;color: #fff;text-align: center;}

}