/*   

Theme Name: m2wma

Theme URI: https://m2wma.ru/

Description: Шаблон m2

Author: m2 web marketing agency

Author URI: https://m2wma.ru/

*/



@font-face{

    font-family: 'Roboto Condensed';

    src: url('fonts/roboto/RobotoCondensedRegular.eot');

    src: url('fonts/roboto/RobotoCondensedRegular.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto/RobotoCondensedRegular.woff2') format('woff2'),

         url('fonts/roboto/RobotoCondensedRegular.woff') format('woff'),

         url('fonts/roboto/RobotoCondensedRegular.ttf') format('truetype'),

         url('fonts/roboto/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');

	font-weight: normal;

	font-weight: 500;

}

@font-face{

    font-family: 'Roboto Condensed';

    src: url('fonts/roboto/RobotoCondensedBold.eot');

    src: url('fonts/roboto/RobotoCondensedBold.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto/RobotoCondensedBold.woff2') format('woff2'),

         url('fonts/roboto/RobotoCondensedBold.woff') format('woff'),

         url('fonts/roboto/RobotoCondensedBold.ttf') format('truetype'),

         url('fonts/roboto/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');

	font-weight: bold;

	font-weight: 700;

}

@font-face{

    font-family: 'Roboto Condensed';

    src: url('fonts/roboto/RobotoCondensedLight.eot');

    src: url('fonts/roboto/RobotoCondensedLight.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto/RobotoCondensedLight.woff2') format('woff2'),

         url('fonts/roboto/RobotoCondensedLight.woff') format('woff'),

         url('fonts/roboto/RobotoCondensedLight.ttf') format('truetype'),

         url('fonts/roboto/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');

	font-weight: lighter;

	font-weight: 300;

}



html.logged #header.fixed{top: 32px;}

/*body#top{padding-top: 145px;}*/



.mg-bt-10{margin-bottom: 10px;}

.mg-bt-15{margin-bottom: 15px;}

.mg-bt-20{margin-bottom: 20px;}

.mg-bt-30{margin-bottom: 30px;}

.pad-tb-10{padding-top: 10px;padding-bottom: 10px;}

.pad-tb-15{padding-top: 15px;padding-bottom: 15px;}

.pad-tb-20{padding-top: 20px;padding-bottom: 20px;}

.pad-tb-30{padding-top: 30px;padding-bottom: 30px;}

.bg-white{background-color: #fff;}

.bg-blue{background-color: #0395b4;}

.bg-blue2{background-color: #0495b5;}

.bg-l-blue{background-color: #e5f4f8;}

.bg-l-blue2{background-color: #e0f2f6;}

.bg-l-grey{background-color: #ececec;}

.bg-grey{background-color: #424242;}

.bg-dark{background-color: #282828;}

.bg-orange{background-color: #fe491c;}

.text-white,.text-white *{color: #fff;}

.text-blue,.text-blue *,.content a,.m2-modal a{color: #8c52ff;}

.text-blue2,.text-blue2 *{color: #0495b5;}

.text-orange,.text-orange *,.content a:hover,.m2-modal a:hover{color: #fe491c;}

.font-16{font-size: 16px;}

.font-18{font-size: 18px;}

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

.roboto{font-family: 'Roboto Condensed';}



.m2-slider.orange-controls .m2-slidearrow{color: #fe491c;}

.m2-slider.orange-controls .m2-slidesnav span.bullet{border-color: #fe491c;}

.m2-slider.orange-controls .m2-slidesnav span.bullet.active{background-color: #fe491c;}



#header{width: 100%;top: 0;left: 0;z-index: 99;}

.logo-desc{

    margin-left: 35px;

    font-size: 18px;

    line-height: 1.2;

    vertical-align: 7px;

    /*margin-left: 30px;

    font-size: 16px;

    line-height: 1.2;

    vertical-align: 14px;*/

}

#header .phone a{font-size: 18px;color: #424242;}

#header .phone a.messenger{

    padding: 5px 25px;

    font-size: 16px;

    font-weight: normal;

    position: relative;

    line-height: 19px;

    background-color: #25D366;

    color: #fff;

    margin-top: 3px;

    margin-left: 15px;

}

#header .phone a.messenger .fa-whatsapp{font-size: 20px;vertical-align: middle;margin-right: 7px;}



#header .menu .menu-item{position: relative;}

#header .menu .menu-item a{

    padding-left: 28px;

    font-size: 13px;

    font-weight: bold;

}

#header .menu .menu-item a:before{

    content: '';

    display: inline-block;

    width: 1px;

    height: 26px;

    background-color: #7a7879;

    position: absolute;

    left: 9px;

    top: 11px;

}

#header .menu .menu-item-has-children a:after,

#header .menu .full-menu a:after,

#vandamme-menu .v-menu > li.has-children > a:after,

#header .menu .menu-item-has-children .sub-menu li.menu-item-has-children > a:after{

    content: "\f107";

    display: inline-block;

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: 400;

    color: inherit;

    margin-left: 15px;

}

#header .menu .current-menu-item > a,#header .menu .menu-item > a:hover{background-color: #424242;}



.menu .menu-item-has-children .sub-menu{

    display: none;

    position: absolute;

    background-color: #fff;

    white-space: nowrap;

    padding-top: 5px;

    min-width: 100%;

    left: 0;

    top: 100%;

    -webkit-box-shadow: 0px 2px 8px 1px rgba(65, 65, 60, 0.5);

    -moz-box-shadow: 0px 2px 8px 1px rgba(65, 65, 60, 0.5);

    box-shadow: 0px 2px 8px 1px rgba(65, 65, 60, 0.5);

}

#header .menu .menu-item-has-children .sub-menu li.menu-item{float: none;border-bottom: 1px solid #cdcfcf;position: static;}

#header .menu .menu-item-has-children .sub-menu li.menu-item:last-child{border-bottom: 0;}

#header .menu .menu-item-has-children .sub-menu a{color: #5b5b5b;padding: 10px 30px !important;background-color: #fff !important;}

#header .menu .menu-item-has-children .sub-menu a font{color: #5b5b5b; background-color: #fff !important;}

#header .menu .menu-item-has-children .sub-menu a:hover{color: #8c52ff;}

#header .menu .menu-item-has-children .sub-menu a:before,#header .menu .menu-item-has-children .sub-menu a:after{content: none;}

#header .menu li.menu-item-has-children:hover > .sub-menu{display: block;}

#header .menu .menu-item-has-children .sub-menu li.menu-item-has-children > a:after,

#vandamme-menu .v-menu > li.has-children > a:after{content: "\f105";float: right;margin-left: 0;margin-right: -15px;}

#header .menu .menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{

    top: 0px;

    left: 100%;

    width: 350px;

    white-space: normal;

    min-height: 100%;

    /*height: 100%;

    overflow: auto;*/

}

#header .logo{
    overflow: hidden;
    width: 334px;
    height: 80px;
}
#header img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

#header-menu{

    z-index: 99;

    top: 0;

    left: 0;

    width: 100%;



}



#vandamme-menu{width: 100%;left: 0;top: 120%;display: none;z-index: 10;}

#vandamme-menu.active{top: 100%;}

#vandamme-menu .v-menu{margin: 0;padding: 20px 0;border-right: 1px solid #ccc;}

#vandamme-menu .v-menu > li{padding-right: 10px;}

#vandamme-menu .v-menu li a{padding: 15px 30px;border-bottom: 1px solid #ccc;display: block;}

#vandamme-menu .v-menu > li:last-child a{border-bottom: 0;}

#vandamme-menu ul li a{color: #5b5b5b;}

#vandamme-menu .v-menu > li:hover > a{color: #0094b2;}

#vandamme-menu .sub-menu{display: none;position: absolute;right: 0;top: 0;height: 100%;padding-top: 20px;overflow-y: auto;padding-bottom: 10px;}

#vandamme-menu .v-menu > li:hover > .sub-menu,

#vandamme-menu .v-menu > li > .sub-menu.list-1{display: block;}

#vandamme-menu .sub-menu > li > a{font-weight: bold;}

#vandamme-menu .sub-menu li a{color: #666;padding: 15px 0;}

#vandamme-menu .sub-menu li a:hover{color: #424242;}

#vandamme-menu .sub-menu2{margin-top: 10px;}

#vandamme-menu .sub-menu2 li a{border-bottom: 0;padding: 10px 0;}



#header .sub-menu::-webkit-scrollbar{width: 8px;}

#header .sub-menu::-moz-scrollbar{width: 8px;}

#header .sub-menu::-o-scrollbar{width: 8px;}

#header .sub-menu::-ms-scrollbar{width: 8px;}

#header .sub-menu::-webkit-scrollbar-track{background-color: transparent;border-radius: 4px;}

#header .sub-menu::-moz-scrollbar-track{background-color: transparent;border-radius: 4px;}

#header .sub-menu::-o-scrollbar-track{background-color: transparent;border-radius: 4px;}

#header .sub-menu::-ms-scrollbar-track{background-color: transparent;border-radius: 4px;}

#header .sub-menu::-webkit-scrollbar-button{background-color: transparent;height: 0;}

#header .sub-menu::-moz-scrollbar-button{background-color: transparent;height: 0;}

#header .sub-menu::-o-scrollbar-button{background-color: transparent;height: 0;}

#header .sub-menu::-ms-scrollbar-button{background-color: transparent;height: 0;}

#header .sub-menu::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 4px;}

#header .sub-menu::-moz-scrollbar-thumb{background-color: #ccc;border-radius: 4px;}

#header .sub-menu::-o-scrollbar-thumb {background-color: #ccc;border-radius: 4px;}

#header .sub-menu::-ms-scrollbar-thumb{background-color: #ccc;border-radius: 4px;}



#top-cart{display: none;z-index: 9;right: 0;}

#top-cart .cart-drop{border-radius: 4px;padding-bottom: 10px;}

#cart-count{

    width: 16px;

    height: 16px;

    position: relative;

    top: -5px;

    margin-left: -5px;

}



.item-block .name{height: 57px;}

.item-block.article .name{padding-top: 19px;margin-top: 5px;border-top: 1px solid #666;}

.item-block.article .text{padding-bottom: 20px;margin-bottom: 5px;border-bottom: 1px solid #666;}

.item-block.article .text p{overflow: hidden;height: 76px;}

.item-block a,.subcat-desc{color: #363839;}

.item-block a:hover,.item-block a:active,.item-block a:focus,.content a:active,.content a:focus{color: #8c52ff;}

.item-block .item-img{padding:0;padding-top: 66.6479%;}

.item-block:hover .item-img{

    -ms-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.square,.item-block .item-img.square{padding:0;padding-top: 100%;}



.item-content h1{

    color: #f44e24;

    font-weight: normal;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.item-content .price{font-size: 32px;}

.price sup{text-decoration: line-through;color: #cc3f1d;}

.item-block .price sup{position: absolute;right: -5px;top: -5px;}

#item-top,#item-top .min-h{min-height: 760px;}

#item-top .item-content{padding: 30px;}

#item-top .item-bg,#item-top .item-config{

    width: 50%;

    height: 100%;

    right: 50%;

    bottom: 0;

}

#item-top .item-config{height: auto;}

#item-top .item-config:before{

    content: '';

    width: 300%;

    height: 100%;

    right: 0%;

    bottom: 0;

    background-image: url('img/semi-b.png');

    background-repeat: repeat;

    position: absolute;

}

#item-top .item-config .name{border-bottom: 1px solid;border-color: inherit;}

#item-top .item-config .num{font-size: 90px;line-height: 1;}



.credit-available{

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.credit-available img{max-width: 30%;}

.credit-available .credit-info{font-size: 16px;}



.border-h h4{

    border-bottom: 1px solid;

    border-color: inherit;

    margin-top: 0;

    margin-bottom: 15px;

    padding-bottom: 3px;

    text-transform: uppercase;

    font-size: 16px;

}

.v-align-top{vertical-align: top;}

.v-align-sub{vertical-align: sub;}

#tag_icons .tag_icon{margin: 8px;display: inline-block;max-width: 86px;text-align: center;}

#tag_icons .tag_icon small{display: block;font-family: 'Roboto Condensed';}



#advant #advant-bg{

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    right: 0;

    background-image: url('img/analogue-audio-microphone.jpg');

    background-position: left top;

}



#specification .tab-links a{

    border-color: #e3e3e3;

    background-color: #ebebeb;

    color: #666;

    border-radius: 0;

    padding: 6px;

    font-size: 12px;

    display: block !important;

    text-align: left;

    text-transform: uppercase;

}

#specification .tab-links a:hover{background-color: #dcdcdc;}

#specification .tab-links a:after{

    content: "\f18e";

    font-family: 'FontAwesome';

    float: right;

    font-size: 1.15em;

    line-height: 16px;

}

#specification .tab-links a.active{background-color: #f44e24;color: #fff;}

#specification .tab-links a.active:after{content: "\f01a";}

#specification .tab-block{border-top: 1px solid #ebebeb;margin-top: -1px;}

#specification table{border-collapse: collapse;}

#specification table tr td{border-bottom: 1px solid #979797;padding: 6px;color: #888;font-size: 16px;line-height: 1;}

#specification table tr td b{color: #f44e24;}

#specification table tfoot tr td{border-bottom: 0;}

.famous-review{padding: 30px 50px;border: 1px solid #ebebeb;}



#choose-item-modal .mod-container{width: 800px;}

#choose-item-modal .table-container{

    overflow: auto;

}



#download i.fa{

    width: 75px;

    height: 75px;

    display: inline-block;

    font-size: 40px;

    line-height: 1.8;

    margin-bottom: 15px;

    background-color: red;

    color: white;

}



.page h1{color: #fe491c;font-size: 40px;text-align: center;}



.social a,#search-block a.link-open,#header #searchform button,.pagination li span.current,.pagination li a,.pagination li a:hover{

    display: inline-block;

    border: 0 !important;

    background-color: #fe491c;

    font-size: 18px;

    color: #fff;

    width: 36px;

    height: 36px;

    text-align: center;

    line-height: 38px;

    margin: 2px;

}

.social a:hover,#header #searchform button:hover{background-color: #cc3f1d;}

.pagination li a{background-color: #ececec;color: #333;}

#search-block a.link-open{

    background-color: #424242;

    font-size: 20px;

    line-height: 36px;

    margin: 5px;

    margin-right: 0;

    position: relative;

    z-index: 1;

}

#search-block a.link-open.active{

    border-radius: 0;

    background-color: #fe491c;

    height: 34px;

    line-height: 34px;

    margin-top: 7px;

}



#header #searchform{

    position: absolute;

    top: 7px;

    right: 0;

    width: 0;

}

#header #searchform.active{width: 100%;}

#header #searchform button{

    font-size: 14px;

    width: 34px;

    height: 34px;

    line-height: 32px;

    position: absolute;

    right: 0;

    top: 0;

    margin: 0;

}



.button,.tab-links a{

    padding: 10px 35px;

    background-color: #282828;

    color: #fff;

    /*font-size: 14px;*/

    font-weight: bold;

    border-radius: 25px;

    text-align: center;

}

.button.btn-sm,.tab-links a{

    font-size: 12px;

    padding: 5px 10px;

}

.button.btn-orange{background-color: #fe491c;}

.tab-links a{padding: 8px 15px;}

.button:hover,.tab-links a:hover{background-color: #424242;}

.tab-links a.active{color: #fe491c;}

.button.btn-orange:hover{background-color: #ff7410;}



input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="search"],select,textarea,.input{

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    font-family: inherit;

    line-height: 1.42857143;

    color: #787878;

    background-image: none;

    border-radius: 0;

    box-shadow: none;

    transition: none;

    border: 1px solid #d3d3d3;

    margin-bottom: 10px;

}

textarea{height: auto;}

input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="search"]:focus,select:focus,textarea:focus,.input:focus,.bord-red{

    border-color: #94231f;

}

input.error,select.error,textarea.error{

    border-color: red;

}

select.error{color:red;}

.button[disabled="disabled"]{opacity: 0.5;}



.count-field{

    width: 92px;

    display: inline-block;

    position: relative;

    border-radius: 25px;

    overflow: hidden;

    border: 2px solid #f44e24;

    margin-top: 1px;

}

.count-field input[type="number"]{

    text-align: center;

    margin: 0;

    font-weight: bold;

    padding-right: 0;

    border: 0;

    height: 32px;

}

.count-field .count-btn{

    position: absolute;

    top: 0;

    height: 32px;

    line-height: 33px;

    background-color: #fff;

    width: 24px;

    text-align: center;

    cursor: pointer;

    font-size: 18px;

}

.count-field .count-btn.minus{left: 0;line-height: 29px;}

.count-field .count-btn.plus{right: 0;}

.remove-item button[type="submit"]{

    background-color: #424242;

    border: 0;

    color: #f44e24;

    height: 20px;

    width: 20px;

    padding: 0 3px;

    text-align: center;

}



.addtocart-answer th,.addtocart-answer td,#cart-table th,#cart-table td,.ultimate-price th,.ultimate-price td{padding: 7px 3px;}



/*#top-block{background-image: url('img/background-1-1-1.jpg');height: 668px;}*/

#top-block .m2-slide{padding: 0;}

#top-block .m2-slide a{height: 668px;display: block;}

#network{background-image: url('img/map-v1.jpg');}



.breadcrumb{}

.breadcrumb a,.breadcrumb .sep{color: #1a1a1a;}

#comments .comment .comment-text .comment-image-box{display:table;width: 100%;text-align: center;}

#comments .comment .comment-text .comment-image-box .comment-image-reloaded{display:table-cell;vertical-align: top;}



.full-grid{padding: 5px;}

.full-grid .grid-item{

    padding-bottom: 74%;

    margin: 5px;

    display: block;

    position: relative;

}

.full-grid .grid-item .grid-desc{position: absolute;left: 30px;top: 30px;}

.full-grid .grid-item .grid-desc h3{font-size: 36px;margin-bottom: 10px;line-height: 1;font-family: 'Roboto Condensed';}



#info-graphic i.fa{

    font-size: 56px;

    display: block;

    margin-bottom: 20px;

    color: #fe491c;

}



#users-tabs h2{display: inline-block;font-family: 'Roboto Condensed';}

#users-tabs .users-block{display:block;height: 210px;position: relative;}

#users-tabs .users-block:before{

    content: '';

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url('img/semi-b.png');

    background-repeat: repeat;

    opacity: 0;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

}

#users-tabs .users-block:hover:before{opacity: 1;}

#users-tabs .users-block img{position: relative;}

#users-tabs .users-block p{

    font-size: 16px;

    font-weight: bold;

    margin-top: 10px;

    position: relative;

}



.m2-slider .item-block{width: 100%;}



.stars, .rank, label.rank {

    width: 75px;

    height: 14px;

    background-image: url('img/rank.png');

    background-repeat: repeat-x;

    background-position: top left;

    display: inline-block;

}

.rank{

    background-position: bottom left;

    width: 0;

    display: block;

    left: 0;

    top: 0;

}

.stars input[type="radio"]:checked + label, label.rank:hover {

    background-position: bottom left;

}



#footer{

    font-size: 12px;

    font-weight: bold;

    line-height: 1;

}

#footer a:not(.fa){color: #000;}

#footer a:not(.fa):hover{color: #fe491c;}

#footer li{margin-bottom: 5px;line-height: 1.2;text-transform: uppercase;}

#footer .li-50 li{width: 50%;float: left;}

#footer h4{

    font-size: 16px;

    text-transform: uppercase;

    margin-top: 0;

}

#footer .copyright{color: #999;}



.scrollup{

    position: fixed;

    left: 30px;

    bottom: 30px;

    width: 50px;

    height: 50px;

    z-index: 20;

    

}

.scrollup a{

    padding: 16px;

    display: block;

    border-radius: 4px;

    background-color: rgba(0, 0, 0, 0.2);

}

.scrollup:hover a{background-color: rgba(0, 0, 0, 0.3);}



/********************* Menu and Header - конец ********************/



.map{height: 400px;}

.video{

    position: relative;

    width: 100%;

    height: 0px;

    padding-bottom: 46%;

}

.video iframe{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}


.contact-links .contact-link {
        transition: color 0.3s ease; 
        display: block; 
        margin-bottom: 5px; 
        color: inherit; 
    }
    
    .contact-links .contact-link:hover {
        color: #8c52ff; 
    }
    
    .contact-links .contact-link:hover .fa {
        color: #8c52ff !important; 
    }

.random-products-section {
    padding: 40px 0;
    position: relative;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.catalog-btn {
    display: inline-block;
    padding: 12px 24px;
    background-color: #fe491c;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.3s;
}

.catalog-btn:hover {
    background-color: #8c52ff;
}

#random-products-container .hov-shadow{
    box-shadow: 0px 0px 6px 0px #D3D3D3;
}

#gtranslator{
    padding-top: 10px;
}
.gglobe{
    height: 50px;
    width: 50px;
}
#gtranslator .gsatelite.gt-current-lang img {
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 2px;
    transform: scale(1.3);
}
.news-hover-shadow{
    box-shadow: 0px 0px 6px 0px #D3D3D3;
}


@media (max-width:1169px){

    /*body#top{padding-top: 190px;}*/

    #header .logo{vertical-align: 9px;width: 40%;margin-top: 5px;}

    #header .nav-open{background-color: #424242;margin-top: 4px;border-radius: 5px;padding-top: 7px;padding-bottom: 7px;}

    #header .nav-open.active{background-color: #fe491c;}

    #header .menu-block{padding: 15px;}

    #header .menu-block .menu{overflow-y: auto;max-height: 390px;}

    #header .menu-block .menu::-webkit-scrollbar{width: 8px;}

    #header .menu-block .menu::-moz-scrollbar{width: 8px;}

    #header .menu-block .menu::-o-scrollbar{width: 8px;}

    #header .menu-block .menu::-ms-scrollbar{width: 8px;}

    #header .menu-block .menu::-webkit-scrollbar-track{background-color: #424242;border-radius: 4px;}

    #header .menu-block .menu::-moz-scrollbar-track{background-color: #424242;border-radius: 4px;}

    #header .menu-block .menu::-o-scrollbar-track{background-color: #424242;border-radius: 4px;}

    #header .menu-block .menu::-ms-scrollbar-track{background-color: #424242;border-radius: 4px;}

    #header .menu-block .menu::-webkit-scrollbar-thumb{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-moz-scrollbar-thumb{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-o-scrollbar-thumb {background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-ms-scrollbar-thumb{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-webkit-scrollbar-button{background-color: transparent;}

    #header .menu-block .menu::-moz-scrollbar-button{background-color: transparent;}

    #header .menu-block .menu::-o-scrollbar-button{background-color: transparent;}

    #header .menu-block .menu::-ms-scrollbar-button{background-color: transparent;}

    #header .menu-block .menu::-webkit-scrollbar-button:start:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-moz-scrollbar-button:start:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-o-scrollbar-button:start:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-ms-scrollbar-button:start:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-webkit-scrollbar-button:end:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-moz-scrollbar-button:end:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-o-scrollbar-button:end:hover{background-color: #999;border-radius: 4px;}

    #header .menu-block .menu::-ms-scrollbar-button:end:hover{background-color: #999;border-radius: 4px;}

    #header .menu .menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{left: 0;width: auto;padding-left: 15px;}

    #header .menu .menu-item-has-children .sub-menu li.menu-item-has-children > a:after{margin-left: 15px;float: none;content: "\f107";}

    #header .menu .menu-item a{padding: 15px;}

    #header .menu .menu-item a:before{content: none;}

    #header .menu .menu-item-has-children .sub-menu,

    #header .menu .menu-item-has-children .sub-menu a{display: block;box-shadow: none;position: relative;background-color: transparent !important;color: #999;}

    #header .menu .menu-item-has-children .sub-menu a:hover{background-color: #424242 !important;color: #fff;}

    #header .menu .menu-item-has-children .sub-menu li.menu-item{border-bottom: 0;}

    #header .logo-desc{margin-left: 10px;font-size: 12px;vertical-align: 10px;}

    #top-block .m2-slide a{height: 500px;}

    .full-grid .grid-item .grid-desc h3{font-size: 28px;}

    #info-graphic i.fa,#item-top .item-config .num{font-size: 50px;}

    #info-graphic .table-cell p{font-size: 16px;}

    .item-content h1{font-size: 24px;}

    .item-content .series .button{margin-bottom: 15px;}

    

    #vandamme-menu{z-index: 99;margin-top: 48px;}

    #vandamme-menu .menu-close{width: 100%;background-color: transparent;border: 0;border-bottom: 1px solid #ccc;padding: 8px;}

    #vandamme-menu .menu-close,#vandamme-menu .menu-close i.fa{color: #333;}

    #vandamme-menu .menu-close:hover{background-color: #eee;}

    #vandamme-menu .v-menu{padding: 0;border-right: 0;}

    #vandamme-menu .v-menu > li{padding-right: 0;position: relative;}

    #vandamme-menu .v-menu > li > .sub-menu,

    #vandamme-menu .v-menu > li:hover > .sub-menu,

    #vandamme-menu .v-menu > li > .sub-menu.list-1{display: none;}

    #vandamme-menu .v-menu > li > .sub-menu{padding: 0;height: auto;top: 100%;z-index: 1;border: 1px solid #ccc;max-height: 500px;}

    #vandamme-menu .v-menu > li > .sub-menu li{padding: 0;}

    #vandamme-menu .v-menu > li > .sub-menu li a{padding-left: 15px;padding-right: 15px;}

    #vandamme-menu .v-menu > li.has-children > a:after{content: "\f107";}

    .cart-form .price-count .table-cell{display: block;}

    .cart-form .count-cell,.cart-form .button-cell{width: 50%;float: left;}

    #header-top a.cart{padding: 10px;}

}

@media (max-width:767px){

    #header{position:relative;top: 0 !important;}

    #header .logo{width: auto;margin-top: 0;display: block !important;text-align: center;margin-bottom: 5px;}

    #header .logo-desc{font-size: 14px;display: block !important;margin-bottom: 15px;margin-left:0;text-align: center;}

    #header .phone{margin-bottom: 15px;}

    #header-menu.fixed{position: static;}

    body#top{padding-top: 0 !important;}

    #top-block .m2-slide a{height: 300px;}

    #info-graphic .table-cell{padding-bottom: 15px;}

    h1,.h1,.page h1{font-size: 26px;}

    h2,.h2{font-size: 22px;}

    h3,.h3,.full-grid .grid-item .grid-desc h3{font-size: 20px;}

    #users-tabs h2{margin-top: 15px;}

    #network .section{padding-top: 0;padding-bottom: 0;}

    #footer .li-50 li{float: none;width: 100%;}

    #header .menu-block .menu{max-height: inherit;}

    label.agreement{display: block;}

    #item-top .item-bg,#item-top .item-config{width: 100%;position: relative;padding-top: 76%;right: 0;}

    #item-top .item-config{padding-top: 30px;padding-bottom: 20px;}

    #item-top .item-config .name{font-size: 12px;}

    #item-top .item-config .num{font-size: 40px;}

    #advant #advant-bg{

        left: 0;

        width: 100%;

        height: auto;

        top: auto;

        bottom: 0;

        padding-top: 100%;

    }

    .font-18{font-size: 16px;}

    .famous-review{padding: 30px;}

	#comments .comment .comment-text .comment-image-box .comment-image-reloaded{display:block;}

    #vandamme-menu .v-menu > li > .sub-menu{max-height: inherit;}

    .cart-form .count-cell,.cart-form .button-cell{width: 100%;float: none;}

    #header-top a.cart{padding: 10px 35px;}

}

@media (max-width:460px){

    #top-block .m2-slide a{height: 170px;}

}