:root  {
--branding-color: #BD6703}

@media (min-width: 900px) {
.container {
width: 850px;
}
}
@media (min-width: 1000px) {
.container {
width: 900px;
}
}
@media (min-width: 1100px) {
.container {
width: 1000px;
}
}
@media (min-width: 1200px) {
.container {
width: 1100px;
}
}
@media (min-width: 1300px) {
    .container {
        width: 1200px;
    }
}
@media (min-width: 1500px) {
    .container {
        width: 1500px;
    }

    .cart-verlauf .col-xs-4 {
        width: 33.33333333% !important;
    }

    .cart-verlauf .col-xs-8 {
        width: 66.66666667% !important;
    }
}
.hvz_cart_label {
    bottom: 6px;
    left: 20px;
    margin-top:15px;
    position: absolute;
}
.hvz_cart {
    border-bottom: none !important;
    bottom: 3px;
    left: 34px;
    line-height: 18px;
    margin-top:13px;
    margin-left:3px;
    color: #000;
    font-size: 0.9em;
    font-family: 'Roboto-Light';
    position: absolute;
    width: 250%;
}
.tablesidecartheader {
background-color: #aaa;
width: 100%;
color: #ffffff;
padding: 3px;
}
.no-button {
background-color: #fff;
border: none;
}


#editcart {
    color: #aaaaaa;
}

#editcart:hover {
    cursor: pointer !important;
}


#cartName {
width: 98%;
border-bottom: 1px #cccccc solid !important;
}

@font-face {
font-family: "Roboto-Bold";
src: url("../fonts/Roboto-Bold.ttf") format('truetype');
}
@font-face {
font-family: "Roboto-Medium";
src: url("../fonts/Roboto-Medium.ttf") format('truetype');
}
@font-face {
font-family: "Roboto-Regular";
src: url("../fonts/Roboto-Regular.ttf") format('truetype');
}
@font-face {
font-family: "Roboto-Light";
src: url("../fonts/Roboto-Light.ttf") format('truetype');
}

p .medium, .medium {
font-family: 'Roboto-Medium', 'sans-serif';
}
p .light, .light {
font-family: 'Roboto-Light', 'sans-serif';
}
p .bold, .bold {
font-family: 'Roboto-Bold', 'sans-serif';
}
p .regular, .regular {
font-family: 'Roboto-Regular', 'sans-serif';
}

/*Layout für Kachelansicht -> 5 Spalten bei fullwidth*/
.col-5ths,
.col-5ths,
.col-5ths,
.col-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

.col-5ths {
width: 20%;
float: left;
}


@media (min-width: 250px) {
.col-5ths {
width: 100%;
float: left;
}
}

@media (min-width: 500px) {
.col-5ths {
width: 50%;
float: left;
}
}


@media (min-width: 768px) {
.col-5ths {
width: 33%;
float: left;
}
}

@media (min-width: 992px) {
    .col-5ths {
        width: 25%;
        float: left;
    }

    .artikelfarbnrhinzu {
        margin-top: 52px;
    }
}

@media (min-width: 1200px) {
.col-5ths {
width: 20%;
float: left;
}
}

/* External Fonts - End */

body{
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #444444;
overflow-x: hidden;
}
main {
background-color: #e4e4e4;
}
main.light {
background-color: #ffffff;
}
img{
max-width: 100%;
height: auto;
}
input:focus{
outline: none;
}
a:hover, a:focus, a:visited, a:active,
button:hover, button:focus, button:visited, button:active{
text-decoration: none;
outline: none;
}
.mercado-panel a{
color: #666666;
}

.text-align-center {
text-align: center;
}

.back-button {
background-color: #ffffff;
border: 1px var(--branding-color) solid;
color: var(--branding-color);
padding: 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 9px;
transition: 0.3s;
}
.back-button:hover {
background-color: var(--branding-color);
border: 1px var(--branding-color) solid;
color: #fff;

}
#ansprechpartnerformular {
margin-bottom: 5px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
}
}
input,textarea{
border-radius: 0;
outline: none;
box-shadow: none;
}
.icon-table {
margin-left: 13px;
position: absolute;
margin-top: 4px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-favorite:before { content: "\f100"; }
.flaticon-technology:before { content: "\f101"; }
.flaticon-interface:before { content: "\f102"; }
.flaticon-signs:before { content: "\f103"; }
.flaticon-squares-2:before { content: "\f104"; }
.flaticon-menu-1:before { content: "\f105"; }
.flaticon-menu:before { content: "\f106"; }
.flaticon-grid:before { content: "\f107"; }
.flaticon-four-grid-layout-design-interface-symbol:before { content: "\f108"; }
.flaticon-squares-1:before { content: "\f109"; }
.flaticon-squares:before { content: "\f10a"; }

/****************************************
*     menu-mm                           *
*****************************************/

.mercado-clone-wrap .megamenu-item li{
line-height: 50px;
}
.mercado-clone-wrap .megamenu-item .widget{
padding: 0 0 30px 0;
}
.mercado-clone-wrap .megamenu-item li > a{
font-family:'Roboto', san-serif;
}
.mercado-clone-wrap .megamenu-item li.menu-item > a{
display: inline-block;
line-height: 50px;
}
.mercado-clone-wrap .megamenu-item li .icon{
right: -4px;
top: -9px;
float: right;
position: relative;
}
.mercado-clone-wrap .megamenu-item .menu-title{
font-size: 14px;
font-weight: 400;
}
.mercado-clone-wrap .megamenu-item .menu-title,
.mercado-clone-wrap .megamenu-item .wrap-media{
margin-bottom: 0;
padding-left: 20px;
}
.mercado-panel ul{
padding:0;
margin:0;
}
.mercado-panel li{
list-style: none;
position: relative;
padding:0 20px;
border-bottom: 1px solid #ddd;
}
.mercado-panels-actions-wrap .mercado-prev-panel {
right: inherit;
left: 0;
border: none;
border-right: 1px solid #eee;
}
.mercado-panels-actions-wrap .mercado-prev-panel:before {
content: "\f104";
font-family: FontAwesome;
}
.mercado-panels-actions-wrap .mercado-current-panel-title {
display: block;
text-align: center;
line-height: 50px;
padding: 0 50px;
text-transform: uppercase;
}
.mercado-clone-wrap .mercado-panels {
background: inherit;
border-color: inherit;
position: absolute;
margin-top: 50px;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
box-sizing: border-box;
}
.mercado-next-panel {
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.mercado-next-panel:before {
content: "\f105";
font-family: FontAwesome;
}
.mercado-panel>ul>li>a {
display: inline-block;
line-height: 50px;
text-transform: uppercase;
padding-right: 6px;
}
.mercado-panel>ul>li>a>.icon{
right: -4px;
top: -9px;
float: right;
position: relative;
}
.mercado-clone-wrap .mercado-panel {
border-color: #fff;
bottom: 0;
box-sizing: border-box;
display: block;
left: 0;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
transition: all 0.2s ease 0s;
z-index: 0;
}
.mercado-clone-wrap .mercado-main-panel,
.mercado-clone-wrap .mercado-panel.mercado-panel-opened {
transform: translateX(0);
z-index: 10;
}
.mercado-clone-wrap .mercado-sub-opened {
z-index: 1;
opacity: 0;
visibility: hidden;
}
.mercado-panels-actions-wrap {
border-bottom: 1px solid #ddd;
height: 50px;
position: relative;
}
.mercado-panels-actions-wrap .mercado-close-btn,
.mercado-panels-actions-wrap .mercado-prev-panel {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
border-left: 1px solid #eee;
text-align: center;
line-height: 50px;
color: #666;
}
@media (max-width: 1023px) {
.mercado-clone-wrap.open{
left:0;
}
.submenu.megamenu .wpb_single_image{
text-align: left;
max-width: 285px;
margin: 0 20px;
}
.mercado-panel .megamenu{
background-image: none!important;
}
.mercado-clone-wrap .btn-control{
display: none;
}
.mercado-clone-wrap .default-hiden{
display: list-item;
}
}
/****************************************
*     menu-mm                           *
*****************************************/

.mercado-panels .wrap-megamenu .megamenu-content{
padding: 0;
background-image: none !important;
height: auto !important;
padding-bottom: 20px;
}
.mercado-panels .wrap-vertical-nav .link-term{
line-height: 50px;
}
.mercado-panels .wrap-vertical-nav .menu-title{
line-height: 30px;
padding: 10px 20px;
background: rgb(238,238,238);
margin-top: 1px;
color: #000;
display: inline-block;
}
.mercado-panels .wrap-banner.banner-style-3,
.mercado-panels .wrap-banner.banner-style-2,
.mercado-panels .wrap-banner.banner-style-1{
margin-top: 15px !important;
margin-left: 10px !important;
position: static !important;
}
.mercado-panels .product-style-1{
margin: 20px auto;
}
.mercado-panels .wrap-megamenu .wrap-gird-banner .grid-banner-item{
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
}
.mercado-panels .megamenu-banner.without-col{
max-width: 100% !important;
width: initial !important;
margin: 10px 0 0 0 !important;
padding: 0 5px;
}
.mercado-panels .megamenu-banner.without-col img{
height: auto;
}
.menu-item-has-children{
position: relative;
}
.menu-item-has-children>.submenu{
position: absolute;
}
.fill-color .topbar-menu-area .topbar-menu ul{
background: #414141;
}
.fill-color .topbar-menu-area{
background: #414141;
border-bottom: 1px solid #414141;
}
.fill-color .topbar-menu-area .topbar-menu ul li a{
color: #ffffff;
}
.topbar-menu-area{
display: block;
width: 100%;
background: #f9f9f9;
border-bottom: 1px solid #f2f2f2;
}
.topbar-menu-area .topbar-menu{
display: block;
}
.topbar-menu-area .topbar-menu ul{
margin: 0;
padding: 0;
}
.topbar-menu-area .topbar-menu ul li{
list-style: none;
float: left;
}
.topbar-menu-area .topbar-menu>ul>li{
padding-top: 5.5px;
padding-bottom: 5.5px;
}
.topbar-menu-area .topbar-menu.right-menu>ul>li:not(:last-child)>a{
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgba(0,0,0,0.11);
padding-right: 17px;
padding-left: 17px;
}


.topbar-menu-area .topbar-menu ul li a{
display: inline-block;
text-decoration: none;
color: #666666;
text-transform: capitalize;
}
.topbar-menu-area .topbar-menu.left-menu{
float: left;
}
.topbar-menu-area .topbar-menu.right-menu{
float: right;
}
.topbar-menu-area .topbar-menu .label-before{
display: inline-block;
float: left;
margin: 0 4px 0 0;
padding: 0;
}
.topbar-menu-area .topbar-menu .label-before.icon{
font-size: 18px;
}
.topbar-menu-area .topbar-menu li.parent:hover .submenu{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
top: 100%;
z-index: 10;
}
.topbar-menu-area .topbar-menu.right-menu>ul>li:not(:last-child)>.submenu{
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.topbar-menu-area .topbar-menu.right-menu>ul>li:last-child>.submenu{
right: 0;
}
.topbar-menu-area .topbar-menu .submenu{
min-width: 130px;
padding: 0;
margin: 0;
top: calc(100% + 10px);
top: -webkit-calc(100% + 10px);
top: -moz-calc(100% + 10px);
background: #fff;
overflow: hidden;
box-shadow: 0 0 9px 0 #ececec;
-webkit-box-shadow: 0 0 9px 0 #ececec;
-moz-box-shadow: 0 0 9px 0 #ececec;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
padding-top: 15.5px;
padding-bottom: 15.5px;
}
.topbar-menu-area .topbar-menu .submenu li{
width: 100%;
float: left;
padding: 7.5px 5px 7.5px 15px;
}
.topbar-menu-area .topbar-menu .submenu li a{
font-weight: 300;
}
.topbar-menu-area .topbar-menu.right-menu>ul>li .fa-angle-down{
display: inline-block;
margin-left: 7px;
}
.center-section .wrap-search-form{
display: inline-block;
border: 2px solid;
position: relative;
max-width: 522px;
width: 100%;
}
.header.fill-color .center-section .wrap-search-form{
border-color: #ffffff;
}
.center-section .wrap-search-form .wrap-list-cate{
position: absolute;
top: 0;
right: 56px;
width: 125px;
height: 35px;
border: none;
outline: none;
background: #f6f6f6;
}
.center-section .wrap-search-form .wrap-list-cate .list-cate li:hover{
cursor: pointer;
}
.center-section .wrap-search-form .wrap-list-cate .list-cate li{
display: inline-block;
width: 100%;
float: left;
list-style: none;
font-size: 13px;
color: #666;
padding: 3.5px 15px;
padding-right: 5px;
}
.center-section .wrap-search-form .wrap-list-cate .list-cate li:not(.level-0){
font-weight: 300;
padding-left: 22px;
}
.center-section .wrap-search-form .wrap-list-cate .list-cate li.level-0{
color: #000;
background: #f0f2f5;
}
.center-section .wrap-search-form .wrap-list-cate .list-cate li.level-1{

}
.center-section .wrap-search-form .wrap-list-cate .list-cate li.level-2{
padding-left: 42px;
}
.center-section .wrap-search-form .wrap-list-cate .list-cate{
padding: 0;
margin: 0;
border: 1px solid #dddddd;
background: #ffffff;
position: absolute;
top: calc(100% + 2px);
top: -webkit-calc(100% + 2px);
top: -moz-calc(100% + 2px);
right: 0;
width: 228px;
z-index: 10;
max-height: 442px;
overflow-y: auto;
text-align: left;
display: none;
padding-bottom: 12px;
}
.center-section .wrap-search-form .wrap-list-cate .link-control::after {
content: '\f0dd';
font-family: FontAwesome;
display: inline-block;
position: absolute;
top: 7px;
right: 14px;
}
.center-section .wrap-search-form .wrap-list-cate .link-control {
display: inline-block;
color: #999;
padding: 9px 15px;
width: 100%;
text-align: left;
}
.center-section .wrap-search-form input[name="search"]{
width: 100%;
float: left;
font-size: 13px;
color: #999999;
border: none;
padding: 0 20px;
height: 35px;
}
.begruessung {
font-size: 12px !important;
}
.header .main-info-area{
display: table;
width: 100%;
height: 99px;
}
.header.fill-color .center-section .wrap-search-form button{
background: #414141;
height: 39px;
top: -2px;
right: -2px;
}
.center-section .wrap-search-form button{
width: 56px;
height: 35px;
border: none;
position: absolute;
right: 0;
top: 0;
}
.center-section .wrap-search-form button i{
font-size: 15px;
color: #fff;
}
.header .main-info-area .right-section,
.header .main-info-area .center-section,
.header .main-info-area .left-section{
display: table-cell;
vertical-align: middle;
}
.header .main-info-area .center-section{
padding: 0 15px;
text-align: center;
}


.header .main-info-area .left-section{
width: 182px;
}
.header .main-info-area .right-section{
width: 340px;
}
.main-info-area .right-section .wrap-icon-section{
display: inline-block;
float: right;
position: relative;
}
header.fill-color .right-section .wrap-icon-section .title{
color: #ffffff;
}
header.fill-color .main-info-area .right-section .wrap-icon-section .title{
color: #ffffff;
}
.main-info-area .right-section .wrap-icon-section .title{
color: #333333;
text-transform: uppercase;
font-weight: 600;
display: block;
}
header.fill-color .main-info-area .right-section .wrap-icon-section .index{
color: #ffffff;
background: #414141;
}
header.fill-color .main-info-area .right-section .wrap-icon-section.minicart .index{
background-color: #ff0000;
}
.main-info-area .right-section .wrap-icon-section .index{
color: #fff;
font-size: 12px;
line-height: 12px;
display: block;
background: #888;
padding: 1.5px 7px;
border-radius: 2px;
}
header.fill-color .main-info-area .right-section .wrap-icon-section .link-direction>i{
color: #ffffff;
}

.topbar-menu-area .topbar-menu .lang-menu .img.label-before img{
float: left;
}
.topbar-menu-area .topbar-menu .lang-menu .img.label-before{
margin-top: 2px;
}
.header-nav-section{
border-top: 1px solid #e5e5e5;
background-color: #ececec;
z-index: 50;
position: relative;

}
#newCustomer {
font-family: "Roboto-Light";
}
#myModalRegister label {
font-family: "Roboto-Light";
}

#myModalRegister .form-control::placeholder,
#kundenstammdaten .form-control::placeholder,
#shippingAddressFormular .form-control::placeholder,
#ansprechpartnerNeu .form-control::placeholder,
#ansprechpartnerEdit .form-control::placeholder,
#internehinweise::placeholder {
    font-style: italic !important;
    font-size: 0.8em !important;
}

.header-nav-section .menu-nav{
display: block;
padding: 0;
position: relative;
margin: 0;
}
.header-nav-section .menu-nav li {
display: inline-block;
float: left;
padding: 13px 0px 12px 75px;
/*width: 189px;
text-align: center;*/
}

.header-nav-section .menu-nav li:first-child {
    padding-left: 0;
}

.header-nav-section .menu-nav li ul li{
display: inline-block;
float: left;
padding: 13px 20px 11px;
text-align: left;
}
.checkboxline li {
padding: 0px !important;
}
.header-nav-section li>a{
display: inline-block;
color: #333333;
text-transform: uppercase;
font-size: 13px;
padding: 0;
margin-right: 6px;
}

li.menu-item .nav-label,
.header-nav-section li .nav-label{
color: #fff;
text-transform: uppercase;
background: #f59524;
font-size: 8px;
padding: 0 10px 2px 10px;
position: relative;
bottom: 7px;
display: inline-block;
}
li.menu-item .nav-label::before,
.header-nav-section li .nav-label::before{
content: '';
display: block;
border-top: 0 solid #f59524;
border-left: 9px solid #f59524;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
bottom: -4px;
left: 4px;
}

.header-nav-section li:not(:last-child)::after{
display: inline-block;
content: '';
width: 1px;
height: 15px;
background: #e5e5e5;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.header-nav-section li>a:hover{
background: transparent;
}
.header-style-1 .primary-nav-section{
background: #444444;
}
.primary{
position: relative;
}
.primary-nav-section .primary>.menu-item{
display: block;
float: left;
position: static;
}
.primary .menu-item.home-icon i{
font-size: 19px;
color: #ffffff;
}
.primary .menu-item.home-icon>a{
padding: 10px 20px;
}
.primary>.menu-item:not(.home-icon)>a{
font-weight: 700;
color: #f1f1f1;
text-transform: uppercase;
padding: 11px 23px;
}
.primary>.menu-item:not(first-child){
border-right: 1px solid #555555;
}
.primary>.menu-item:not(.home-icon):hover{
background: #555555;
}
.primary .menu-item>a:focus,
.primary .menu-item>a:active,
.primary .menu-item>a:visited,
.primary .menu-item:hover>a{
background: transparent !important;
}
.custom-col-5{
display: block;
width: 20%;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
float: left;
}
.custom-col-5-2{
display: block;
width: 40%;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
float: left;
}
.primary .menu-item.menu-item-has-children .wrap-megamenu{
position: absolute;
top: 100%;
left: 0;
right: 0;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
transform: translateY(10px);
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
box-shadow: 0 0 9px 0 #ececec;
-webkit-box-shadow: 0 0 9px 0 #ececec;
-moz-box-shadow: 0 0 9px 0 #ececec;
z-index: 100;
background-color: #fff;
}
.primary .menu-item.menu-item-has-children:hover .wrap-megamenu{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
.wrap-vertical-nav .menu-title{
font-size: 13px;
line-height: 13px;
font-weight: 600;
color: #222222;
text-transform: uppercase;
display: block;
width: 100%;
text-align: left;
margin: 0;
padding: 10px 0 17px 0;
}
.wrap-vertical-nav>ul{
padding: 0;
}
.wrap-vertical-nav li{
display: inline-block;
width: 100%;
float: left;
margin-bottom: 10px;
text-align: left;
list-style: none;
}

.wrap-vertical-nav ul li:last-child {
margin-bottom: 0;
}

.wrap-vertical-nav li a{
color: #666666;
}
.wrap-vertical-nav li .nav-label{
bottom: 12px;
left: 2px;
}
.product-style-1{
display: block;
max-width: 200px;
width: 100%;
}
.product-style-1 .product-info{
display: block;
width: 100%;
text-align: center;
padding-top: 5px;
}
.product-style-1 .product-info .product-name{
line-height: 18px;
color: #444444;
}
.product-style-1 .product-info .product-name span{
text-align: center !important;
}
.product-style-1 .product-info .wrap-btn {
display: block;
padding-top: 7px;
}
.product-style-1 .product-info .wrap-btn a{
position: relative;
}
.product-style-1 .product-info .wrap-btn a i{
margin-left: 5px;
}
.product-style-1 .product-info .wrap-btn a::after{
display: block;
content: '';
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

.product .product-thumnail figure{
display: inline-block;
overflow: hidden;

}
.product .product-thumnail figure img{
transition: transform ease-out 0.3s 0s;
-webkit-transition: transform ease-out 0.3s 0s;
-moz-transition: transform ease-out 0.3s 0s;
-o-transition: transform ease-out 0.3s 0s;
}
.product:hover .product-thumnail figure img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.wrap-megamenu .wrap-gird-banner{
display: block;
margin-left: -5px;
margin-right: -5px;
}
.wrap-megamenu .wrap-gird-banner .grid-banner-item{
display: inline-block;
width: 33.333333333%;
padding-left: 5px;
padding-right: 5px;
float: left;
margin-top: 28px;
}
.wrap-megamenu .megamenu-content{
padding: 18px 19.5px 35px;
display: inline-block;
width: 100%;
/*background: beige;*/
float: left;
}
.megamenu-banner.without-col{
display: inline-block;
float: left;
}
.wrap-banner.banner-style-1 .banner-title{
color: #ca9656;
font-size: 50px;
text-transform: uppercase;
font-weight: 700;
line-height: 45px;
text-align: left;
margin: 0 0 0 -3px;
}
.wrap-banner.banner-style-1 .sub-title{
font-size: 18px;
line-height: 24px;
color: #666666;
text-align: left;
font-weight: 600;
text-transform: uppercase;
margin-top: 5px;
}
.wrap-banner .banner-link{
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #fefefe;
border: none;
border-radius: 0;
text-align: center;
padding: 5px 26.82px;
}
.wrap-banner .banner-link:hover{
background-color: #000000;
}
.wrap-banner.banner-style-2 .banner-title{
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
line-height: 30px;
color: #333333;
margin: 0;
}
.wrap-banner.banner-style-2 .sub-title{
font-size: 16px;
line-height: 20px;
color: #666666;
text-align: left;
margin-top: 7px;
margin-bottom: 16px;
}
.wrap-banner.banner-style-2 .banner-link {
padding: 8px 29.82px;
margin-left: 2px;
}
.wrap-banner.banner-style-3 .banner-title{
font-weight: 700;
font-size: 30px;
line-height: 30px;
color: #333333;
text-transform: uppercase;
text-align: left;
margin: 0;
}

.wrap-banner.banner-style-3 .sub-title::first-letter{
font-weight: 600;
color: red;
text-decoration: line-through;
}
.wrap-banner.banner-style-3 .desc{
font-size: 16px;
line-height: 20px;
color: #666666;
text-align: left;
}
.wrap-banner.banner-style-3 .banner-link {
padding: 8px 29.82px;
margin-top: 16px;
}
.show-up-after-1024{
display: none !important;
}
.wrap-main-slide{
display: block;
margin-top: 10px;
}
.wrap-main-slide .item-slide .img-slide,
.wrap-main-slide .item-slide{
min-height: 190px;
}
.wrap-main-slide .slide-carousel .slide-info{
position: absolute;
}
.wrap-main-slide .slide-carousel .slide-info.slide-1{
top: 30%;
left: 40%;
z-index: 15;
transform: translate( 4px, -7px);
-webkit-transform: translate( 4px, -7px);
-ms-transform: translate( 4px, -7px);
}
.wrap-main-slide .slide-carousel .slide-info.slide-2{
max-width: 370px;
z-index: 30;
left: 8%;
top: 22%;
transform: translate(1px, 0px);
-webkit-transform: translate(1px, 0px);
-ms-transform: translate(1px, 0px);
}
.wrap-main-slide .slide-carousel .slide-info.slide-3{
top: 20%;
left: 8%;
max-width: 500px;
transform: translate(7px, 4px);
-ms-transform: translate(7px, 4px);
-webkit-transform: translate(7px, 4px);
}
.wrap-main-slide .slide-1 .f-title{
font-size: 35px;
line-height: 28.8px;
color: #555555;
text-transform: uppercase;
font-weight: 400;
margin-left: -2px;
}
.wrap-main-slide .slide-1 .subtitle{
font-size: 18px;
line-height: 24px;
color: #555555;
display: inline-block;
}
.wrap-main-slide .slide-1 .sale-info{
font-size: 16px;
line-height: 24px;
color: #888888;
margin-top: 6px;
margin-bottom: 19px;
}
.wrap-main-slide .slide-1 .sale-info .price{
font-weight: 700;
color: #ff2832;
font-size: 24px;
}
.wrap-main-slide .slide-3 .btn-link,
.wrap-main-slide .slide-1 .btn-link{
font-size: 14px;
line-height: 24px;
font-weight: 600;
color: #eff5f5;
border: 0;
border-radius: 0;
padding: 7.5px 22px;
display: inline-block;
}
.wrap-main-slide .slide-3 .btn-link:hover,
.wrap-main-slide .slide-1 .btn-link:hover{
text-decoration: none;
background-color: #333333;
}

.wrap-main-slide .slide-2 .f-subtitle{
font-size: 18px;
line-height: 24px;
color: #555555;
display: inline-block;
}
.wrap-main-slide .slide-2 .discount-code{
font-size: 18px;
line-height: 24px;
color: #ffffff;
background-color: #222222;
border: 1px solid #e6e6e6;
border-radius: 3px;
font-weight: 300;
display: inline-block;
padding: 3px 27.27px 3px 20px;
margin-top: 3px;
margin-left: 1px;
margin-bottom: 12px;
}
.wrap-main-slide .slide-2 .s-title{
font-size: 30px;
line-height: 24px;
color: #333333;
font-weight: 700;
text-transform: uppercase;
margin-left: -1px;
margin-bottom: 4px;
}
.wrap-main-slide .slide-2 .s-subtitle{
font-size: 20px;
line-height: 24px;
color: #666666;
text-transform: uppercase;
margin-left: -1px;
}

.wrap-main-slide .slide-3 .f-subtitle{
font-size: 18px;
line-height: 24px;
color: #555555;
text-align: left;
margin-left: -2px;
display: inline-block;
}
.wrap-main-slide .slide-3 .sale-info{
font-size: 18px;
line-height: 24px;
color: #666666;
text-align: left;
margin-top: 8px;
margin-left: -1px;
margin-bottom: 20px;
}
.wrap-main-slide .slide-3 .sale-info .price{
font-weight: 700;
font-size: 25px;
color: #ff2832;
}


.wrap-main-slide .active .slide-1 .subtitle{
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-1 .sale-info{
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceIn;
-webkit-animation-name: bounceIn;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-3 .btn-link,
.wrap-main-slide .active .slide-1 .btn-link{
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-2 .f-subtitle{
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: slideInLeft;
-webkit-animation-name: slideInRight;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-2 .discount-code{
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: zoomIn;
-webkit-animation-name: zoomIn;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-2 .s-title{
animation-duration: 0.9s;
-webkit-animation-duration: 0.9s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-2 .s-subtitle{
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-3 .f-subtitle{
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide .active .slide-3 .sale-info{
animation-duration: 0.9s;
-webkit-animation-duration: 0.9s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.banner-effect-1 figure{
position: relative;
overflow: hidden;
display: inline-block;
}
.banner-effect-1 figure::before{
content: '';
position: absolute;
top: 50%;
left: 50%;
bottom: 50%;
right: 50%;
background: rgba(0,0,0,0.2);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;

}
.banner-effect-1 figure img{
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.banner-effect-1 figure:hover::before{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.banner-effect-1 figure:hover img{
/*transform: scale(1.1);*/
}
.banner-effect-toright figure img,
.banner-effect-toleft figure img{
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.banner-effect-toleft figure:hover img{
-webkit-transform: scale(1.05) translateX(-25px);
-moz-transform: scale(1.05) translateX(-25px);
-ms-transform: scale(1.05) translateX(-25px);
-o-transform: scale(1.05) translateX(-25px);
transform: scale(1.05) translateX(-25px);
}
.banner-effect-toright figure:hover img{
-webkit-transform: scale(1.05) translateX(25px);
-moz-transform: scale(1.05) translateX(25px);
-ms-transform: scale(1.05) translateX(25px);
-o-transform: scale(1.05) translateX(25px);
transform: scale(1.05) translateX(25px);
}
.banner-effect-toleft figure::before,
.banner-effect-toright figure::before{
content: '';
position: absolute;
background: rgba(0,0,0,0.2);
opacity: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0.1s;
-webkit-transition: all ease 0.5s 0.1s;
-moz-transition: all ease 0.5s 0.1s;
-o-transition: all ease 0.5s 0.1s;
z-index: 10;
}
.banner-effect-toleft figure:hover::before,
.banner-effect-toright figure:hover::before{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.banner-effect-toright figure,
.banner-effect-toleft figure,
.banner-effect-2 figure{
position: relative;
display: inline-block;
overflow: hidden;
}
.banner-effect-2 figure::before,
.banner-effect-2 figure::after{
content: '';
position: absolute;
background: rgba(255,255,255,0.3);
opacity: 0;
top: 0;
bottom: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.banner-effect-2 figure::before{
left: 0;
right: 100%;
}
.banner-effect-2 figure::after{
right: 0;
left: 100%;
}
.banner-effect-2 figure:hover::before{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
right: 50%;
}
.banner-effect-2 figure:hover::after{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
left: 50%;
}
.banner-effect-4 figure,
.banner-effect-3 figure{
position: relative;
overflow: hidden;
display: inline-block;
}
.banner-effect-3 figure::before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.2);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
z-index: 1;
}
.banner-effect-3 figure img{
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.banner-effect-3 figure:hover::before{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.banner-effect-3 figure:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.banner-effect-4 figure::before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: center center;
background-origin: content-box;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
z-index: 1;
background-repeat: repeat;
}
.banner-effect-4 figure:hover::before{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
/********************
*owl main slide
********************/
.style-nav-1 .owl-nav{
display: block;
position: absolute;
top: 50%;
right: 0;
left: 0;
height: 0;
z-index: 10;
}
.style-nav-1 .owl-nav button{
display: block;
width: 36px;
height: 56px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border: 0;
border-radius: 0 !important;
background-color: #c8c8c8 !important;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.style-nav-1 .owl-nav button {
background-color: #ffffff !important
}
.style-nav-1.slide-carousel:hover .owl-nav button{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.style-nav-1 .owl-nav button i{
font-size: 31px;
font-weight: 100;
line-height: 20px;
}
.style-nav-1 .owl-nav button:hover{
background-color: #888888 !important;
color: #ffffff;
}
.style-nav-1 .owl-nav button.owl-prev{
float: left;
}
.style-nav-1 .owl-nav button.owl-next{
float: right;
}
.style-twin-default{
display: block;
padding: 0;
margin: 0;
}
.style-twin-default .banner-item{
display: inline-block;
float: left;
width: calc( 50% - 5px);
width: -webkit-calc( 50% - 5px);
width: -moz-calc( 50% - 5px);
text-align: center;
padding: 10px 0 0 0;
}
.style-twin-default .banner-item:nth-child(even){
margin-left: 10px;
}
.wrap-show-advance-info-box{
display: inline-block;
margin: 0;
padding: 0;
max-width: 100%;
margin-top: 30px;
font-size: 0;
}
.wrap-show-advance-info-box.box-boder .wrap-products{
border: 1px solid #e6e6e6;
}
.wrap-show-advance-info-box:last-child{
margin-bottom: 30px;
}
.wrap-show-advance-info-box.style-1 .style-nav-1 .owl-nav button.owl-next{
margin-right: 10px;
}
.wrap-show-advance-info-box.style-1 .style-nav-1 .owl-nav button.owl-prev{
margin-left: 10px;
}
.owl-prev {
position: relative;
left: -37px;
}
.owl-next {
position: relative;
left: +37px;
}

.wrap-show-advance-info-box .title-box{
display: inline-block;
width: 100%;
text-align: left;
text-transform: uppercase;
font-weight: 700;
color: #fefefe;
line-height: 14px;
padding: 13px 18px;
margin: 0;
}
.wrap-combined-box .wrap-product-tab.tab-style-1{
margin-top: 10px;
}
.wrap-product-tab.tab-style-1{
display: block;
margin-top: 10px;
border: 1px solid #e6e6e6;
font-size: 0;
}
.tab-style-1 .tab-control{
display: inline-block;
width: 100%;
}
.tab-style-1 .tab-control .tab-control-item{
display: inline-block;
float: left;
font-size: 14px;
line-height: 24px;
color: #555555;
text-transform: capitalize;
padding: 8px 20.32px;
text-align: center;
border: 1px solid #e6e6e6;
margin-top: -1px;
margin-left: -1px;
background-color: #f9f9f9;
}
.tab-style-1 .tab-control .tab-control-item.active,
.tab-style-1 .tab-control .tab-control-item:hover{
background: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
color: #222222;
}
.wrap-product-tab .tab-contents{
position: relative;
display: inline-block;
width: 100%;
}
.tab-contents .tab-content-item{
position: absolute;
width: 100%;
top: 0;
left: 0;
display: block;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
overflow: hidden;
}
.tab-contents .tab-content-item.active{
position: static;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.has-countdown .wrap-products{
display: inline-block;
}
.wrap-show-advance-info-box.has-countdown{
position: relative;
}
.wrap-show-advance-info-box.has-countdown .wrap-products{
border: 1px solid #e6e6e6;
padding-top: 39px;
}
.wrap-show-advance-info-box>.wrap-countdown{
display: inline-block;
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
padding: 9px 10px 9px 0;
position: absolute;
top: 40px;
left: 0;
}
.wrap-show-advance-info-box>.wrap-countdown span{
font-size: 13px;
line-height: 17px;
color: #666666;
display: inline-block;
}
.wrap-show-advance-info-box>.wrap-countdown span:not(:last-child)::after{
content: ":";
font-size: 20px;
line-height: 17px;
font-weight: 300;
color: #666666;
margin-right: 10px;
margin-left: 10px;
}
.wrap-show-advance-info-box>.wrap-countdown span b{
font-weight: 600;
font-size: 18px;
line-height: 17px;
color: #333333;
}
.wrap-show-advance-info-box>.wrap-countdown::before{
content: "\f017";
font-family: FontAwesome;
font-size: 24px;
line-height: 21px;
color: #000000;
display: inline-block;
float: left;
margin-left: 19px;
margin-right: 19px;
}
/**********************product style 2 ***********************/
.product-style-2{
display: inline-block;
padding: 19px 9px 13px 9px;
border: 1px solid transparent;
margin-bottom: 9px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.product .product-thumnail{
display: inline-block;
position: relative;
}
.product .product-thumnail .group-flash{
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: 1px;
height: auto;
max-width: 83px;
}
.product .product-thumnail .group-flash .flash-item{
display: inline-block;
float: left;
color: #fff;
text-transform: uppercase;
background: #00bf3f;
font-size: 10px;
font-weight: 600;
padding: 1.5px 9px 5.5px 9px;
line-height: 10px;
position: relative;
margin-bottom: 10px;
margin-left: 8px;
}
.product .product-thumnail .group-flash .flash-item::before{
content: '';
display: block;
border-top: 0 solid #00bf3f;
border-left: 9px solid #00bf3f;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
bottom: -4px;
left: 4px;
}
.product .product-thumnail .group-flash .flash-item.new-label{
background-color: #365db5;
margin-left: 8px;
}
.product .product-thumnail .group-flash .flash-item.new-label::before{
border-top-color: #365db5;
border-left-color: #365db5;
}
.product .product-thumnail .group-flash .flash-item.sale-label{
background-color: #ff2832;
margin-left: 8px;
}
.product .product-thumnail .group-flash .flash-item.sale-label::before{
border-top-color: #ff2832;
border-left-color: #ff2832;
}
.product .product-info .product-name span,
.product-style-2 .product-info .product-name span{
font-size: 13px;
line-height: 18px;
color: #222222;
text-align: left;
display: inline-block;
width: 100%;
margin-top: 5px;
}
.product .product-info .product-rating,
.wrap-product-detail .detail-info .product-rating{
display: inline-block;
margin-top: 8px;
}

.product-style-2 .product-info .product-rating{
display: inline-block;
margin-top: 0;
margin-bottom: -2px;
}
.product-style-2 .product-info .product-rating i:not(:last-child){
margin-right: 2px;
}
.product-style-2 .product-info .product-rating i:last-child{
margin-right: 3px;
}
.wrap-product-detail .detail-info .product-rating i,
.product .product-info .product-rating i,
.product-style-2 .product-info .product-rating i{
display: inline-block;
font-size: 13px;
color: #efce4a;
line-height: 20px;
}
.wrap-product-detail .detail-info .product-rating .count-review,
.product .product-info .product-rating .count-review,
.product-style-2 .product-info .product-rating .count-review{
font-size: 14px;
line-height: 20px;
color: #888888;
font-style: italic;
}

.product-info {
height: 40px !important;

}
.product .product-info .wrap-price,
.product-style-2 .product-info .wrap-price{
display: inline-block;
width: 100%;
text-align: left;

}
.product .product-info .wrap-price .product-price,
.product-style-2 .product-info .wrap-price .product-price{
font-size: 14px;
display: inline-block;
margin: 0;
}
.product .product-info .wrap-price span.product-price,
.product-style-2 .product-info .wrap-price span.product-price{
font-family: 'Roboto', san-serif;
color: #222222;
}
.wrap-product-detail .detail-info .wrap-price ins>p,
.product .product-info .wrap-price ins>p,
.product-style-2 .product-info .wrap-price ins>p{
font-weight: 600;
color: #ff2832;
text-align: left;
padding-right: 8px;
}
.wrap-product-detail .detail-info .wrap-price del>p,
.product .product-info .wrap-price del>p,
.product-style-2 .product-info .wrap-price del>p{
font-family: 'Roboto', san-serif;
font-weight: 300;
font-size: 13px !important;
color: #aaaaaa;
text-decoration: line-through;
}
.product-style-2 .product-thumnail{
position: absolute;
overflow: hidden;
display: inline-block;
bottom: 0;

}

.product-thumbnail {
overflow: hidden;
display: inline-block;
}

.product-style-2 .product-thumnail .wrap-btn{
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
}
.product-style-2 .product-thumnail .wrap-btn .function-link{
display: inline-block;
font-size: 13px;
line-height: 25px;
color: #ffffff;
font-weight: 600;
background-color: #000000;
text-transform: capitalize;
padding: 0 10.42px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transform: translateX(100px);
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.product-style-2:hover .product-thumnail .wrap-btn .function-link{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
}
.wrap-footer-content{
display: block;
margin-top: 10px;
}
.wrap-footer-content ul li{
list-style: none;
}
.wrap-footer-content .wrap-function-info{
display: inline-block;
font-size: 0;
color: #ffffff;
width: 100%;
}
.wrap-footer-content .wrap-function-info ul{
padding: 0;
margin: 0;
}
.wrap-footer-content .wrap-function-info .fc-info-item{
display: inline-block;
width: 25%;
border-right: 1px solid;
text-align: center;
padding: 33.5px 5px;
}
.wrap-footer-content .wrap-function-info .fc-info-item:first-child{
border-left: 1px solid;
}
.wrap-footer-content .wrap-function-info .fc-info-item .wrap-left-info{
display: inline-block;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.wrap-footer-content .wrap-function-info .fc-info-item .wrap-left-info .fc-name{
font-size: 14px;
line-height: 20px;
color: #ffffff;
text-align: left;
text-transform: uppercase;
font-weight: 700;
display: block;
margin: 0;
}
.wrap-footer-content .wrap-function-info .fc-info-item .wrap-left-info .fc-desc{
display: block;
text-align: left;
margin: 0;
}
.wrap-footer-content .wrap-function-info .fc-info-item i{
display: inline-block;
font-size: 28px;
transform: translateY(-7px);
-webkit-transform: translateY(-7px);
-ms-transform: translateY(-7px);
margin-right: 10px;
line-height: 20px;
}
.wrap-footer-content .wrap-footer-item{
display: inline-block;
margin-top: 43px;
margin-bottom: 0;
}
.wrap-footer-content .wrap-footer-item.twin-item{
width: 50%;
padding-left: 15px;
padding-right: 15px;
float: left;
}
.wrap-footer-content .wrap-footer-item .item-content{
display: inline-block;
float: left;
width: 100%;
}
.wrap-footer-content .wrap-footer-item .item-header{
display: inline-block;
width: 100%;
text-align: left;
font-size: 14px;
color: #111111;
line-height: 20px;
margin: 0;
padding: 0;
text-transform: uppercase;
margin-bottom: 15px;
}
.wrap-footer-item .wrap-contact-detail ul{
padding: 0;
margin: 0;
}
.wrap-footer-item .wrap-contact-detail ul li{
display: inline-block;
float: left;
width: 100%;
color: #555555;
}
.wrap-footer-item .wrap-contact-detail ul li:not(:last-child){
margin-bottom: 9px;
}
.wrap-footer-item .wrap-contact-detail ul li i{
display: inline-block;
font-size: 16px;
line-height: 30px;
text-align: left;
width: 26px;
float: left;
}
.wrap-footer-item .wrap-contact-detail ul li .contact-txt{
display: inline-block;
margin: 0;
font-size: 13px;
line-height: 30px;
text-align: left;
max-width: calc( 100% - 26px);
max-width: -webkit-calc( 100% - 26px);
max-width: -moz-calc( 100% - 26px);
float: left;
padding-right: 8%
}
.wrap-footer-item .wrap-hotline-footer{
display: inline-block;
float: left;
width: 100%;
margin-top: -3px;
margin-bottom: -5px;
}
.wrap-footer-item .wrap-hotline-footer .desc{
display: inline-block;
width: 100%;
font-size: 13px;
line-height: 36px;
color: #555555;
}
.wrap-footer-item .wrap-hotline-footer .phone-number{
font-size: 20px;
line-height: 20px;
display: inline-block;
width: 100%;
font-weight: 700;
margin-top: 1px;
}
.wrap-newletter-footer{
display: inline-block;
width: 100%;
float: left;
position: relative;
max-width: 330px;
}
.wrap-newletter-footer input[type="email"]{
display: inline-block;
width: 100%;
font-size: 13px;
line-height: 13px;
color: #888888;
border: 1px solid #e6e6e6;
/*padding: 12.5px 15px;*/
padding: 0 15px;
height: 45px;
}

.wrap-newletter-footer .btn-submit{
display: inline-block;
font-size: 14px;
line-height: 22px;
font-weight: 600;
text-transform: capitalize;
border: none;
position: absolute;
right: 0;
top: 0;
color: #ffffff;
padding: 11.5px 19.1px;
}
.wrap-newletter-footer .btn-submit:hover{
background: #222222;
}
.wrap-footer-item .item-content ul{
margin: 0;
margin-top: -1px;
}
.wrap-footer-item .wrap-list-item.apps-list,
.wrap-footer-item .wrap-list-item.social-network{
margin-top: 4px;
}
.wrap-footer-item .wrap-list-item{
text-align: left;
margin-top: 5px;
}
.wrap-footer-item .wrap-list-item ul{
margin: 0;
padding: 0;
display: inline-block;
}
.wrap-footer-item .wrap-list-item li{
display: inline-block;
margin-top: 5px;
}
.wrap-footer-item .wrap-list-item li:not(:last-child){
margin-right: 6px;
}
.wrap-footer-item .wrap-gallery li .link-to-item img{
border-radius: 1px;
}
.wrap-footer-item  .social-network ul li a{
background-color: #e5e5e5;
display: inline-block;
width: 39px;
height: 39px;
text-align: center;
padding: 12px 5px;
border-radius: 50%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.wrap-footer-item  .social-network ul li a i{
font-size: 18px;
line-height: 14px;
color: #666666;
}
.wrap-footer-item .social-network ul li a:hover i{
color: #ffffff;
}
.apps-list img{
border-radius: 3px;
}
.wrap-footer-item .wrap-list-item.apps-list li:not(:last-child){
margin-right: 17px;
margin-top: 2px;
}
.wrap-footer-content .wrap-back-link{
border-top: 1px solid #e6e6e6;
padding-top: 16px;
margin-top: 39px;
margin-bottom: 30px;
}
.back-link-box .backlink-title {
font-size: 14px;
color: #222222;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 16px;
}
.back-link-box  .back-link-row{
display: block;
font-size: 0;
}
.back-link-box  .list-back-link{
padding: 0;
margin: 0;
display: inline-block;
}
.back-link-box  .list-back-link li{
display: inline-block;
float: left;
}
.back-link-box  .list-back-link li span,
.back-link-box  .list-back-link li a{
text-transform: capitalize;
}
.back-link-box  .list-back-link li .row-title{
font-size: 14px;
line-height: 30px;
color: #000;
font-weight: 700;
}
.back-link-box  .list-back-link li .redirect-back-link{
font-size: 13px;
color: #666666;
line-height: 30px;
}
.back-link-box  .list-back-link li:nth-child(2) .redirect-back-link{
padding-left: 5px;
padding-right: 12px;
}
.back-link-box  .list-back-link li:not(:nth-child(2)):not(:nth-child(1)) .redirect-back-link{
padding-right: 12px;
padding-left: 12px;
}
.back-link-box  .list-back-link li:not(:last-child):not(:nth-child(1)) .redirect-back-link::after{
content: '';
display: inline-block;
float: right;
width: 1px;
height: 13px;
background: #e6e6e6;
transform: translateY(8.5px);
-webkit-transform: translateY(8.5px);
-ms-transform: translateY(8.5px);
}
.coppy-right-box {
background: #2d2d2d;
}
.coppy-right-box .coppy-right-item{
display: inline-block;
float: left;
padding: 12px 0;
}
.coppy-right-box .coppy-right-item.item-right{
float: right;
}
.coppy-right-box .coppy-right-text{
font-size: 13px;
line-height: 20px;
color: #aaaaaa;
margin: 0;
padding: 0;
}
.coppy-right-box .coppy-right-text a{
color: #ffffff;
font-size: 14px;
}
.wrap-nav.horizontal-nav ul{
padding: 0;
margin: 0;
text-align: left;
}
.wrap-nav.horizontal-nav li:not(:last-child) .link-term::after{
display: inline-block;
content: '';
width: 1px;
height: 13px;
margin-left: 15px;
margin-right: 10px;
background: #555555;
transform: translateY(2.5px);
-webkit-transform: translateY(2.5px);
-ms-transform: translateY(2.5px);
}
.wrap-nav.horizontal-nav .menu-item{
display: inline-block;
}
.wrap-nav.horizontal-nav .link-term{
font-size: 13px;
color: #aaaaaa;
line-height: 20px;
}
/******************************
* Grid
******************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.product .product-thumnail figure img{
width: 100%;
}
}

.wrap-breadcrumb ul{
padding: 0;
text-align: left;
margin: 35px 0;
}
.wrap-breadcrumb ul li{
display: inline-block;
list-style: none;
text-align: left;
}
.wrap-breadcrumb ul li:not(:last-child)::after{
content: '/';
font-size: 13px;
color: #222222;
padding-left: 11px;
padding-right: 11px;
}
.wrap-breadcrumb ul a{
font-size: 13px;
color: #666666;
text-transform: uppercase;
}
.wrap-breadcrumb ul span{
font-size: 13px;
color: #222222;
text-transform: uppercase;
}
.wrap-shop-control{
padding: 4.5px 0;
background: #f5f5f5;
margin-top: 33px;
}
.wrap-shop-control .shop-title{
display: inline-block;
font-size: 14px;
line-height: 34px;
font-weight: 700;
color: #222222;
margin: 0;
padding-left: 20px;
}
.wrap-shop-control .change-display-mode,
.wrap-shop-control .sort-item{
display: block;
float: left;
}
.wrap-shop-control .sort-item.orderby{
    margin-right: 10px;
    margin-top: 2.5px;
}
.wrap-shop-control .sort-item.product-per-page{
    margin-right: 59px;
    margin-top: 1.5px;
}
.wrap-shop-control .wrap-right{
    display: block;
    float: right;
}
.wrap-shop-control .chosen-container .chosen-single{
    background-color: #ffffff;
    border: none;
}
.chosen-results, .chosen-single {
    text-align: left !important;
}
.select_hvt + .chosen-container {
    margin-left: 14px;
    margin-top: 5px;
    border-bottom: 1px #ddd solid;
}

#inputAnschrift3 {
    width: 63px;
    margin-left: -2px;
}

#inputAnschrift4 {
    width: 103% !important;
}

.wrap-shop-control .chosen-container{
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    padding: 1px 0 ;
}
.wrap-shop-control .orderby .chosen-container{
min-width: 153px;
}
.wrap-shop-control .product-per-page .chosen-container{
min-width: 116px;
}
.wrap-shop-control .chosen-results li,
.wrap-shop-control .chosen-single span{
font-size: 13px;
color: #666666;
}
.change-display-mode .display-mode:hover,
.change-display-mode .display-mode.active{
color: #333333;
}
.change-display-mode .display-mode:last-child{
margin-right: 21px;
}
.change-display-mode .display-mode{
font-size: 13px;
line-height: 34px;
color: #666666;
text-transform: capitalize;
margin-right: 27px;
}
.change-display-mode .display-mode i::before{
font-size: 15px;
line-height: 15px;
margin: 0 10px 0 0;
}
.change-display-mode .display-mode.list-mode i::before{
font-size: 16px;
}
.product-list{
padding: 0;
margin-top: 10px;
}
.product-list:not(.grid-products){
display: inline-block;
margin: 0;
}
.product-list li{
display: block;
list-style: none;
}
.product-list li .product.product-style-3{
display: inline-block;

background-color: #ffffff;
}

.product.product-style-3 .product-name span{
font-size: 13px;
line-height: 18px;
color: #444444;
margin-top: 11px;
}
.product-style-3 a.add-to-cart{
display: inline-block;
width: 100%;
font-size: 14px;
line-height: 34px;
color: #888888;
background: #f5f5f5;
border: 1px solid #e6e6e6;
text-align: center;
font-weight: 600;
border-radius: 0;
padding: 2px 10px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-top: 14px;
}
.product-style-3 a.add-to-cart:hover{
color: #f5f5f5;
}
.left-sidebar .main-content-area{
float: right !important;
}

.widget:first-child{
margin-top: -4px;
}
.widget .widget-content{
display: inline-block;
width: 100%;
}
.widget .widget-banner{
margin-top: 30px;
display: inline-block;
margin-bottom: 17px;
width: 100%;
text-align: left;
}
.widget .widget-title{
font-size: 14px;
color: #222222;
font-weight: 700;
text-transform: uppercase;
margin: 0;
width: 100%;
text-align: left;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 19px;
margin-bottom: 18px;
float: left;
}
.widget ul li a{
font-size: 14px;
line-height: 40px;
color: #444444;
}
.widget ul li{
list-style: none;
float: left;
width: 100%;
}
.widget ul{
padding: 0;
margin: 0;
}
.widget.categories-widget .widget-title{
padding-bottom: 13px;
border-bottom: none;
margin-bottom: 0;
}
.widget.categories-widget ul li{
display: block;
width: 100%;
float: left;
}
.widget.categories-widget .sub-cate{
padding-left: 33px;
}
.widget.categories-widget .has-child-cate:not(.open) .sub-cate{
display: none;
}
.has-child-cate .toggle-control{
position: relative;
width: 10px;
font-size: 0;
display: inline-block;
float: left;
height: 40px;
}
.has-child-cate .toggle-control:hover{
cursor: pointer;
}
.has-child-cate .toggle-control::before{
content: '';
display: block;
width: 10px;
height: 2px;
background-color: #444444;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.has-child-cate:not(.open) .toggle-control::after{
content: '';
display: block;
width: 2px;
height: 10px;
background-color: #444444;
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.widget .has-child-cate > a{
display: inline-block;
float: left;
width: calc(100% - 10px);
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
}
.widget.categories-widget .widget-content>ul>li:last-child{
margin-bottom: 10px;
}
.widget.filter-widget .vertical-list li a:not(.btn-control)::before{
content: '';
display: inline-block;
float: left;
width: 15px;
height: 14px;
background-color: #fafafa;
border: 1px solid #e9e9e9;
margin-top: 12px;
}
.widget.filter-widget .vertical-list li a:not(.btn-control)::after{
content: "\f00c";
font-family: FontAwesome;
display: inline-block;
float: left;
margin-top: 0;
transform: translateX(-14px);
-webkit-transform: translateX(-14px);
-ms-transform: translateX(-14px);
margin-right: -2px;
opacity: 0;
filter: alpha(opacity=0);
transition: all ease 0.5s 0s;
-webkit-transition: all ease 0.5s 0s;
-moz-transition: all ease 0.5s 0s;
-o-transition: all ease 0.5s 0s;
}
.widget.filter-widget .vertical-list li a:hover::after,
.widget.filter-widget .vertical-list li a.active::after{
opacity: 1;
filter: alpha(opacity=100);
}
.widget.filter-widget .vertical-list li a.btn-control{
position: relative;
}
.widget.filter-widget .vertical-list li a.btn-control::before{
content: '';
height: 1px;
background-color: #949494;
bottom: 1px;
right: 0;
left: 0;
border: 0;
border-radius: 0;
display: inline-block;
position: absolute;
}
.widget.filter-widget .vertical-list li a.btn-control i{
margin-left: 3px;
}
.widget.filter-widget .vertical-list li.default-hiden{
display: none;
}
.widget.filter-widget .inline-round li{
width: auto;
}
.widget.filter-widget .inline-round li:not(last-child){
margin-right: 7px;
}
.widget.filter-widget .inline-round li a{
display: inline-block;
min-width: 43px;
border: 1px solid #dddddd;
border-radius: 50%;
text-align: center;
color: #555555;
font-size: 16px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
padding: 5.5px 3px;
}
.widget.filter-widget .inline-round li a.active,
.widget.filter-widget .inline-round li a:hover{
color: #ffffff !important;
}
.widget.filter-widget .inline-round{
margin-top: 17px;
}
.widget-product .products li:not(:last-child){
margin-bottom: 20px;
}
.widget-product .widget-content{
margin-top: 2px;
}
.widget.filter-widget{
margin-bottom: 10px;
}

/*product widget style*/
.product-widget-style{
display: table;
}
.product-widget-style .thumbnnail{
display: table-cell;
width: 85px;
padding: 0;
margin: 0;
vertical-align: top;
}
.product-widget-style .thumbnnail img{
max-width: 85px;
width: 100%;
height: auto;
border: 1px solid #efefef;
}
.product-widget-style .product-info{
display: table-cell;
padding-left: 10px;
vertical-align: top;
}
.product-widget-style .product-info .product-name span{
margin-top: 3px;
}
.product-widget-style .product-info .wrap-price{
margin-top: -8px;
}

/* ui-slider*/
.ui-slider {
position: relative;
text-align: left;
background: #c5c5c5;
width: 100%;
display: inline-block;
margin-top: 15px;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 15px;
height: 15px;
cursor: default;
-ms-touch-action: none;
touch-action: none;
border-radius: 50%;
outline: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider+p{
margin-top: 15px;
margin-bottom: 0;
}
#horizon-slider ul li {
margin-right: 6px !important;
width: 504px !important;
}
#vertical-slider ul li {
background-size: 74% !important;
}
.horizon-wrapper {
width: 64% !important;
left: 136px !important;
}
.horVerSlider {
height: 441px !important;
z-index: 80;
}
.ui-slider+p input,
.ui-slider+p label{
color: #666666 !important;
font-size: 14px !important;
line-height: 30px;
font-weight: 400 !important;
margin: 0;
}
.ui-slider+p input[type=text]{
border:0;
color:#f6931f;
font-weight:bold;
max-width: 100px;
}
.ui-slider+p button{
color: #333333;
font-size: 14px;
line-height: 30px;
margin: 0;
background: none;
border: none;
float: right;
padding: 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}

.ui-slider-horizontal {
height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -5px;
margin-left: 0;
background-color: #ff2832;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
background: #e5534c;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}

.horizone-nav .next {
float: right;
width: 23px;
height: 20px;
position: relative;
margin-right: -27px !important;
cursor: pointer;
}

.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.price-filter .widget-content{
margin-bottom: 8px;
}
.sitebar,
.main-content-area{
/*margin-bottom: 52px;*/
}

.product-list:not(.grid-products) .wrap-product-list-item{
display: block;
float: left;
width: 100%;
padding: 30px 0 29px 10px;
}
.product-list:not(.grid-products) .wrap-product-list-item:first-child{
padding-top: 35px;
}
.product-list:not(.grid-products) .wrap-product-list-item:not(:last-child){
border-bottom: 1px solid #e6e6e6;
}
.product-list:not(.grid-products) .wrap-product-list-item:last-child{
padding-bottom: 15px;
}
.product-list-style{
display: table;
}
.product-list-style .advance-info,
.product-list-style .product-info,
.product-list-style .product-thumnail{
display: table-cell;
vertical-align: top;
}
.product-list-style .product-info{
padding: 39px 30px 5px 21px;
}
.product-list-style .product-name span{
font-size: 14px;
line-height: 18px;
color: #222222;
font-weight: 600;
}
.product-list-style .product-info .desc{
margin-top: 16px;
}
.wrap-product-detail .detail-info .short-desc ul,
.product-list-style .product-info .desc p,
.product-list-style .product-info .desc ul{
padding: 0;
margin: 0;
}
.wrap-product-detail .detail-info .short-desc li,
.product-list-style .product-info .desc p,
.product-list-style .product-info .desc li{
font-size: 14px;
line-height: 20px;
color: #666666;
text-align: left;
margin: 0;
}
.wrap-product-detail .detail-info .short-desc li::before,
.product-list-style .product-info .desc li::before{
content: "\f111";
font-family: FontAwesome;
font-size: 6px;
line-height: 20px;
color: #666666;
float: left;
margin-right: 8px;
}
.product-list-style .product-attribute{
margin-top: 15px;
}
.product-list-style .product-attribute ul{
padding: 0;
margin: 0;
}
.product-list-style .product-attribute ul li{
display: block;
float: left;
margin: 0 10px 0 0;
padding: 0;
}
.product-list-style .product-attribute li span{
display: inline-block;
min-width: 22px;
min-height: 22px;
padding: 5px;
border-radius: 50%;
}
.product-list-style .product-attribute li .attr-red-color{
background-color: #ff2832;
}
.product-list-style .product-attribute li .attr-yellow-color{
background-color: #ecbf33;
}
.product-list-style .product-attribute li .attr-blue-color{
background-color: #1c9aea;
}
.product-list-style .product-attribute li .attr-black-color{
background-color: #000000;
}
.wrap-product-detail .detail-info .short-desc li,
.product-list-style .product-info .desc li{
list-style: none;
}
.product-list-style .product-thumnail{
margin: 0;
padding: 0;
width: 250px;
vertical-align: top;
}
.product-list-style .advance-info{
width: 270px;
padding-left: 22px;
padding-top: 45px;
vertical-align: top;
}
.product-list-style .advance-info .stock-info p{
font-size: 13px;
line-height: 18px;
color: #444444;
text-align: left;
margin: 0;
padding: 0 0 6px 0;
border-bottom: 1px solid #e6e6e6;
}
.wrap-product-detail .detail-info .stock-info p b,
.product-list-style .advance-info .stock-info p b{
color: #555555;
}
.product-list-style .advance-info .wrap-price{
display: inline-block;
width: 100%;
text-align: left;
margin-top: 19px;
margin-bottom: 17px;
}
.product-list-style .advance-info .wrap-price .product-price{
font-size: 22px;
line-height: 18px;
display: inline-block;
margin: 0;
}
.product-list-style .advance-info .wrap-price span.product-price{
font-weight: 600;
color: #222222;
}
.product-list-style .advance-info .wrap-price ins>p{
font-weight: 600;
color: #ff2832;
text-align: left;
padding-right: 8px;
}
.product-list-style .advance-info .wrap-price del>p{
font-family: 'Roboto', san-serif;
font-weight: 300;
color: #aaaaaa;
position: relative;
}
.product-list-style .advance-info .wrap-price del>p::before{
content: '';
display: block;
height: 1px;
background: #aaaaaa;
position: absolute;
top: 9px;
left: -3px;
right: -3px;
}
.product-list-style .advance-info .add-to-cart{
display: block;
font-size: 14px;
line-height: 34px;
color: #666666;
background: #f5f5f5;
border: 1px solid #e6e6e6;
border-radius: 0;
text-align: center;
width: 100%;
font-weight: 600;
padding: 2px;
}
.product-list-style .advance-info .add-to-cart:hover{
color: #ffffff;
}
.product-list-style .advance-info .wrap-btn{
width: 100%;
margin-top: 5px;
}
.product-list-style .advance-info .wrap-btn .btn{
display: block;
font-size: 13px;
line-height: 40px;
color: #666666;
float: left;
text-align: left;
padding: 0;
margin: 0;
}
.product-list-style .advance-info .wrap-btn .btn::before{
font-size: 14px;
line-height: 20px;
color: #666666;
font-family: FontAwesome;
margin-right: 6px;
}
.product-list-style .advance-info .wrap-btn .btn-compare::before{
content: "\f079";
}
.product-list-style .advance-info .wrap-btn .btn.btn-wishlist{
text-align: right;
float: right;
}
.product-list-style .advance-info .wrap-btn .btn-wishlist::before{
content: "\f004";
}
.wrap-login-item{
display: inline-block;
width: 100%;
margin: -11px 0;
}
.wrap-login-item .form-item{
display: block;
float: left;
}
.wrap-login-item .form-item.login-form{
padding-right: 70px;
margin-bottom: 65px;
}
.wrap-login-item .form-item.register-form{
position: relative;
}
.wrap-login-item .form-item.register-form::before{
content: '';
width: 1px;
background: #e6e6e6;
position: absolute;
top: 10px;
left: -63px;
bottom: 0;
}
.wrap-login-item .form-item fieldset{
display: block;
float: left;
width: 100%;
margin-bottom: 2px;
}
.wrap-login-item .form-item .form-title{
font-size: 14px;
line-height: 19px;
color: #333333;
text-align: left;
text-transform: uppercase;
font-weight: 700;
margin: 9px 0;
}
.wrap-login-item .form-item .form-subtitle{
font-size: 14px;
color: #666666;
line-height: 14px;
text-align: left;
margin: 33px 0 18px 0;
position: relative;
}
.wrap-login-item .form-item .form-subtitle::before{
content: '';
height: 1px;
max-width: 471px;
width: 100%;
position: absolute;
top: -17px;
left: 0;
background: #e6e6e6;
}
.wrap-login-item .form-item input[type="text"],
.wrap-login-item .form-item input[type="password"],
.wrap-login-item .form-item input[type="email"]{
border: 1px solid #e6e6e6;
outline: none;
width: 100%;
height: 43px;
font-size: 13px;
line-height: 19px;
padding: 0 5px 0 14px;
color: #333333;
}
.wrap-login-item .form-item input[type="text"]::-webkit-input-placeholder,
.wrap-login-item .form-item input[type="text"]::-moz-placeholder,
.wrap-login-item .form-item input[type="text"]:-ms-input-placeholder,
.wrap-login-item .form-item input[type="text"]:-moz-placeholder,
.wrap-login-item .form-item input[type="password"]::-webkit-input-placeholder,
.wrap-login-item .form-item input[type="password"]::-moz-placeholder,
.wrap-login-item .form-item input[type="password"]:-ms-input-placeholder,
.wrap-login-item .form-item input[type="password"]:-moz-placeholder,
.wrap-login-item .form-item input[type="email"]::-webkit-input-placeholder,
.wrap-login-item .form-item input[type="email"]::-moz-placeholder,
.wrap-login-item .form-item input[type="email"]:-ms-input-placeholder,
.wrap-login-item .form-item input[type="email"]:-moz-placeholder{
color: #aaaaaa;
}
.wrap-login-item .form-item label{
font-size: 14px;
line-height: 19px;
color: #333333;
text-align: left;
margin: 10px 0;
font-weight: 400;
}
.wrap-login-item .form-item .link-function,
.wrap-login-item .form-item .remember-field{
margin: 13px 0 7px 0;
}
.wrap-login-item .form-item .wrap-input.item-width-in-half{
width: calc( 50% - 15px);
width: -webkit-calc( 50% - 15px);
width: -moz-calc( 50% - 15px);
display: block;
float: left;
}
.wrap-login-item .form-item .wrap-input.left-item{
margin-right: 30px;
}
.wrap-login-item .form-item .btn{
font-size: 14px;
color: #ffffff;
line-height: 19px;
border: none;
border-radius: 0;
padding: 8px;
min-width: 119px;
text-align: center;
margin-top: 28px;
-webkit-transition: background 0.3s ease 0s;
-o-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
}
.wrap-login-item .form-item .btn:hover{
background: #222222;
}
.wrap-login-item .form-item input[type="checkbox"] + span{
font-size: 13px;
line-height: 19px;
color: #666666;
position: relative;
}
.wrap-login-item .form-item input[type="checkbox"] + span::before{
content: '';
display: block;
float: left;
border: 1px solid #e9e9e9;
width: 15px;
height: 14px;
background: linear-gradient(#fefefe, #f6f6f6);
margin-top: 3px;
margin-right: 7px;
}
.wrap-login-item .form-item input[type="checkbox"] + span::after{
content: "\f00c";
font-family: FontAwesome;
display: block;
top: 0;
left: -21px;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.wrap-login-item .form-item input[type="checkbox"]:checked + span::after{
opacity: 1;
filter: alpha(opacity=100);
}
.wrap-login-item .form-item .link-function {
font-size: 13px;
line-height: 19px;
color: #666666;
float: right;
padding: 1px 29px 0 0;
}
.wrap-login-item .form-item input[type="checkbox"]{
display: none;
}
.wrap-contacts {
display: inline-block;
margin-bottom: -17px;
margin-top: -2px;
}
.wrap-contacts .contact-box .box-title{
font-size: 14px;
line-height: 19px;
color: #333333;
font-weight: 700;
text-align: left;
margin: 0;
margin-bottom: 22px;
text-transform: uppercase;
}
.wrap-contacts .contact-box .wrap-map{
margin-top: 6px;
margin-bottom: 43px;
width: 100%
}
.wrap-contacts .contact-box label{
font-size: 14px;
line-height: 19px;
color: #555555;
margin: 0;
font-weight: 400;
}
.wrap-contacts .contact-box label>span{
color: #ff2832;
margin: 0;
padding: 0;
}
.wrap-contacts .contact-box textarea,
.wrap-contacts .contact-box input[type="text"],
.wrap-contacts .contact-box input[type="email"]{
width: 100%;
font-size: 14px;
line-height: 19px;
padding: 0 10px 0 10px;
color: #444444;
border: 1px solid #e6e6e6;
border-radius: 0;
outline: none;
}
.wrap-contacts .contact-box input[type="text"],
.wrap-contacts .contact-box input[type="email"]{
height: 43px;
margin-bottom: 11px;
margin-top: 7px;
}
.wrap-contacts .contact-box textarea{
margin-top: 7px;
padding: 10px;
height: 160px;
}
.wrap-contacts .contact-box label[for="comment"]{
margin-top: 21px;
}
.wrap-contacts .contact-box input[type="submit"]{
font-size: 14px;
line-height: 19px;
font-weight: 600;
color: #ffffff;
border: none;
border-radius: 0;
text-align: center;
padding: 8px;
min-width: 120px;
margin-top: 17px;
}
.wrap-contacts .contact-box input[type="submit"]:hover{
background: #333333;
-webkit-transition: background 0.3s ease 0s;
-o-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
}
.wrap-contacts .wrap-icon-box {
display: inline-block;
margin-top: 5px;
}
.wrap-icon-box .icon-box-item{
display: block;
width: 100%;
float: left;
}
.wrap-icon-box .icon-box-item:not(:last-child){
margin-bottom: 28px;
}
.wrap-icon-box .icon-box-item i{
font-size: 17px;
line-height: 30px;
color: #ffffff;
float: left;
width: 42px;
height: 42px;
text-align: center;
padding: 6px 0;
}
.wrap-icon-box .icon-box-item .right-info{
display: block;
float: left;
padding-left: 19px;
width: calc( 100% - 42px);
width: -webkit-calc( 100% - 42px);
width: -moz-calc( 100% - 42px);
}
.wrap-icon-box .right-info b{
font-size: 14px;
line-height: 18px;
color: #333333;
font-weight: 600;
}
.wrap-icon-box .right-info p{
font-size: 13px;
line-height: 18px;
width: 100%;
float: left;
color: #888888;
margin: 0;
}

.wrap-special-title::before{
content: "";
background: rgba(0,0,0,0.55);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wrap-special-title .wrap-page-title{
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
max-width: 1170px;
width: 100%;
margin: 0;
padding-left: 15px;
padding-right: 15px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.aboutus-info.style-center{
display: block;
text-align: center;
width: 100%;
padding-top: 39px;
margin-bottom: 44px;
}
.aboutus-info.style-center .box-title{
font-size: 16px;
color: #333333;
line-height: 34px;
text-transform: uppercase;
margin: 0;
font-weight: 700;
margin-bottom: 14px;
display: block;
}
.aboutus-info.style-center .txt-content{
font-size: 16px;
line-height: 24px;
color: #666666;
max-width: 785px;
width: 100%;
display: block;
margin: 0 auto;
}
.aboutus-info.style-small-left .box-title{
display: block;
font-size: 14px;
color: #222222;
line-height: 20px;
text-align: left;
margin-bottom: 18px;
margin-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.aboutus-info.style-small-left .txt-content{
font-size: 14px;
color: #666666;
line-height: 20px;
margin: 0;
text-align: left;
margin-bottom: 52px;
}
.aboutus-info.style-small-left .list-showups{
display: inline-block;
margin-top: 7px;
}
.aboutus-info.style-small-left .list-showups label{
display: block;
width: 100%;
float: left;
position: relative;
padding: 10px 0;
padding-left: 65px;
margin-bottom: 14px;
}
.aboutus-info.style-small-left .list-showups label .check-box{
display: block;
float: left;
width: 34px;
height: 34px;
border: 1px solid #e6e6e6;
position: absolute;
left: 0;
top: 0;
}
.aboutus-info.style-small-left .list-showups label .check-box::before{
content: "";
display: block;
float: left;
width: 10px;
height: 2px;
background-color: #666666;
margin-top: 15px;
margin-left: 11px;
}
.aboutus-info.style-small-left .list-showups label .check-box::after{
content: "";
display: block;
float: left;
width: 2px;
height: 10px;
border: 0;
border-radius: 0;
background-color: #666666;
margin-top: 11px;
transform: translateX(-6px);
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
}
.aboutus-info.style-small-left .list-showups label .function-name{
font-size: 13px;
line-height: 20px;
color: #333333;
font-weight: 700;
text-align: left;
text-transform: uppercase;
}
.aboutus-info.style-small-left .list-showups label .desc{
font-size: 14px;
line-height: 20px;
color: #666666;
text-align: left;
margin: 0;
margin-top: 13px;
margin-bottom: 3px;
font-weight: 400;
display: none;
}
.aboutus-info.style-small-left .list-showups label input[type=radio]:checked ~ .desc{
display: block;
}
.aboutus-info.style-small-left .list-showups label input[type="radio"]:checked + span.check-box::before{
background: #ffffff;
}
.aboutus-info.style-small-left .list-showups label input[type="radio"]:checked + span.check-box::after{
display: none;
}
.aboutus-box-score {
display: inline-block;
width: 100%;
background-color: #f5f5f5;
padding: 0px 0px 24px 0px;
margin-bottom: 30px;
}
.aboutus-box-score .box-score-title{
font-size: 40px;
line-height: 30px;
color: #333333;
font-weight: 700;
text-transform: uppercase;
display: block;
text-align: center;
}
.aboutus-box-score .sub-title, .aboutus-box-score.sub-title{
font-size: 1.2em;
line-height: 24px;
color: #333333;
font-weight: 600;
display: block;
text-align: left;
margin-bottom: 28px;
margin-top: 14px;
padding: 35px;
padding-bottom: 0px;
}
.aboutus-box-score.sub-title {
text-align:left;
padding: 30px;
padding-bottom: 0px;
}
.aboutus-box-score .desc, .aboutus-box-score.desc{
font-size: 14px;
line-height: 24px;
color: #666666;
text-align: center;
margin: 0;
font-family: 'Roboto-Regular','sans-seri';
padding: 34px;
padding-top: 10px;
}
.our-team-info{
margin-bottom: 45px;
}
.our-team-info .title-box{
border-top: 1px solid #e6e6e6;
font-size: 16px;
line-height: 34px;
color: #222222;
font-weight: 700;
text-align: center;
display: block;
text-transform: uppercase;
margin-top: 7px;
padding-top: 39px;
padding-bottom: 19px;
}
.our-team-info .team-member .info .name{
display: inline;
font-size: 15px;
line-height: 34px;
color: #333333;
text-align: left;
text-transform: uppercase;
font-weight: 700;
}
.our-team-info .team-member .info .title{
line-height: 34px;
color: #333333;
display: inline;
}
.our-team-info .team-member .info .title::before{
content: "-";
display: inline;
margin-right: 4px;
margin-left: 10px;
}
.our-team-info .team-member .info .desc{
font-size: 14px;
line-height: 20px;
color: #666666;
text-align: left;
margin: 0;
margin-top: 3px;
}
.wrap-articles article{
display: table;
width: 100%;
table-layout: fixed;
margin: 0;
margin-bottom: 40px;
}
.wrap-articles article .media{
display: table-cell;
vertical-align: top;
width: 42.5287356322%;
position: relative;
overflow: visible;
}
.wrap-articles article .media .post-date{
font-size: 13px;
color: #fdfdfd;
line-height: 24px;
font-weight: 700;
min-width: 93px;
display: inline-block;
text-align: center;
background-repeat: no-repeat;
padding: 2px;
height: 32px;
text-transform: uppercase;
position: absolute;
top: 10px;
left: -3px;
}
.wrap-articles article .info{
display: table-cell;
vertical-align: top;
padding-left: 15px;
padding-top: 10px;
}
.wrap-articles article .info .post-name .art-title{
font-size: 14px;
color: #333333;
text-align: left;
text-transform: uppercase;
font-weight: 700;
margin: 0;
float: left;
}
article.single-post .info .post-attrs{
font-size: 13px;
color: #666666;
line-height: 24px;
float: left;
width: 100%;
padding: 0;
margin: 0;
margin-top: 7px;
padding-bottom: 12px;
margin-bottom: 3px;
}
.wrap-articles article .info .post-attrs{
font-size: 13px;
color: #666666;
line-height: 24px;
float: left;
width: 100%;
padding: 0;
margin: 0;
border-bottom: 1px solid #e6e6e6;
margin-top: 6px;
padding-bottom: 12px;
margin-bottom: 8px;
}
article.single-post .info .post-attrs li,
.wrap-articles article .info .post-attrs li{
list-style: none;
display: block;
float: left;
}
article.single-post .info .post-attrs li:not(:last-child)::after,
.wrap-articles article .info .post-attrs li:not(:last-child)::after{
content: "";
height: 12px;
width: 1px;
display: inline-block;
background: #e6e6e6;
margin-right: 20px;
margin-left: 20px;
transform: translateY(2px);
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
}
article.single-post .info .post-attrs li a.link-commnet-post::before,
.wrap-articles article .info .post-attrs li a.link-commnet-post::before{
content: "\f075";
font-family: FontAwesome;
font-size: 13px;
line-height: 24px;
color: #888888;
margin-right: 9px;
}
article.single-post .info .post-attrs li a,
.wrap-articles article .info .post-attrs li a{
color: #666666;
}
.wrap-articles article .info .short-desc{
font-size: 14px;
line-height: 24px;
color: #666666;
text-align: left;
margin: 0;
}
.wrap-articles article .info a.btn-to-post{
font-size: 14px;
line-height: 24px;
color: #666666;
font-weight: 600;
text-align: center;
min-width: 122px;
border: 1px solid #e6e6e6;
background-color: #f5f5f5;
border-radius: 0;
padding: 4.5px 10px;
margin-top: 14px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.wrap-articles article .info a.btn-to-post:hover{
color: #fdfdfd;
}

.widget.search-post input[type=text]{
border: 1px solid #e6e6e6;
outline: none;
display: inline-block;
width: 100%;
height: 45px;
float: left;
padding: 5px 19px;
font-size: 13px;
}
.widget.search-post input[type=text]::placeholder{
color: #888888;
}
.widget.search-post form{
display: inline-block;
width: 100%;
position: relative;
margin-top: 4px;
margin-bottom: 33px;
}
.widget.search-post button[type=submit]{
display: inline-block;
width: 58px;
height: 45px;
background: transparent;
position: absolute;
right: 0;
top: 0;
}
.widget.search-post button[type=submit] i{
font-size: 16px;
color: #333333;
}
.widget.widget-about p.desc{
font-size: 14px;
line-height: 24px;
color: #666666;
text-align: left;
margin-top: -6px;
margin-bottom: 30px;
}
.widget.widget-recent-post ul.posts{
margin-top: -1px;
}
.widget.widget-recent-post li a{
font-size: 14px;
color: #555555;
text-align: left;
line-height: 19px;
font-weight: 600;
margin: 0;
padding: 9px 0 10px 0;
display: inline-block;
width: 100%;
}
.widget.widget-recent-post li:not(:last-child) a{
border-bottom: 1px solid #e6e6e6;
}
.widget.widget-recent-post li:last-child{
margin-bottom: 19px;
}
.widget.widget-tag-clouds ul li{
display: inline-block;
width: auto;
margin-bottom: 10px;
}
.widget.widget-tag-clouds ul li a{
font-size: 13px;
line-height: 19px;
color: #222222;
min-width: 70px;
text-align: center;
border: 1px solid #e6e6e6;
display: block;
padding: 4.5px 18px;
}
.widget.widget-tag-clouds ul li:not(:last-child){
margin-right: 10px;
}
.widget.widget-tag-clouds .widget-title{
margin-bottom: 13px;
}

article.single-post .media{
margin-bottom: 14px;
}
article.single-post .info .post-name{
font-size: 18px;
color: #333333;
text-align: left;
text-transform: uppercase;
font-weight: 600;
margin-top: 17px;
margin-bottom: 3px;
}
article.single-post  .post-content{
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #666666;
}
article.single-post .post-content b{
font-weight: 600;
color: #333333;
margin-bottom: 15px;
display: block;
}
article.single-post blockquote,
article.single-post blockquote p{
font-size: 15px;
line-height: 24px;
color: #555555;
text-align: left;
font-style: italic;
}
article.single-post blockquote p{
display: inline-block;
margin-bottom: 6px;
}
article.single-post blockquote{
padding: 0;
border-left: 0;
padding-top: 50px;
padding-bottom: 13px;
}
article.single-post blockquote p:first-child::before{
content: "“";
font-size: 30px;
color: #555555;
display: inline-block;
font-style: italic;
font-family: 'Roboto', sans-serif;
float: left;
font-weight: bold;
line-height: 15px;
}
article.single-post blockquote p:last-child::after{
content: "”";
font-size: 30px;
color: #555555;
display: inline-block;
font-style: italic;
font-family: 'Roboto', sans-serif;
float: right;
font-weight: bold;
line-height: 24px;
}
.post-footer .post-tags{
font-size: 14px;
line-height: 20px;
text-align: left;
margin-bottom: 6px;
}
.post-footer .post-tags > span{
display: inline-block;
font-weight: 700;
text-transform: uppercase;
}
.post-footer .post-tags ul{
padding: 0;
display: inline-block;
}
.post-footer .post-tags ul li{
list-style: none;
display: inline-block;
}
.post-footer .author-infor{
display: inline-block;
border: 1px solid #e6e6e6;
padding: 14px;
background-color: #fdfdfd;
margin-bottom: 23px;
}
.post-footer .author-infor .avata{
display: inline-block;
float: left;
max-width: 170px;
width: 100%;
}
.post-footer .author-infor .avata img{
border: 1px solid #e6e6e6;
}
.post-footer .author-infor .detail-info{
display: inline-block;
float: left;
width: calc(100% - 170px);
width: -webkit-calc(100% - 170px);
width: -moz-calc(100% - 170px);
padding-left: 16px;
}
.post-footer .author-infor .detail-info .author-name{
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-align: left;
color: #222222;
width: 100%;
display: inline-block;
margin-top: 14px;
margin-bottom: 24px;
}
.post-footer .author-infor .detail-info .author-desc{
font-size: 14px;
line-height: 20px;
color: #888888;
text-align: left;
}
.post-footer .comment-form .form-title{
font-size: 14px;
color: #333333;
font-weight: 700;
border-bottom: 1px solid #e6e6e6;
display: block;
padding-bottom: 19px;
}
.post-footer .comment-form .sub-title{
font-size: 14px;
color: #666666;
text-align: left;
margin-bottom: 26px;
margin-top: 21px;
}
.post-footer .comment-form fieldset.input-field{
display: inline-block;
float: left;
width: 100%;
}
.post-footer .comment-form fieldset.input-field.has-half-width{
width: calc( 50% - 15px );
width: -webkit-calc( 50% - 15px );
width: -moz-calc( 50% - 15px );
float: left;
}
.post-footer .comment-form fieldset.input-field.has-half-width + fieldset.input-field.has-half-width{
margin-left: 30px;
}
.post-footer .comment-form fieldset.input-field>label{
display: block;
font-size: 14px;
color: #000000;
font-weight: 400;
}
.post-footer .comment-form fieldset.input-field input[type=text],
.post-footer .comment-form fieldset.input-field input[type=email]{
display: block;
width: 100%;
border: 1px solid #e6e6e6;
outline: none;
height: 39px;
padding: 2px 10px;
margin-bottom: 17px;
}
.post-footer .comment-form fieldset.input-field textarea{
display: block;
width: 100%;
border: 1px solid #e6e6e6;
outline: none;
padding: 10px;
height: 194px;
}
.post-footer .comment-form fieldset.input-field input[type=submit]{
font-size: 14px;
color: #ffffff;
border-radius: 0;
border: none;
font-weight: 600;
padding: 9px 15px;
min-width: 155px;
text-align: center;
margin-top: 20px;
}
.post-footer .comment-form fieldset.input-field input[type=submit]:hover{
background-color: #333333;
}
.wrap-iten-in-cart .box-title{
font-size: 14px;
color: #222222;
font-weight: 700;
text-align: left;
display: block;
margin: 0;
text-transform: uppercase;
margin-bottom: 18px;
margin-top: -2px;
}
.wrap-iten-in-cart .products-cart{
padding: 0;
}
.wrap-iten-in-cart .products-cart .pr-cart-item{
list-style: none;
display: table;
padding: 20px 0;
width: 100%;
}
.wrap-iten-in-cart .products-cart .pr-cart-item:not(:first-child){
}
.wrap-iten-in-cart .products-cart .delete,
.wrap-iten-in-cart .products-cart .quantity,
.wrap-iten-in-cart .products-cart .price-field,
.wrap-iten-in-cart .products-cart .product-name,
.wrap-iten-in-cart .products-cart .product-image{
display: table-cell;
vertical-align: middle;
}
.wrap-iten-in-cart .products-cart .product-image{
width: 100px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.wrap-iten-in-cart .products-cart .product-image img{
width: 100%;
}
}
.wrap-iten-in-cart .products-cart .quantity{
width: 157px;
}
.wrap-iten-in-cart .products-cart .price-field{
width: 182px;
text-align: center;
}
.wrap-iten-in-cart .products-cart .delete{
width: 39px;
text-align: right;
}
.wrap-iten-in-cart .products-cart .product-name{
padding-left: 20px;
}
.wrap-iten-in-cart .products-cart .product-name a{
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #333333;
text-align: left;
}
.wrap-iten-in-cart .products-cart .price-field p{
font-size: 22px;
line-height: 18px;
color: #222222;
font-weight: 600;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input{
display: inline-block;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 157px;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input input[type=number],
.wrap-iten-in-cart .products-cart .quantity .quantity-input input[type=text]{
max-width: 71px;
float: right;
border: none;
outline: none;
height: 37px;
font-size: 16px;
line-height: 20px;
color: #222222;
text-align: right;
padding-right: 15px;
padding-left: 10px;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn{
display: inline-block;
float: right;
width: 28px;
height: 28px;
background-color: #dddddd;
border: none;
padding: 0;
line-height: 20px;
margin: 4.5px 0 0 10px;
border-radius: 50%;
position: relative;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn::after,
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn::before{
position: absolute;
top: 50%;
left: 50%;
/*transform: translate( -50% , -50% );*/
/*-webkit-transform: translate( -50% , -50% );*/
/*-ms-transform: translate( -50% , -50% );*/
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn:hover::before,
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn:hover::after{
background-color: #ffffff !important;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn::before{
content: "";
width: 10px;
height: 2px;
margin-left: -5px;
margin-top: -1px;
background-color: #666666;
display: inline-block;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn.btn-increase{
background-color: #999999;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn.btn-increase::after{
content: "";
width: 2px;
height: 10px;
margin-left: -1px;
margin-top: -5px;
background-color: #666666;
display: block;
/*    transform: translate(-6px, 4px);
-webkit-transform: translate(-6px, 4px);
-ms-transform: translate(-6px, 4px);*/

}
.wrap-iten-in-cart .products-cart .delete a:focus,
.wrap-iten-in-cart .products-cart .delete a.btn{
padding: 0;
margin: 0;
outline: none;
box-shadow: none;
}
.wrap-iten-in-cart .products-cart .delete a.btn span{
display: none;
}
.wrap-iten-in-cart .products-cart .delete a.btn i{
font-size: 20px;
line-height: 24px;
color: #888888;
outline: none;
}
.wrap-iten-in-cart .products-cart .delete a.btn:hover i{
color: #ff2832;
}
.shopping-cart .summary{
background-color: #fdfdfd;
width: 100%;
border: 1px solid #e6e6e6;
padding: 25px 40px 21px 40px;
display: table;
margin-top: 20px;
}
.shopping-cart .summary .order-summary{
width: 371px;
padding-right: 75px;
display: table-cell;
vertical-align: middle;
}
.shopping-cart .summary .checkout-info{
width: 259px;
padding-right: 10px;
display: table-cell;
vertical-align: middle;
}
.order-summary .title-box{
color: #333333;
line-height: 20px;
text-align: left;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 18px;
padding-bottom: 26px;
margin-top: 0;
}
.order-summary .summary-info{
font-size: 14px;
color: #555555;
line-height: 30px;
margin: 0;
}
.order-summary .summary-info .title{
text-align: left;
}
.order-summary .summary-info .index{
color: #333333;
}
.summary .update-clear{
display: table-cell;
vertical-align: middle;
}
.order-summary .summary-info.total-info{
border-top: 1px solid #e6e6e6;
margin-top: 20px;
padding-top: 17px;
font-size: 15px;
}
.order-summary .summary-info.total-info .title{
color: #333333;
}
.row-in-form .checkbox-field input[type="checkbox"],
.summary .checkout-info .checkbox-field input[type="checkbox"]{
display: none;
}
.row-in-form .checkbox-field input[type="checkbox"] + span,
.summary .checkout-info .checkbox-field input[type="checkbox"] + span{
font-size: 14px;
line-height: 20px;
color: #555555;
position: relative;
font-weight: 400;
}
.row-in-form .checkbox-field input[type="checkbox"] + span::before,
.summary .checkout-info .checkbox-field input[type="checkbox"] + span::before{
content: '';
display: block;
float: left;
border: 1px solid #e9e9e9;
width: 15px;
height: 14px;
background: linear-gradient(#fefefe, #f6f6f6);
margin-top: 3px;
margin-right: 7px;
}
.row-in-form .checkbox-field input[type="checkbox"] + span::after,
.summary .checkout-info .checkbox-field input[type="checkbox"] + span::after{
content: "\f00c";
font-family: FontAwesome;
display: block;
top: 0;
left: -21px;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
color: #666666;
}
.row-in-form .checkbox-field input[type="checkbox"]:checked + span::after,
.summary .checkout-info .checkbox-field input[type="checkbox"]:checked + span::after{
opacity: 1;
filter: alpha(opacity=100);
}
.summary .checkout-info .btn-checkout{
width: 100%;
border: 0;
border-radius: 0;
color: #ffffff;
text-align: center;
font-size: 14px;
line-height: 20px;
padding: 10px;
margin-top: 12px;
margin-bottom: 18px;
}
.summary .checkout-info .link-to-shop{
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
}
.summary .checkout-info .link-to-shop i{
margin-left: 7px;
}
.summary .update-clear .btn{
display: block;
width: 100%;
max-width: 249px;
background-color: #f5f5f5;
border-radius: 0;
border: 1px solid #e6e6e6;
color: #666666;
font-size: 14px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
padding: 9px;
float: right;
margin: 5px 0;
}
.summary .checkout-info .btn-checkout:hover,
.summary .update-clear .btn:hover{
color: #ffffff;
background: #333333;
border-color: #333333;
}
.box-in-site.wrap-show-advance-info-box .wrap-products{
border: 1px solid #e6e6e6;
margin-top: 10px;
padding-top: 39px;
}
.box-in-site.wrap-show-advance-info-box .title-box{
float: initial;
}

.shopping-cart .main-content-area{
margin-bottom: 27px;
}
.shopping-cart .wrap-show-advance-info-box{
margin-bottom: 0;
margin-top: 40px;
}
.wrap-product-detail .detail-media{
display: inline-block;
width: 54.0229885057%;
float: left;
/*padding-right: 3px;*/
}
.wrap-product-detail .detail-info{
display: inline-block;
width: 45.9770114943%;
float: left;

}
.wrap-product-detail .advance-info{
display: block;
float: left;
width: 100%;
margin-top: 65px;
}
.wrap-product-detail .detail-media .flex-control-thumbs li{
width: auto;
float: none;
display: block;
margin: 0;
text-align: center;
}
.flex-control-thumbs .owl-item{
float: left;
}

.owl-item {
width: 250px !important;
}

.product.product-style-2.equal-elem {
height: 276px !important;
}
.flex-control-thumbs{
margin: 10px 0 0;
overflow: hidden;
display: inline-block;
float: left;
bottom: auto;
}
.flex-control-nav .owl-stage-outer{
display: inline-block;
}

.slide-carousel .product-info {
    padding-top: 0px !important;
}

.flex-control-nav{
text-align: left;
position: relative;
padding-right: 3px;
}
.flex-direction-nav{
display: none;
}
.flex-control-thumbs img{
opacity: 1;
border: 1px solid #e6e6e6;
max-width: 110px;
float: none;
display: inline-block;
}
.detail-media .flex-control-nav .owl-nav button{
position: absolute;
top: 50%;
left: 5px;
transform: translateY( -50% );
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
background-color: #d9d9d9;
border: none;
outline: none;
box-shadow: none;
padding: 6px 0;
width: 22px;
text-align: center;
}
.detail-media .flex-control-nav .owl-nav button i{
font-size: 24px;
line-height: 20px;
color: #666666;
}
.detail-media .flex-control-nav .owl-nav button:hover i{
color: #ffffff;
}
.detail-media .flex-control-nav .owl-nav button.owl-next{
left: auto;
right: 8px;
}
.wrap-product-detail .detail-info .product-name{
font-size: 16px;
color: #222222;
line-height: 18px;
margin: 0 ;
font-weight: 600;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 20px;
margin-bottom: 15px;
}
.wrap-product-detail .detail-info .short-desc ul,
.wrap-product-detail .detail-info .short-desc{
margin: 0;
padding: 0;
}
.wrap-product-detail .detail-info .quantity > span{
display: block;
font-size: 13px;
line-height: 24px;
color: #333333;
}
.wrap-product-detail .detail-info .quantity-input{
display: inline-block;
width: 142px;
border: 1px solid #e6e6e6;
border-radius: 3px;
margin-top: 4px;
font-size: 0;
text-align: left;
}
.wrap-product-detail .detail-info .quantity-input input{
display: block;
outline: none;
font-size: 15px;
line-height: 24px;
font-weight: 700;
height: 36px;
width: 63px;
text-align: center;
float: left;
padding: 0 3px;
border: none;
border-radius: 3px;
}
.wrap-product-detail .detail-info .quantity-input .btn-increase{
margin-left: 1px;
margin-right: 10px;
}
.wrap-product-detail .detail-info .quantity-input .btn{
display: block;
width: 26px;
height: 26px;
font-size: 0;
background-color: transparent;
border: 1px solid #e6e6e6;
margin-top: 5px;
position: relative;
border-radius: 50%;
outline: none;
box-shadow: none;
float: left;
}
.wrap-product-detail .detail-info .quantity-input .btn:hover::before,
.wrap-product-detail .detail-info .quantity-input .btn.btn-increase:hover::after{
background-color: #ffffff;
}
.wrap-product-detail .detail-info .quantity-input .btn::before{
content: "";
width: 12px;
height: 2px;
background-color: #666666;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.wrap-product-detail .detail-info .quantity-input .btn.btn-increase::after{
content: "";
width: 2px;
height: 12px;
background-color: #666666;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.wrap-product-detail .detail-info .wrap-butons{
display: inline-block;
max-width: 269px;
width: 100%;
padding-top: 30px;
}
.wrap-product-detail .detail-info .wrap-butons .add-to-cart{
display: block;
background-color: #f5f5f5;
font-size: 14px;
line-height: 34px;
font-weight: 600;
color: #666666;
border: 1px solid #e6e6e6;
border-radius: 0;
padding: 4.5px 10px;
text-align: center;
}
.wrap-product-detail .detail-info .wrap-butons .add-to-cart:hover{
color: #fff;
}
.wrap-product-detail .detail-info .wrap-btn .btn{
float: left;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 40px;
color: #888888;
text-transform: capitalize;
}
.wrap-product-detail .detail-info .wrap-btn .btn::before{
content: "\f079";
font-family: FontAwesome;
font-size: 14px;
line-height: 20px;
color: #666666;
display: inline-block;
margin-right: 6px;
}
.wrap-product-detail .detail-info .wrap-btn .btn.btn-wishlist{
float: right;
}
.wrap-product-detail .detail-info .wrap-btn .btn.btn-wishlist::before{
content: "\f004";
}
.wrap-product-detail .detail-info .wrap-price span.product-price{
font-weight: 600;
color: #222222;
}

.wrap-product-detail .detail-info .wrap-price{
display: inline-block;
width: 100%;
text-align: left;
}
.wrap-product-detail .detail-info .wrap-price .product-price{
font-size: 22px;
line-height: 18px;
display: inline-block;
margin: 0;
}
.wrap-product-detail .detail-info .wrap-price ins>p{
font-weight: 600;
color: #ff2832;
text-align: left;
padding-right: 8px;
}
.wrap-product-detail .detail-info .wrap-price del>p{
font-family: 'Roboto', san-serif;
font-weight: 300;
font-size: 20px !important;
color: #aaaaaa;
text-decoration: line-through;
}
.wrap-product-detail .detail-info .stock-info p{
font-size: 13px;
line-height: 28px;
color: #666666;
text-align: left;
}
.wrap-product-detail .detail-info .stock-info.in-stock b{
color: #ff2832;
}
.wrap-product-detail .advance-info .tab-control,
.wrap-product-detail .advance-info .tab-contents{
display: inline-block;
width: 100%;
float: left;
}
.wrap-product-detail .advance-info .tab-contents{
position: relative;
border: 1px solid #e6e6e6;
}
.wrap-product-detail .advance-info .tab-control a{
display: block;
float: left;
font-size: 14px;
line-height: 20px;
color: #666666;
font-weight: 600;
background-color: #f5f5f5;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
text-transform: uppercase;
padding: 6px 18px;
margin-right: 5px;
margin-bottom: -1px;
}
.wrap-product-detail .advance-info .tab-control a.active{
font-weight: 700;
padding-bottom: 7px;
color: #ffffff;
}
.wrap-product-detail .advance-info .tab-contents .tab-content-item{
padding: 12px 16px 5px 16px;
}
.wrap-product-detail .advance-info .tab-contents .tab-content-item p{
font-size: 14px;
color: #888888;
line-height: 20px;
margin-bottom: 20px;
}
#comments .woocommerce-Reviews-title{
font-size: 15px;
font-weight: 600;
}
#comments .woocommerce-Reviews-title span{
font-weight: 400;
font-style: italic;
}
#comments .commentlist{
padding: 0;
}
#comments .commentlist li{
list-style: none;
display: block;
width: 100%;
float: left;
margin-bottom: 15px;
}
#comments .commentlist li .comment_container img{
max-width: 80px;
float: left;
}
#comments .commentlist li .comment_container .comment-text{
float: left;
width: calc( 100% - 80px);
width: -webkit-calc( 100% - 80px);
width: -moz-calc( 100% - 80px);
padding-left: 15px;
}
.width-80-percent{
width: 80%;
}
.star-rating{
font-size: 0;
position: relative;
display: inline-block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.star-rating{
overflow: hidden;
}
}
.star-rating::before{
content: "\f005\f005\f005\f005\f005";
font-family: FontAwesome;
font-size: 15px;
color: #e6e6e6;
}
.star-rating span{
display: inline-block;
float: left;
overflow-x: hidden;
position: absolute;
top: 0;
left: 0;
}

.star-rating span:before{
content: "\f005\f005\f005\f005\f005";
font-family: FontAwesome;
font-size: 15px;
color: #efce4a;
}
#comments .commentlist li .comment_container .meta{
margin-bottom: 8px;
}
#review_form_wrapper #review_form{
display: inline-block;
width: 100%;
}
#review_form_wrapper #review_form .comment-form p>label{
display: block;
font-size: 14px;
color: #666666;
font-weight: 400;
}
#review_form_wrapper #review_form .comment-form p.comment-form-author,
#review_form_wrapper #review_form .comment-form p.comment-form-email{
width: calc(50% - 15px);
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
float: left;
}
#review_form_wrapper #review_form .comment-form p.comment-form-author{
margin-right: 30px;
}
#review_form_wrapper #review_form .comment-form p.form-submit,
#review_form_wrapper #review_form .comment-form p.comment-form-comment{
display: inline-block;
float: left;
width: 100%;
}
#review_form_wrapper #review_form .comment-form p.form-submit input[type=submit]{
max-width: 115px;
border: 0;
border-radius: 0;
color: #ffffff;
text-align: center;
font-size: 14px;
line-height: 20px;
padding: 9px;
width: 100%;
margin-bottom: 15px;
}
#review_form_wrapper #review_form .comment-form p.form-submit input[type=submit]:hover{
background-color: #333333;
}
#review_form_wrapper #review_form .comment-form textarea[name=comment]{
display: block;
width: 100%;
border: 1px solid #e6e6e6;
outline: none;
padding: 10px;
margin-bottom: 17px;
}

#review_form_wrapper #review_form .comment-form p input[type=text],
#review_form_wrapper #review_form .comment-form p input[type=email]{
display: block;
width: 100%;
border: 1px solid #e6e6e6;
outline: none;
height: 39px;
padding: 2px 10px;
margin-bottom: 17px;
}
.wrap-product-detail .comment-form-rating>span{
font-size: 14px;
line-height: 20px;
display: block;
float: left;
margin-right: 7px;
color: #666;
}
.wrap-product-detail .comment-form-rating ~ p{
margin-bottom: 0 !important;
}
.wrap-product-detail .comment-form-rating p.stars{
display: inline-block;
margin-bottom: 0 !important;
}
.comment-form-rating .stars input[type=radio]{
display: none;
}
.comment-form-rating .stars label{
display: block;
float: left;
margin: 0;
padding: 0 2px;
}
.comment-form-rating .stars label::before{
content: "\f005";
font-family: FontAwesome;
font-size: 15px;
/*color: #e6e6e6;*/
color: #efce4a;
}
.comment-form-rating .stars input[type=radio]:checked ~ label::before{
color: #e6e6e6 ;
}
.comment-form-rating .stars:hover label::before{
color: #efce4a !important;
}
.comment-form-rating .stars label:hover ~ label::before{
color: #e6e6e6 !important;
}
.comment-form-rating{
margin-bottom: 15px;
}
table.shop_attributes{
width: 100%;
margin-bottom: 10px;
}
table.shop_attributes th,
table.shop_attributes td{
font-size: 15px;
line-height: 24px;
padding: 10px;
border-left: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
color: #333;
font-weight: 600;
}
table.shop_attributes p{
margin-bottom: 0 !important;
}
table.shop_attributes tbody{
border-right: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
}
.wrap-product-detail .detail-info .product-rating i{
font-size: 15px !important;
}
.wrap-product-detail .detail-info .product-rating{
margin-bottom: 6px;
}
.detail .sitebar{
padding-top: 35px;
}
.detail .sitebar,
.detail .main-content-area{
margin-bottom: 10px;
}
.wrap-address-billing .row-in-form{
margin: 0;
display: block;
float: left;
width: calc( 50% - 15px );
width: -webkit-calc( 50% - 15px );
width: -moz-calc( 50% - 15px );
margin-bottom: 23px;
}
.wrap-address-billing .row-in-form.fill-wife{
width: 100%;
margin-right: 0px !important;
}
.wrap-address-billing .row-in-form label{
font-size: 14px;
line-height: 19px;
color: #555555;
display: block;
font-weight: 400;
}
.wrap-address-billing .row-in-form label.checkbox-field{
display: inline-block;
margin-bottom: 0;
margin-top: 2px;
}
.wrap-address-billing .row-in-form label.checkbox-field:not(:last-child){
margin-right: 17px;
}
.wrap-address-billing .row-in-form label:first-letter{
text-transform: uppercase;
}
.wrap-address-billing .row-in-form label span{
color: #ff2832;
}
.wrap-address-billing .row-in-form input[type=email],
.wrap-address-billing .row-in-form input[type=text],
.wrap-address-billing .row-in-form input[type=number]{
font-size: 13px;
line-height: 19px;
display: inline-block;
height: 43px;
padding: 2px 20px;
width: 100%;
border: 1px solid #e6e6e6;
}
.wrap-address-billing .row-in-form input[type=email]::placeholder,
.wrap-address-billing .row-in-form input[type=text]::placeholder,
.wrap-address-billing .row-in-form input[type=tel]::placeholder{
color: #aaaaaa;
}
.wrap-address-billing .row-in-form:nth-child(2n+1){
margin-right: 30px;
}
.summary-checkout{
background-color: #fdfdfd;
width: 100%;
border: 1px solid #e6e6e6;
padding: 29px 29px 30px 29px;
display: table;
margin-top: 14px;
}
.summary-checkout .summary-item{
display: block;
float: left;
width: 50%;
}
.summary-checkout .summary-item.payment-method{
padding-right: 15px;
}
.summary-checkout .summary-item.shipping-method{
padding-left: 15px;
}
.summary-checkout .summary-item>h4,
.summary-checkout .summary-item>p,
.summary-checkout .summary-item>div{
max-width: 470px;
}
.summary-checkout .summary-item .summary-info{
margin-bottom: 0;
}
.summary-checkout .summary-item .summary-info.grand-total{
margin-top: 16px;
margin-bottom: 14px;
}

.choose-payment-methods .payment-method{
display: block;
margin-bottom: 0;
}
.choose-payment-methods .payment-method input[type=radio]{
display: none;
}
.choose-payment-methods .payment-method input[type=radio] + span{
font-size: 14px;
line-height: 30px;
color: #333333;
position: relative;
font-weight: 600;
}
.choose-payment-methods .payment-method input[type=radio] + span + p{
margin-top: 4px;
}
.choose-payment-methods .payment-method input[type=radio] + span::before{
content: '';
display: block;
float: left;
border: 1px solid #e9e9e9;
width: 15px;
height: 14px;
background: linear-gradient(#fefefe, #f6f6f6);
margin-top: 7px;
margin-right: 7px;
}
.choose-payment-methods .payment-method input[type=radio] + span::after{
content: "\f00c";
font-family: FontAwesome;
display: block;
font-size: 12px;
top: -1px;
left: -20px;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
color: #ffffff;
line-height: 20px;
font-weight: 400;
}
.choose-payment-methods .payment-method input[type=radio]:checked + span::after{
opacity: 1;
filter: alpha(opacity=100);
}
.choose-payment-methods .payment-method .payment-desc{
width: 100%;
display: none;
font-size: 13px;
line-height: 18px;
color: #666666;
font-weight: 400;
margin: 0;
}
.choose-payment-methods .payment-method input[type=radio]:checked ~ .payment-desc{
display: block;
}
.summary-item .summary-info.grand-total span{
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #333333;
}
.summary-item .summary-info.grand-total span.grand-total-price{
margin-left: 37px;
}
.summary-item .btn.btn-medium{
max-width: 249px;
width: 100%;
}
.summary-item .btn{
font-size: 14px;
line-height: 20px;
color: #ffffff;
min-width: 121px;
border: 0;
border-radius: 0;
text-align: center;
padding: 10px;
}
.summary-item .btn:hover{
color: #ffffff !important;
background: #333333 !important;
}
.summary-item .row-in-form label{
font-size: 14px;
color: #666666;
display: block;
font-weight: 400;
max-width: 300px;
}
.summary-item .row-in-form input[type=email],
.summary-item .row-in-form input[type=text],
.summary-item .row-in-form input[type=tel]{
font-size: 13px;
line-height: 19px;
display: inline-block;
height: 43px;
padding: 2px 20px;
max-width: 300px;
width: 100%;
border: 1px solid #e6e6e6;
}
.summary-item .title-box,
.wrap-address-billing .box-title{
color: #333333;
line-height: 20px;
text-align: left;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 18px;
padding-bottom: 15px;
margin-top: 0;
}
.summary-item .title-box{
margin-bottom: 14px !important;
}
.wrap-address-billing{
display: inline-block;
}
.payment-method .choose-payment-methods{
border-top: 1px solid #e6e6e6;
margin-top: 13px;
padding-top: 12px;
}
.shipping-method .summary-info + h4.title-box{
margin-top: 34px;
padding-bottom: 5px;
margin-bottom: 20px !important;
}
.summary-item .row-in-form + .btn{
margin-top: 10px;
}
.summary.summary-checkout + .box-in-site{
margin-top: 40px;
}
.checkout .sitebar,
.checkout .main-content-area{
margin-bottom: 0;
}
.checkout .wrap-breadcrumb ul{
margin-bottom: 31px;
}
.wrap-address-billing>.box-title{
margin-bottom: 25px;
}
.fill-color.header-toggle .wrap-toggle-menu{
height: 40px;
}
.header-toggle .wrap-toggle-menu{
display: block;
width: 100%;
height: 36px;
padding-left: 20px;
padding-top: 12px;
cursor: pointer;
}
.header-toggle .wrap-toggle-menu label{
font-size: 14px;
color: #eeeeee;
text-transform: uppercase;
font-weight: 700;
}
.header-toggle .wrap-toggle-menu .hamburger{
display: inline-block;
width: 18px;
margin-right: 17px;
}
.header-toggle .wrap-toggle-menu .hamburger span{
display: block;
width: 100%;
float: left;
background: #ffffff;
height: 2px;
}
.header-toggle .wrap-toggle-menu .hamburger span:not(:first-child){
margin-top: 2px;
}
.header-toggle .wrap-toggle-menu i{
font-size: 14px;
color: #eeeeee;
font-weight: 400;
margin-left: 9px;
}
.header-toggle .sticky-wrapper .header-sticky{
width: 100%;
z-index: 20;
}
.header-toggle .primary-nav-section{
display: inline-block;
position: relative;
width: 23.0769230769%;
float: left;
}
.header-toggle .nav.primary{
position: absolute;
top: 40px;
left: 0;
z-index: 100;
background-color: #fdfdfd;
min-height: 510px;
}
.header-toggle .header-nav-section{
width: calc(100% - 270px);
width: -webkit-calc(100% - 270px);
width: -moz-calc(100% - 270px);
display: inline-block;
float: left;
border-top: none;
}
.fill-color.header-toggle .header-nav-section .menu-nav li{
padding: 11px 30px!important;
height: auto;
}
.header-toggle .header-nav-section .menu-nav li{
padding: 8px 30px!important;
height: 36px;
}
.header-toggle .primary>.menu-item{
width: 100% !important;
border-bottom: 1px solid #e6e6e6;
border-left: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6;
padding-left: 20px;
padding-right: 20px;
}
.header-toggle .primary>.menu-item>a{
font-size: 13px;
color: #555555;
line-height: 39px;
font-weight: 400;
padding: 0;
width: 100%;
}
.header-toggle .primary .menu-item.menu-item-has-children::after{
content: "\f105";
font-family: FontAwesome;
display: inline-block;
font-size: 13px;
color: #666666;
line-height: 40px;
width: 5px;
float: left;
}
.header-toggle .primary .menu-item.menu-item-has-children>a{
width: calc( 100% - 5px );
width: -webkit-calc( 100% - 5px );
width: -moz-calc( 100% - 5px );
display: inline-block;
float: left;
}
.header-toggle .primary .menu-item:hover::after,
.header-toggle .primary>.menu-item:hover>a,
.header-toggle .primary .submenu .menu-item:hover>a{
color: #ffffff;
}
.header-toggle .primary>.menu-item.sale-panel{
padding-top: 20px;
padding-bottom: 6px;
}
.header-toggle .primary>.menu-item.sale-panel>a{
width: auto;
font-weight: 700;
color: #333333;
float: left;
line-height: 24px;
}
.header-toggle .primary>.menu-item.sale-panel:hover{
background: transparent;
}
.header-toggle .primary>.menu-item.sale-panel>.nav-label{
bottom: 5px;
left: 5px;
}
.header-toggle .primary .menu-item.menu-item-has-children.default-hiden .wrap-megamenu{
top: auto;
bottom: 0;
left: 100%;
}
.header-toggle .primary .menu-item.menu-item-has-children .wrap-megamenu{
top: 0;
left: 100%;
width: 900px;
right: auto;
}
.header-toggle  .primary-nav-section .primary>.menu-item:not(.item-megamenu),
.header-toggle  .primary-nav-section .primary>.menu-item.default-hiden{
position: relative;
}
.header-toggle .primary .btn-control{
background-color: #ededed;
float: left;
width: 100%;
}
.header-toggle .primary .btn-control a{
display: inline-block;
float: left;
font-size: 14px;
color: #333333;
line-height: 40px;
font-weight: 600;
padding: 5px 20px;
width: 100%;
}
.header-toggle .primary .btn-control a i{
margin-left: 8px;
}
.header-toggle .primary .default-hiden{
display: none;
}
.wrap-main-slide-2.slide-fit-menu{
width: 100%;
}
.wrap-main-slide-2.slide-fit-menu .slide-carousel{
max-width: calc( 76.9230769231% - 10px );
max-width: -webkit-calc( 76.9230769231% - 10px );
max-width: -moz-calc( 76.9230769231% - 10px );
float: right;
margin-top: 10px;
}
.header-toggle .nav-section{
border-bottom: 4px solid #fff;
}
.header-toggle .wrap-megamenu .megamenu-content{
font-size: 0;
padding-bottom: 29px;
}
.header-toggle .wrap-megamenu .wrap-vertical-nav li a{
font-size: 13px;
}
.header-toggle .wrap-megamenu .product-style-1 .product-info .wrap-btn a{
position: relative;
font-size: 13px;
line-height: 18px;
}
.header-toggle .wrap-megamenu .product-style-1 .product-info .wrap-btn a i{
font-size: 13px;
line-height: 18px;
}
.header-toggle .wrap-megamenu  .product-style-1 .product-info .wrap-btn{
padding-top: 2px;
}
.header-toggle .primary .submenu{
display: inline-block;
width: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 100%;
max-width: 320px;
z-index: 100;
background-color: #fdfdfd;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
visibility: hidden;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.header-toggle .menu-item-has-children:hover>.submenu{
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header-toggle .primary .submenu li{
list-style: none;
width: 100% !important;
border-bottom: 1px solid #e6e6e6;
border-left: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6;
padding-left: 20px;
padding-right: 20px;
float: left;
}
.header-toggle .primary .submenu li a{
font-size: 13px;
color: #555555;
line-height: 39px;
font-weight: 400;
padding: 0;
width: 100%;
}
.header-toggle .primary .submenu li:hover>a{
color: #ffffff !important;
}
.wrap-main-slide-2 .wrap-banners{
display: inline-block;
font-size: 0;
position: absolute;
}
.wrap-main-slide-2 .wrap-banners .btn{
font-size: 14px;
line-height: 24px;
color: #eff5f5;
padding: 5px;
text-align: center;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-transform: capitalize;
font-weight: 400;
min-width: 113px;
margin-left: 1px;
}
.wrap-main-slide-2 .wrap-banners.type-1{
top: 20%;
left: 50%;
/*max-width: 334px;*/
max-width: 364px;
transform: translate(20px, -6px);
}
.wrap-main-slide-2 .wrap-banners.type-1 .f-title{
display: block;
font-size: 30px;
line-height: 24px;
color: #333333;
font-weight: 300;
margin: 0;
margin-top: 3px;
margin-bottom: 3px;
}
.wrap-main-slide-2 .wrap-banners.type-1 .s-title{
display: block;
font-weight: 700;
font-size: 30px;
line-height: 30px;
color: #333333;
margin: 0;
text-transform: uppercase;
}
.wrap-main-slide-2 .wrap-banners.type-1 .desc{
display: block;
font-size: 17px;
line-height: 30px;
color: #666666;
margin: 0;
margin-bottom: 6px;
}
.wrap-main-slide-2 .wrap-banners.type-2{
top: 27%;
left: 11%;
/*max-width: 210px;*/
max-width: 240px;
transform: translate(0px, 5px);
}
.wrap-main-slide-2 .wrap-banners.type-2 .f-title{
font-size: 35px;
line-height: 30px;
color: #333333;
font-weight: 300;
margin: 0;
display: block;
text-transform: capitalize;
}
.wrap-main-slide-2 .wrap-banners.type-2 .s-title{
font-size: 35px;
font-weight: 700;
line-height: 30px;
color: #333333;
display: block;
text-transform: uppercase;
}
.wrap-main-slide-2 .wrap-banners.type-2 .desc{
display: block;
font-size: 17px;
line-height: 20px;
color: #666666;
margin: 0;
margin-top: 9px;
margin-left: 2px;
margin-bottom: 11px;
}
.wrap-main-slide-2 .wrap-banners.type-3{
top: 28%;
left: 11%;
/*max-width: 220px;*/
max-width: 250px;
-webkit-transform: translate(1px, 1px);
-moz-transform: translate(1px, 1px);
-ms-transform: translate(1px, 1px);
-o-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
.wrap-main-slide-2 .wrap-banners.type-3 .f-title{
display: block;
font-size: 35px;
line-height: 30px;
color: #333333;
margin: 0;
font-weight: 700;
margin-bottom: 10px;
}
.wrap-main-slide-2 .wrap-banners.type-3 .s-title{
display: block;
font-size: 35px;
line-height: 30px;
color: #333333;
margin: 0;
font-weight: 400;
text-transform: uppercase;
margin-left: 2px;
margin-bottom: 9px;
}
.wrap-main-slide-2 .wrap-banners.type-3 .desc{
display: block;
font-size: 18px;
line-height: 24px;
color: #333333;
margin: 0;
margin-left: 3px;
margin-bottom: 15px;
}
.wrap-main-slide-2 .wrap-banners.type-3 .desc + .btn{
margin-left: 5px;
}
.slide-banners{
padding-top: 30px;
font-size: 0;
}
.product-style-2 .wrap-countdown{
display: block;
margin-bottom: 4px;
margin-top: 13px;
}
.product-style-2 .wrap-countdown span{
font-size: 13px;
color: #666666;
line-height: 14px;
text-align: center;
display: inline-block;
}
.product-style-2 .wrap-countdown span:not(:last-child){
margin-right: 17px;
}
.product-style-2 .wrap-countdown span b{
display: block;
font-size: 18px;
line-height: 14px;
color: #333333;
font-weight: 700;
text-align: center;
border: 2px solid #e6e6e6;
min-width: 41px;
padding: 11.5px 0;
margin-bottom: 2px;
}
.wrap-product-tab.vertical-type{
border: 1px solid #e6e6e6;
position: relative;
}
.wrap-product-tab.vertical-type .tab-control{
width: 20%;
background: #f9f9f9;
border-right: 1px solid #e6e6e6;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.wrap-product-tab.vertical-type .tab-control a{
font-size: 13px;
line-height: 48px;
color: #555555;
display: inline-block;
width: 100%;
float: left;
border-bottom: 1px solid #e6e6e6;
padding: 0 29px;
position: relative;
}
.wrap-product-tab.vertical-type .tab-control a:first-child{
line-height: 50px;
}
.wrap-product-tab.vertical-type .tab-control a.active,
.wrap-product-tab.vertical-type .tab-control a:hover{
background-color: #ffffff;
}
.wrap-product-tab.vertical-type .tab-control a::before{
content: '';
width: 3px;
position: absolute;
top: 0;
bottom: 100%;
left: 0;
}
.wrap-product-tab.vertical-type .tab-control a.active::before,
.wrap-product-tab.vertical-type .tab-control a:hover::before{
bottom: 0;
}
.wrap-product-tab.vertical-type .tab-control a.active::after,
.wrap-product-tab.vertical-type .tab-control a:hover::after{
content: '';
width: 1px;
position: absolute;
top: 0;
bottom: 0;
right: -1px;
background: #ffffff;
}
.wrap-product-tab.vertical-type .tab-contents{
display: block;
width: 80%;
margin-left: 20%;
font-size: 0;
}
.wrap-product-tab.vertical-type .product-style-2{
margin-bottom: 0;
margin-top: 9px;
}
.wrap-product-tab.vertical-type .slide-carousel{
padding-right: 1px;
}
.wrap-product-tab.vertical-type .slide-carousel .owl-stage-outer{
margin-right: -1px;
}
.wrap-brands::before,
.wrap-brands::after{
display: block;
content: "";
position: absolute;
width: 1px;
background-color: #e6e6e6;
top: 0;
bottom: 0;
z-index: 10;
}
.wrap-brands::before{
left: 0;
}
.wrap-brands::after{
right: 0;
}
.wrap-brands{
position: relative;
display: block;
margin: 30px 0 30px 0;
border-top: 1px solid #e6e6e6;
/*border-bottom: 1px solid #e6e6e6;*/
/*padding-bottom: 1px;*/
}
.wrap-brands .owl-stage-outer{
border-bottom: 1px solid #e6e6e6;
}
.wrap-brands .brand-item.first-child{
border-left: 1px solid #e6e6e6;
}
.wrap-brands .brand-item:not(.first-child){
margin-left: 1px;
}
.wrap-brands .brand-item{
border-right: 1px solid #e6e6e6;
font-size: 0;
overflow: hidden;
}
.wrap-brands .brand-item img{
-webkit-transition: transform 0.5s ease 0s;
-moz-transition: transform 0.5s ease 0s;
-ms-transition: transform 0.5s ease 0s;
-o-transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
}
.wrap-brands .brand-item:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.wrap-footer-item .wrap-hotline-footer .phone-number,
.topbar-menu-area .topbar-menu .label-before.fa-mobile{
color: #ff2832 !important;
}
.fill-color .header-nav-section ul li a{
color: #ffffff;
}
.fill-color.header-toggle .wrap-toggle-menu i,
.fill-color.header-toggle .wrap-toggle-menu label{
color: #ffffff;
}
.fill-color.header-toggle .nav-section{
border: 0;
}
#header.is-sticky .nav-section{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.header-style-2.is-sticky .nav-section{
background-color: #fdfdfd;
}

.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary{
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}
.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary *,
.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary li::after,
.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary li>span::before,
.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary li>span,
.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary li>a,
.header-toggle .sticky-wrapper.is-sticky .open-on-top .wrap-toggle-menu.close-menu + .nav.primary li,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary *,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary li::after,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary li>span::before,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary li>span,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary li>a,
.header-toggle .default-toggle .wrap-toggle-menu.close-menu + .nav.primary li{
padding: 0 !important;
border: 0 !important;
height: 0 !important;
font-size: 0 !important;
min-height: 0 !important;
}

.wrap-top-banner-3{
font-size: 0;
padding-top: 10px;
}
.wrap-top-banner-3 .wrap-main-slide-3{
display: inline-block;
width: 70.9401709402%;
}
.wrap-top-banner-3 .banner-style-vertical{
width: 29.0598290598%;
display: inline-block;
padding-left: 0.8547008547%;
font-size: 0;
}
.wrap-top-banner-3 .banner-style-vertical .banner-item:not(:first-child){
padding-top: 3%;
}
.wrap-main-slide-3 .item-slide{
position: relative;
}
.wrap-main-slide-3 .item-slide .wrap-banners{
position: absolute;
}
.wrap-main-slide-2 .active .item-slide .wrap-banners .f-title,
.wrap-main-slide-2 .active .item-slide .wrap-banners .s-title,
.wrap-main-slide-2 .active .item-slide .wrap-banners .desc,
.wrap-main-slide-2 .active .item-slide .wrap-banners .banner-link,
.wrap-main-slide-3 .active .item-slide .wrap-banners .f-title,
.wrap-main-slide-3 .active .item-slide .wrap-banners .s-title,
.wrap-main-slide-3 .active .item-slide .wrap-banners .desc,
.wrap-main-slide-3 .active .item-slide .wrap-banners .banner-link{
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wrap-main-slide-2 .active .item-slide .wrap-banners .banner-link,
.wrap-main-slide-3 .active .item-slide .wrap-banners .banner-link{
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
}
.wrap-main-slide-3 .active .item-slide .wrap-banners.type-1 .f-title{
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
}
.wrap-main-slide-3 .active .item-slide .wrap-banners.type-1 .s-title{
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}
.wrap-main-slide-3 .active .item-slide .wrap-banners.type-1 .desc{
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.wrap-main-slide-3 .active .item-slide .wrap-banners .s-title{
animation-name: bounceInRight;
-webkit-animation-name: bounceInRight;
}
.wrap-main-slide-2 .active .item-slide .wrap-banners.type-1 .f-title,
.wrap-main-slide-2 .active .item-slide .wrap-banners.type-1 .desc{
animation-name: bounceInRight;
-webkit-animation-name: bounceInRight;
}
.wrap-main-slide-2 .active .item-slide .wrap-banners.type-3 .s-title{
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-name: zoomIn;
-webkit-animation-name: zoomIn;
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
}
.wrap-main-slide-2 .active .item-slide .wrap-banners.type-2 .f-title,
.wrap-main-slide-2 .active .item-slide .wrap-banners.type-2 .desc{
animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
}

.wrap-main-slide-3 .item-slide .wrap-banners .banner-link{
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
min-width: 113px;
text-align: center;
border-radius: 0;
padding: 4px 5px;
text-transform: capitalize;
}
.wrap-main-slide-3 .item-slide .wrap-banners .banner-link:hover{
background-color: #888888;
}
.wrap-main-slide-3 .item-slide .type-1{
top: 25%;
left: 10%;
-webkit-transform: translate(7px, 5px);
-moz-transform: translate(7px, 5px);
-ms-transform: translate(7px, 5px);
-o-transform: translate(7px, 5px);
transform: translate(7px, 5px);
}
.wrap-main-slide-3 .item-slide .type-1 .f-title{
font-size: 30px;
line-height: 24px;
color: #333333;
font-weight: 300;
display: block;
text-transform: capitalize;
margin-left: -3px;
}
.wrap-main-slide-3 .item-slide .type-1 .s-title{
font-size: 36px;
line-height: 30px;
color: #333333;
font-weight: 700;
display: block;
max-width: 150px;
margin-top: 1px;
margin-left: -3px;
}
.wrap-main-slide-3 .item-slide .type-1 .desc{
display: block;
font-size: 17px;
line-height: 20px;
color: #666666;
text-align: left;
max-width: 90px;
margin-top: 9px;
margin-bottom: 11px;
margin-left: -1px;
}
.wrap-main-slide-3 .item-slide .type-2{
top: 34%;
left: 10%;
-webkit-transform: translate(12px, -14px);
-moz-transform: translate(12px, -14px);
-ms-transform: translate(12px, -14px);
-o-transform: translate(12px, -14px);
transform: translate(12px, -14px);
}
.wrap-main-slide-3 .item-slide .type-2 .f-title{
font-size: 18px;
line-height: 35px;
color: #333333;
text-align: left;
font-style: italic;
display: block;
font-weight: 400;
}
.wrap-main-slide-3 .item-slide .type-2 .s-title{
font-size: 50px;
line-height: 30px;
color: #333333;
text-transform: uppercase;
display: block;
margin-top: 1px;
margin-left: -3px;
}
.wrap-main-slide-3 .item-slide .type-2 .desc{
font-size: 17px;
line-height: 20px;
color: #666666;
text-align: left;
display: block;
margin-top: 10px;
margin-bottom: 16px;
}
.wrap-main-slide-3 .item-slide .type-3{
top: 20%;
left: 15%;
-webkit-transform: translate(-7px, 11px);
-moz-transform: translate(-7px, 11px);
-ms-transform: translate(-7px, 11px);
-o-transform: translate(-7px, 11px);
transform: translate(-7px, 11px);
}
.wrap-main-slide-3 .item-slide .type-3 .f-title{
font-size: 30px;
line-height: 35px;
color: #333333;
text-transform: capitalize;
display: block;
font-weight: 400;
margin-left: -2px;
}
.wrap-main-slide-3 .item-slide .type-3 .s-title{
font-size: 40px;
line-height: 35px;
color: #333333;
text-transform: capitalize;
display: block;
font-weight: 700;
margin-left: -2px;
}
.wrap-main-slide-3 .item-slide .type-3 .desc{
font-size: 17px;
line-height: 20px;
color: #666666;
display: block;
margin-top: 6px;
margin-left: -1px;
margin-bottom: 16px;
}
.wrap-product-tab.tab-style-3 .tab-control{
display: inline-block;
width: 100%;
}
.wrap-product-tab.tab-style-3 .tab-control .tab-control-item{
display: inline-block;
float: left;
padding: 0 20px;
line-height: 40px;
font-size: 14px;
font-weight: 700;
color: #ffffff;
}
.wrap-product-tab.tab-style-3 .tab-contents{
border: 1px solid #e6e6e6;
}
.wrap-product-tab.tab-style-3 .owl-nav button.owl-next{
margin-right: 9px;
}
.wrap-product-tab.tab-style-3 .owl-nav button.owl-prev{
margin-left: 9px;
}
.wrap-combined-box .wrap-show-advance-info-box{
width: 74.358974359%;
display: inline-block;
float: left;
}
.wrap-combined-box .wrap-product-widget{
width: 25.641025641%;
display: inline-block;
padding-left: 0.8547008547%;
margin-top: 30px;
}
.wrap-product-widget .title-box{
line-height: 40px;
color: #ffffff;
font-weight: 700;
display: block;
text-align: left;
margin: 0;
padding: 0 21px;
text-transform: uppercase;
background: #777777;
}
.wrap-product-widget ul{
padding: 10px 0 0 0;
border: 1px solid #e6e6e6;
border-top: 0;
display: block;
float: left;
margin-bottom: 0;
}
.wrap-product-widget ul li{
list-style: none;
padding: 10px 20px;
display: block;
float: left;
}
.wrap-product-widget .product-widget-style .thumbnnail{
width: 90px;
}
.wrap-product-widget .product-widget-style .thumbnnail img{
max-width: 90px;
border: 0;
}
.wrap-product-widget .product-widget-style .product-info .wrap-price{
margin-top: 3px;
}
.wrap-product-widget  li.funtion-item{
width: 100%;
padding-top: 8px;
padding-bottom: 15px;
}
.wrap-product-widget  li.funtion-item a{
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #666666;
float: right;
position: relative;
}
.wrap-product-widget  li.funtion-item a::after{
content: "";
position: absolute;
bottom: 2px;
left: 0;
right: 0;
height: 1px;
background-color: #bcbcbc;
}
.wrap-product-widget  li.funtion-item a i{
font-size: 13px;
line-height: 16px;
color: #666666;
margin-left: 4px;
}
.wrap-combined-box .slide-carousel{
padding-right: 3px;
}
.wrap-combined-box .slide-carousel .owl-stage-outer{
margin-right: -3px;
}
/*
.header-style-1 .sticky-wrapper.is-sticky .header-nav-section{
display: none;
}*/
.wrap-demo-item-1{
font-size: 0;
}
.wrap-demo-item-1 figure{
display: inline-block;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
}
.wrap-demo-item-1 figure::before{
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
content: "view demo";
font-family: 'Roboto', sans-serif;
text-align: center;
font-size: 14px;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
background-color: rgba(0,0,0,0.5);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-transform: uppercase;
padding: 8px 13px;
z-index: 5;
}
.wrap-demo-item-1 figure::after{
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
content: "";
z-index: 4;
display: block;
position: absolute;
background-color: rgba(255,255,255,0.2);
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
.wrap-demo-item-1:hover figure::after,
.wrap-demo-item-1:hover figure::before{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.wrap-demo-item-1 img{
border: 1px solid #eeeeee;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
.nav-demo ul{
margin-top: 20px;
}
.nav-demo .menu-item{
border-bottom: 1px dashed #eeee;
padding: 5px 0;
text-transform: uppercase;
}

/***** CHOSEN STYLE ***********/
.chosen-container .chosen-single{
border-radius: 0;
border: none;
background: transparent;
outline: none;
box-shadow: none !important;
background-image: none !important;
}
.chosen-container  .chosen-drop .chosen-search{
display: none;
font-size: 0;
}
.chosen-container  .chosen-drop{
border-radius: 0;
border: none;
}

/******************************
* RESPONSIVE
******************************/
@media (min-width: 1024px) {
/*.min-height-526{*/
/*min-height: 526px;*/
/*}*/
.min-height-460{
/*height: 460px;*/
min-height: 460px;
}
.min-height-526{
/*height: 526px;*/
min-height: 526px;
}
.min-height-510{
min-height: 510px;
}


.grid-two-bn-01{
width: 65.430%;
margin-top:40px;
margin-bottom: 4px;
}
.grid-two-bn-02{
margin-left: 1.855%;
width: 32.715%;
margin-top:40px;
margin-bottom: 4px;
}
.vertical-grid-two-bn-01{
width: 55.7491289199%;
margin-top:40px;
margin-bottom: 4px;
margin-right: 1.27758420441%;
}
.vertical-grid-two-bn-02{
width: 42.9732868757%;
margin-top:40px;
margin-bottom: 4px;
}
.vertical-grid-two-bn-01-type02{
width: 42.9732868757%;
margin-top:18px;
margin-bottom: 0;
margin-right: 1.16144018583%;
}
.vertical-grid-two-bn-02-type02{
width: 55.8652729384%;
margin-top:18px;
margin-bottom: 0;
}
.banner-style-1{
max-width: 295px;
}
.banner-style-2{
margin-top: 56px;
margin-left: 118px;
}
.mg-position-01{
margin-top: 17px;
margin-left: 38px;
}
.mg-vertical-position-01{
margin-top: 17px;
}
.mg-vertical-position-02{
margin-top: 105px;
margin-left: 87px;
}
/*margin class*/
.margin-top-10{
margin-top: 10px;
}
.margin-top-12{
margin-top: 12px;
}
.margin-top-14{
margin-top: 14px;
}
.margin-top-34{
margin-top: 34px;
}
}

@media (min-width: 991px){
.container {
padding: 0;
}
}

@media (max-width: 767px) and (min-width: 520px){
.main-footer-content .col-lg-4:not(.box-twin-content){
width: 50%;
}
.wrap-footer-item .wrap-list-item.apps-list li{
width: calc( 50% - 5px );
float: left;
}
.wrap-footer-item .wrap-list-item.apps-list li:not(:last-child){
margin-right: 10px;
margin-top: 5px;
}
}

@media (max-width: 1199px) {
.inner-page.blog .main-content-area,
.inner-page.blog .sitebar{
width: 100%;
}
.header-nav-section li:first-child{
padding-left: 20px;
}
.header-nav-section .menu-nav li{
padding: 13px 20px 12px;
float: none;
}
/*.header-nav-section .menu-nav{
text-align: center;
}*/
.primary>.menu-item:not(.home-icon)>a{
padding: 11px 11px;
font-size: 12px;
}
.primary .menu-item.home-icon>a{
padding: 10px;
}
.wrap-shop-control{
display: inline-block;
width: 100%;
padding-bottom: 10px;
}
.wrap-shop-control .wrap-right{
float: left;
width: 100%;
padding-left: 20px;
}
.change-display-mode .display-mode{
margin-right: 10px;
}
.change-display-mode .display-mode:last-child{
margin-right: 5px;
}
.wrap-shop-control .sort-item.product-per-page{
margin-right: 10px;
}
.product-style-3 .product-thumnail{
width: 100%;
text-align: center;
}
.product-list-style{
display: block;
}
.product-list-style .product-thumnail{
width: 100%;
text-align: center;
}
.product-list-style .advance-info{
display: inline-block;
width: 50%;
padding-left: 10px;
padding-right: 0;
float: left;
}
.product-list-style .product-info{
display: inline-block;
width: 50%;
padding-left: 0;
padding-right: 0;
float: left;
}
.wrap-articles article{
display: block;
}
.shopping-cart .summary .order-summary{
padding-right: 30px;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn::before{
margin-left: 1px;
}
.wrap-iten-in-cart .products-cart .quantity .quantity-input .btn{
margin: 6.5px 0 0 10px;
width: 25px;
height: 25px;
line-height: 16px;
}
.header-toggle .header-nav-section .menu-nav li{
float: left;
padding: 8px 14px !important;
}
.header-toggle .primary > .menu-item > a{
line-height: 17px;
}
.header-toggle .primary > .menu-item:not(.sale-panel)> a{
padding: 11px 0;
}
.header-toggle .primary > .menu-item.sale-panel > a{
padding:0;
}
.wrap-product-tab.vertical-type .tab-control a{
padding: 0 10px;
}
.fill-color.header-toggle .header-nav-section .menu-nav li{
padding: 11px!important;
}
}

@media (max-width: 1025px){
.mercado-clone-wrap .wrap-vertical-nav{
float: left;
width: 100%;
}
.mercado-clone-wrap .col-md-3{
width: 100%;
padding: 0;
}
}

@media (max-width: 1023px){
.sticky-wrapper{
height: 0 !important;
}
.header .main-info-area{
display: flex;
flex-wrap: wrap;
height: initial;
}
.main-info-area .right-section .wrap-icon-section {
    width: initial;
    /*max-width: 106px;*/
    top: 25px;
    margin-bottom: 10px;
    position: relative;
    text-align: right;
}

.main-info-area .right-section .wrap-icon-section .begruessung {
    margin-bottom: 5px;
}

#form-search-top {
    display: block !important;
}

.special-icon.top-icon-carts {
    margin-right: 0 !important;
}

.header .main-info-area .left-section.wrap-logo-top{
width: 100%;
text-align: center;

margin-bottom: 25px;
}
.header .main-info-area .center-section{
width: 100%;
display: inline-block;
padding: 0;
}
.header .main-info-area .right-section{
display: block;
margin: 0 0 0 auto;

width: initial;
}
.header .main-info-area .right-section .show-up-after-1024{
display: inline-block !important;
}

.left-section, .center-section, .right-section {
margin: 6px;
}
.left-section {
margin-left: 0px;
}
.header .main-info-area .right-section .show-up-after-1024 a{
display: inline-block;
float: left;
padding: 3px 0;
border: 1px solid #333;
}
.header .main-info-area .right-section .show-up-after-1024 span{
display: inline-block;
width: 30px;
height: 2px;
background: #333333;
margin: 3px 5px;
float: left;
clear: both;
}
.custom-col-5,
.custom-col-5-2{
width: 100% !important;
}
.header-nav-section,
.primary-nav-section{
display: none;
}
.nav-section{
display: none;
}
.header-toggle + .main-site .slide-banners.slide-banner-first{
padding-top: 30px ;
}
.wrap-main-slide-2.slide-fit-menu .slide-carousel{
max-width: 100%;
float: left;
}
.wrap-megamenu .demo-item{
width: 100%;
}
.wrap-demo-item-1 figure{
width: 100%;
padding: 20px 20px 0 20px;
}
.wrap-megamenu .demo-item li{
padding: 0 20px !important;
}

.wrap-logo-top img {
    margin-top: 25px;
}
}

@media (max-width: 991px){
.wrap-articles article .info{
padding-top: 0;
}
.wrap-combined-box .wrap-product-widget{
margin-top: 10px;
}
.wrap-main-slide-2 .wrap-banners.type-1,
.wrap-main-slide-2 .wrap-banners.type-2,
.wrap-main-slide-2 .wrap-banners.type-3{
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.wrap-main-slide-2 .wrap-banners.type-1{
left: 10%;
}
.wrap-main-slide-2 .wrap-banners{
background-color: rgba(255,255,255,0.6);
padding: 15px;
}
.wrap-main-slide-2 .wrap-banners.type-1 .desc{
color: #444444;
}
.topbar-menu-area .topbar-menu.right-menu,
.topbar-menu-area .topbar-menu.left-menu{
width: 100%;
text-align: center;
}
.topbar-menu-area .topbar-menu ul li{
display: inline-block;
float: none;
text-align: left;
}
.wrap-footer-content .wrap-function-info .fc-info-item{
width: 50%;
}
.wrap-footer-content .wrap-function-info .fc-info-item:nth-child(2n+1){
border-left: 1px solid;
}
.wrap-newletter-footer .btn-submit{
font-size: 0;
width: 45px;
height: 45px;
padding: 0;
}
.wrap-newletter-footer .btn-submit::before{
content: "\f1d8";
font-family: FontAwesome;
font-size: 20px;
color: #ffffff;
line-height: 45px;
}
.wrap-newletter-footer input[type="email"]{
padding-right: 45px;
}
.coppy-right-box .coppy-right-item{
width: 100%;
text-align: center;
}
.coppy-right-box .wrap-nav.horizontal-nav{
display: inline-block;
}
.coppy-right-box{
padding: 15px 0;
}
.wrap-login-item .form-item.login-form{
padding-right: 0;
}
.wrap-login-item .form-item.register-form::before{
left: -14.5px;
}
.wrap-product-detail .detail-media{
width: 100%;
max-width: 470px;
display: block;
margin: 0 auto;
float: none;
}
.wrap-product-detail .detail-info{
width: 100%;
padding-left: 0;
}
.wrap-combined-box .box-item{
width: 100%;
padding-left: 0;
}
.wrap-combined-box .wrap-product-tab.tab-style-1{
margin-top: 0;
}
.wrap-combined-box .wrap-product-widget ul li{
width: 50%;
text-align: left;
}
.wrap-product-widget li.funtion-item a{
float: left;
text-transform: uppercase;
}
.wrap-product-widget ul li{
padding: 10px;
}
.wrap-product-widget li.funtion-item{
padding-top: 30px;
}
.wrap-main-slide-3 .item-slide .type-1 .desc,
.wrap-main-slide-3 .item-slide .type-1 .s-title{
max-width: 290px;
}
}

@media (max-width: 767px) {
.wrap-articles article .info,
.wrap-articles article .media{
display: block;
width: 100%;
text-align: left;
padding-left: 0;
}
.wrap-articles article .info{
padding-top: 15px !important;
}
.col-lg-4:nth-child(2n+1){
clear: left;
}
.slide-banners .slide-carousel .banner-item{
text-align: center;
}
.wrap-main-slide-3 .item-slide .desc{
color: #444444 !important;
}
.wrap-main-slide-3 .item-slide .type-1,
.wrap-main-slide-3 .item-slide .type-2,
.wrap-main-slide-3 .item-slide .type-3{
background-color: rgba(255,255,255,0.6);
padding: 10px;
}
.style-twin-default .banner-item{
width: 100%;
padding-top: 30px;
font-size: 0;
}
.style-twin-default .banner-item:nth-child(even){
margin-left: 0;
}
.wrap-main-slide .slide-carousel .slide-info.slide-3,
.wrap-main-slide .slide-carousel .slide-info.slide-2{
top: 10px;
left: 10%;
background: rgba(255,255,255,0.6);
padding: 10px
}
.wrap-main-slide .slide-carousel .slide-info.slide-1{
top: 13%;
left: 10%;
background: rgba(255,255,255,0.6);
padding: 10px
}
.wrap-main-slide .slide-carousel .slide-info.slide-1 .sale-info{
color: #222222;
}

.wrap-login-item .form-item.register-form::before{
display: none;
}
.wrap-contacts .contact-form{
margin-bottom: 50px;
}
.wrap-iten-in-cart .products-cart .delete,
.wrap-iten-in-cart .products-cart .quantity,
.wrap-iten-in-cart .products-cart .price-field,
.wrap-iten-in-cart .products-cart .product-name,
.wrap-iten-in-cart .products-cart .product-image{
display: inline-block;
width: 100%;
text-align: center !important;
padding: 10px 0 !important;
}
.wrap-iten-in-cart .products-cart .product-image img{
max-width: 150px;
}
.wrap-iten-in-cart .products-cart .delete a.btn i{
display: none;
}
.wrap-iten-in-cart .products-cart .delete a.btn span{
display: block;
font-size: 14px;
line-height: 24px;
color: #666666;
text-transform: uppercase;
font-weight: 600;
padding: 6px;
}
.wrap-iten-in-cart .products-cart .delete a.btn{
width: 100%;
background-color: #f5f5f5;
border-radius: 0;
border: 1px solid #e6e6e6;
color: #666666;
}
.shopping-cart .summary .update-clear,
.shopping-cart .summary .checkout-info,
.shopping-cart .summary .order-summary{
display: inline-block !important;
width: 100% !important;
margin: 10px 0;
padding: 0 !important;
}
.summary .update-clear .btn{
float: left;
max-width: calc( 50% - 5px );
max-width: -webkit-calc( 50% - 5px );
max-width: -moz-calc( 50% - 5px );
}
.summary .update-clear .btn:first-child{
margin-right: 10px;
}
.wrap-product-tab.vertical-type .tab-control{
position: static;
width: 100%;
display: inline-block;
}
.wrap-product-tab.vertical-type .tab-contents{
display: inline-block;
width: 100%;
margin: 0;
}
.wrap-product-tab.vertical-type .tab-control a{
padding: 0 20px !important;
}
.product-style-2 .product-thumnail .wrap-btn .function-link{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
}
.wrap-top-banner-3 .wrap-main-slide-3,
.wrap-top-banner-3 .banner-style-vertical{
width: 100%;
padding-left: 0;
}
.wrap-top-banner-3 .banner-style-vertical .banner-item{
width: 50%;
float: left;
padding-right: 15px;
padding-top: 30px;
text-align: center;
}
.wrap-top-banner-3 .banner-style-vertical .banner-item:not(:first-child){
padding-right: 0 !important;
padding-left: 15px;
padding-top: 30px;
}
}

@media (max-width: 600px) {
.wrap-main-slide-2 .wrap-banners.type-2,
.wrap-main-slide-2 .wrap-banners.type-3{
max-width: 290px !important;
}
.wrap-address-billing .row-in-form{
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
.summary-checkout{
display: inline-block;
}
.summary-checkout .summary-item{
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.summary-checkout .summary-item.shipping-method{
margin-top: 50px;
}
.product-style-2 .wrap-countdown span:not(:last-child){
margin-right: 7px;
}
.wrap-main-slide .slide-carousel .slide-info.slide-1,
.wrap-main-slide .slide-carousel .slide-info.slide-2,
.wrap-main-slide .slide-carousel .slide-info.slide-3{
top: 50% !important;
left: 10px !important;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}


.wrap-main-slide .slide-1 .subtitle{
line-height: 18px;
}
.wrap-main-slide .slide-1 .sale-info{
margin-bottom: 13px;
}
.wrap-main-slide .slide-1 .sale-info .price{
font-size: 19px;
}

.wrap-main-slide .slide-2 .f-subtitle{
font-size: 18px;
line-height: 24px;
width: 100%;
}
.wrap-main-slide .slide-2 .s-title{
font-size: 24px;
line-height: 24px;
margin-top: 2px;
margin-bottom: 2px;
}
.wrap-main-slide .slide-2 .s-subtitle{
margin-bottom: 0;
}
.wrap-main-slide .slide-2 .discount-code{
margin-bottom: 0;
}
.wrap-main-slide .slide-3 .sale-info{
margin-top: 2px;
margin-bottom: 10px;
font-size: 16px;
line-height: 19px;
}
.wrap-main-slide .slide-3 .f-title{
font-size: 24px;
line-height: 24px;
margin-bottom: 0;
margin-top: 0;
}
.wrap-main-slide .slide-3 .sale-info .price{
font-size: 20px;
}
.wrap-main-slide .slide-3 .f-subtitle{
font-size: 16px;
line-height: 16px;
}
.style-nav-1 .owl-nav{
display: none;
}
}

@media (max-width: 550px) {
.wrap-top-banner-3 .banner-style-vertical .banner-item:not(:first-child),
.wrap-top-banner-3 .banner-style-vertical .banner-item{
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.wrap-main-slide-2 .wrap-banners.type-3 .f-title{
font-size: 25px;
line-height: 24px;
margin-bottom: 4px;
}
.wrap-main-slide-2 .wrap-banners.type-3 .s-title{
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
}
.wrap-main-slide-2 .wrap-banners.type-3 .desc{
font-size: 14px;
}
.wrap-main-slide-2 .wrap-banners.type-2 .s-title,
.wrap-main-slide-2 .wrap-banners.type-2 .f-title{
font-size: 25px;
line-height: 26px;
margin-bottom: 4px;
}
.wrap-main-slide-2 .wrap-banners.type-2 .desc{
font-size: 14px;
color: #444444;
}
}

@media (max-width: 519px) {
.wrap-nav.horizontal-nav ul{
text-align: center;
}
.back-link-box .backlink-title{
margin-bottom: 20px;
}
/*.back-link-box .backlink-title{*/
/*text-align: center;*/
/*}*/
.wrap-footer-content .wrap-footer-item.twin-item .wrap-vertical-nav{
margin-top: 3px;
}
.header .main-info-area .center-section{
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.center-section .wrap-search-form .wrap-list-cate{
display: none;
}
.wrap-footer-item .wrap-hotline-footer .phone-number{
margin-bottom: 20px;
}
.wrap-footer-item .wrap-list-item{
text-align: center;
margin-top: 10px;
}
.wrap-footer-item .wrap-list-item.apps-list,
.wrap-footer-item .wrap-list-item.social-network{
text-align: center;
margin-top: 10px;
}
.wrap-footer-content ul li{
text-align: center;
}
.wrap-newletter-footer{
float: initial;
margin-bottom: 15px;
margin-top: 15px;
}
.wrap-footer-content .wrap-footer-item .item-content .wrap-contact-detail{
max-width: 300px;
display: inline-block;
}
.wrap-footer-content .wrap-footer-item .item-header{
text-align: center;
}
.wrap-footer-content .wrap-footer-item{
width: 100%;
text-align: center;
}
}

@media (max-width: 500px) {
.coppy-right-box .coppy-right-item{
padding-bottom: 0;
}
.wrap-nav.horizontal-nav ul{
text-align: center;
}
.wrap-nav.horizontal-nav li:not(:last-child) .link-term::after{
background: none;
margin-left: 8px;
margin-right: 4px;
}
#comments .commentlist li .comment_container .comment-text{
float: none;
width: initial;
padding-left: 0;
}
#comments .commentlist li .comment_container .star-rating,
#comments .commentlist li .comment_container .meta{
margin-left: 95px;
display: block;
}
#comments .commentlist li .comment_container .description{
display: inline-block;
width: 100%;
margin-top: 5px;
}
.wrap-main-slide .slide-carousel .slide-info:not(.slide-1) .f-title{
font-size: 16px;
}
.tab-style-1 .tab-control .tab-control-item{
width: 100%;
margin-left: 0;
border-left: 0;
border-right: 0;
}
.tab-style-1 .tab-control .tab-control-item:last-child.active,
.tab-style-1 .tab-control .tab-control-item:last-child:hover{
border-bottom: 1px solid #e6e6e6;
}
.wrap-footer-content .wrap-function-info .fc-info-item:not(:last-child){
width: 100% !important;
border: 1px solid;
margin-top: 15px;
margin-bottom: 7.5px;
}
.wrap-footer-content .wrap-function-info .fc-info-item:last-child{
width: 100% !important;
border: 1px solid;
margin-top: 7.5px;
margin-bottom: 15px;
}
.wrap-footer-content .wrap-function-info .fc-info-item i{
width: 100%;
margin: 0 0 5px 0;
}
.wrap-footer-content .wrap-function-info .fc-info-item .wrap-left-info .fc-name,
.wrap-footer-content .wrap-function-info .fc-info-item .wrap-left-info .fc-desc{
text-align: center !important;
}
.wrap-footer-item .wrap-contact-detail ul li .contact-txt{
padding-right: 0;
}
.wrap-shop-control .change-display-mode{
width: 100%;
}
.wrap-shop-control .sort-item{
margin-bottom: 5px;
}
.wrap-shop-control{
padding-bottom: 5px !important;
}
.product-list-style .advance-info{
padding-top: 0;
}
.product-list-style .advance-info,
.product-list-style .product-info{
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.wrap-login-item .form-item .wrap-input.item-width-in-half{
width: 100%;
}
.wrap-login-item .form-item .wrap-input.left-item{
margin-right: 0;
}
.wrap-login-item .form-item .link-function{
padding-right: 0;
}
.topbar-menu-area .topbar-menu.right-menu > ul > li:not(:last-child) > a{
padding-right: 10px;
padding-left: 10px;
border: none;
}
.post-footer .author-infor .avata{
display: block;
max-width: 100%;
text-align: center;
}
.post-footer .author-infor .detail-info{
width: 100%;
padding: 0;
text-align: center;
}
.post-footer .author-infor .detail-info .author-name{
text-align: center;
}
.post-footer .author-infor .detail-info .author-desc{
text-align: center;
}
.post-footer .comment-form fieldset.input-field.has-half-width{
width: 100%;
}
.post-footer .comment-form fieldset.input-field.has-half-width + fieldset.input-field.has-half-width{
margin-left: 0;
}
.shopping-cart .summary{
padding: 15px 15px 0 15px;
}
.summary .update-clear .btn{
max-width: 100% !important;
margin-right: 0 !important;
}
.wrap-product-detail .advance-info .tab-control a{
margin-right: 0;
width: 100%;
text-align: center;
margin-bottom: 1px;
}
#review_form_wrapper #review_form .comment-form p.comment-form-author,
#review_form_wrapper #review_form .comment-form p.comment-form-email{
width: 100%;
margin-right: 0 !important;
}
.wrap-combined-box .wrap-product-widget ul li{
width: 100% !important;
}
.wrap-combined-box .wrap-product-widget ul li.funtion-item{
padding: 5px !important;
}
.wrap-combined-box .wrap-product-widget ul li.funtion-item a{
padding: 9px;
width: 100%;
text-align: center;
background-color: #e6e6e6;
}
.wrap-product-widget li.funtion-item a::after{
display: none;
}
.wrap-product-tab.tab-style-3 .tab-control .tab-control-item{
width: 100%;
}
}

@media (max-width: 480px) {
.center-section .wrap-search-form .wrap-list-cate{
display: none;
}
.wrap-show-advance-info-box>.wrap-countdown::before{
display: none;
}
.wrap-show-advance-info-box>.wrap-countdown{
width: 100%;
text-align: center;
padding: 9px 5px;
}
.wrap-show-advance-info-box>.wrap-countdown span b{
font-size: 15px;
}
.wrap-show-advance-info-box>.wrap-countdown span:not(:last-child)::after{
margin-right: 5px;
margin-left: 5px;
}
.grid-products li{
width: 100%;
}
}

@media (max-width: 479px) {
.product-style-2 .wrap-countdown span:not(:last-child){
margin-right: 15px !important;
}
}

@media (max-width: 450px) {
.wrap-main-slide-2 .wrap-banners.type-1 .desc{
line-height: 24px;
}
.wrap-main-slide-2 .wrap-banners.type-1,
.wrap-main-slide-2 .wrap-banners.type-2,
.wrap-main-slide-2 .wrap-banners.type-3{
left: 8% !important;
padding: 0;
background: none;
}
.wrap-main-slide-2 .wrap-banners.type-1 .f-title{
font-size: 23px;
line-height: 24px;
}
.wrap-main-slide-2 .wrap-banners.type-1 .s-title{
font-size: 20px;
line-height: 22px;
}
.wrap-main-slide-2 .item-slide::before{
content: '';
left: 0;
right: 0;
top: -20px;
bottom: -20px;
background-color: rgba(255,255,255,0.6);
position: absolute;
}
.wrap-main-slide-3 .item-slide .wrap-banners{
top: 50% !important;
left: 5px !important;
-webkit-transform: translate(0, -50% ) !important;
-moz-transform: translate(0, -50% ) !important;
-ms-transform: translate(0, -50% ) !important;
-o-transform: translate(0, -50% ) !important;
transform: translate(0, -50% ) !important;
background: none;
}
.wrap-main-slide-3 .item-slide .type-1 .s-title,
.wrap-main-slide-3 .item-slide .type-3 .s-title{
font-size: 22px;
line-height: 24px;
}
.wrap-main-slide-3 .item-slide::before{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.4);
}
}

@media (max-width: 360px) {
.coppy-right-box .coppy-right-text{
max-width: 200px;
margin: 0 auto;
float: none;
}
}


.pb-60{
padding-bottom:60px;
}

.form-stl{
border: 1px solid #e6e6e6;
padding: 40px 20px;
/* box-shadow: 0 8px 6px -6px black; */
box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
border-radius: .5rem;
}

.wrap-login-item .form-item.register-form::before {
content: '';
width: 1px;
background: transparent;
position: absolute;
top: 10px;
left: -63px;
bottom: 0;
}
.wrap-product-detail .detail-info .quantity-input .btn-increase {
margin-left: 10px;
margin-right: 1px;
}

.wrap-iten-in-cart .products-cart .product-image {
width: 60px;
}
.wrap-iten-in-cart .products-cart .price-field p {
font-size: 16px;
}

.btn-submitx {
background: #ff2832;
font-size: 17px;
color: #ffffff;
line-height: 19px;
border: none;
border-radius: 0;
padding: 15px 30px;
min-width: 119px;
text-align: center;
margin-top: 28px;
-webkit-transition: background 0.3s ease 0s;
-o-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
}
.btn-submitx:hover {
color: #fff !important;
background: #333 !important;
}
.wrap-login-item .form-item.login-form {
padding-right: 40px;
margin-bottom: 65px;
padding-left: 40px;
}

/*******************/
/****** Edits ******/
/*******************/

/* Collection Menu (Sommer, Winter)
.collection-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.collection-menu ul li {
float: left;
}

.collection-menu ul li a {
display: block;
text-align: center;
padding: 16px;
text-decoration: none;
}
*/

/*Menü*/

.wrap-logo-top img {
    max-width: 80%;
    width: 120px !important;    
}

.menu-icon {

}
.search-field {
height: 2.6em;
border: none;
border-bottom: 1px black solid;
}
.left-section, .center-section, .right-section {
width: 32% !important;
}
.secondbar {

background-color: #ffffff;
}
/*.ninety-container {
width: 100% !important;
float: left !important;
}*/
#deleteAllFilters {
padding-left: 0;
padding-right: 0 !important;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: 200px;
}

#deleteAllFilters a {
    margin-right: 0;
}

.collection-menu .menu-nav .menu-item a {
color: #333333;
text-transform: uppercase;
font-weight: bold;
}

.menu-item a{
transition: color 0.3s;
}

.menu-item a:hover {
color: var(--branding-color) !important;
}
#dropdown-shoesizes
{
background-color: var(--branding-color) !important;
color: #fff;
width: 850px;
overflow: hidden; /* Hide scrollbars */

}

.firstcheckboxline {
background-color:  var(--branding-color) !important;
color: #fff;
padding: 10px
}
.keyRow {

text-align: left !important;
color: #888;
}
.checkboxline {
padding-left: 10px;
padding-right: 10px;
}

.filtercheckboxSize {
padding-left: 10px;
width: 5.5% !important;
text-align: center;
}
.kombisuche span {
position: relative;
left: 50px;
}
.kombisuche-firstraw{
position: relative;
left: 40px;
}
.kombisuche {
text-transform: uppercase;
font-size: 1.2em;

}
.kombisuche-icon {
width: 40px;
position: absolute;
top: 17px;
}

.firstcheckboxline{
margin-left: -2px;
}

.filtercheckboxSize.checked {
text-decoration: underline;
font-style: italic;
}
.filtercheckboxSize {
cursor: pointer;
}


#loginwindow h3 {
text-align: center;
}

.breadcrumbs {
font-size: 0.8em;
}
.breadcrumbs a{
color: #333333;
font-size: 1em;
}
.breadcrumbs a:hover{
text-decoration: underline;
cursor: pointer;
}
#mercado_haead_menu > li a:hover {
    color: var(--branding-color);
}
.menu-icon a i {
    transition: color 0.3s;
}

.menu-icon a i:hover, .menu-icon a i:active {
    color: var(--branding-color) !important;
}
.oeffnungszeiten-details {
    margin-top: 93px;
}

/*Mega Menu*/
#mega-menu {
height: 100%;
}

#mega-menu li {
height: 100%;
}

.mega-menu-item {
padding: 36px 20px 35px 20px !important;
}

#mega-menu nav {
position: relative;
z-index: 90;

}

#mega-menu ul {
list-style: none;
}

#mega-menu li {
display: inline-block;
}

#mega-menu a {
display: block;
padding: 20px;
font-family: Roboto, sans-serif;
font-size: 1.2em;
text-decoration: none;
text-transform: uppercase;
color: grey;
}

#mega-menu a:hover {
color: var(--branding-color);
}

#mega-menu li div.container {
display: none;
width: 100%;
height: auto;
position: absolute;
left: 0;
background: white;
z-index: 99 !important;
background-color: #ececec;
padding: 50px;
margin-top: 2px;
}

.special-icon {
margin-left: 10px;
margin-right: 10px;
}


#mega-menu li:hover div {
display: block;
}

#mega-menu li div ul {
display: inline-block;
vertical-align: top;
}

#mega-menu li div ul li {
display: block;
}

#mega-menu li div ul li a {
font-size: 1em;
color: #333333;
padding: 5px;
padding-left: 0px;
}
#mega-menu li div ul li.mega-menu-column-title a {
padding-top: 0 !important;
}
#mega-menu .mega-menu-column-title {
font-weight: bold;
text-align: left;
padding: 10px;
padding-left: 0px;
font-size: 1.1em;
text-transform: uppercase;
}

/*Dreieck -> in v1 noch nicht relevant weil kein megamenu*/
/*
nav#mega-menu li a.mega-menu-item:hover:after {
position: absolute;
content: "";
display: block;
border: 15px solid #ffffff;
border-bottom-color: #efefef;
margin-top: -4px;
}
*/
nav#mega-menu li a.sommer-item:hover:after {
margin-left: 21px !important;
}

nav#mega-menu li a.winter-item:hover:after {
margin-left: 15px !important;
}

nav#mega-menu li a.klassik-item:hover:after {
margin-left: 17px !important;
}

/*Individual Shadows*/

.imageShadow {
-webkit-box-shadow: 4px 4px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 10px -1px rgba(0,0,0,0.75);
box-shadow: 4px 4px 10px -1px rgba(0,0,0,0.75);
}
.panelShadowBottom {
-webkit-box-shadow: -2px 5px 13px -8px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 5px 13px -8px rgba(0,0,0,0.75);
box-shadow: -2px 5px 13px -8px rgba(0,0,0,0.75);
}

.figure-caption {
padding-top: 14px;
font-size: 1.2em;
}
.secondary-nav-section   {

}

.secondary-nav-section a  {
padding: 10px;
color: #666666;
font-size: 1em;
}
.secondary-nav-section a:hover  {
color: var(--branding-color);
}
.bigspacer {
height: 70px;
}
.spacer {
height: 50px;
}
.smallspacer {
height: 30px;
}
.tinyspacer {
height: 20px;
}
.verytinyspacer {
height: 10px;
}
.marginalspacer {
height: 5px;
}
nav#mega-menu ul li {
display: inline-block;
}


.madeitpink {
color: var(--branding-color) !important;
}
a.nav-item {
cursor: pointer !important;
font-family: "Roboto-Regular", "sans-serif";
}

@media (min-width: 1000px) {
.modal-dialog {
width: 900px !important;
padding: 50px;
}
}

/* Modal Windows (Kontakt, Anmeldeformular) */

/*Kontaktformular*/
@media (min-width: 1200px) {
.modal-dialog {
width: 1100px !important;
padding: 10px;
}

.modal-content {
padding: 10px;
}
}

.modal-close, .modal-close2 {
font-size: 3em !important;
position: relative;
top: -9px;
right: 1px;
}
.modal-content {
padding-top: 10px;
}

/*Anmeldeformular - Interessenten */


#myModalContact {
width: 900px;
margin: 0 auto;
padding: 10px;
}
#myModalContact .modal-content {
padding: 60px;
}
#myModalContact .centeredIntro {
text-align: center;
font-size: 1em;
}

.formlabel {
text-align: right;
padding-top: 7px;
}

#ansprechpartnerbearbeiten input[type="radio"], #ansprechpartnerbearbeiten input[type="checkbox"] {
margin: 10px 0 0;
}

.col-100 {
width: 98%;
margin-right: 2%;
float: left;
}

.col-10 {
width: 8%;
margin-right: 2%;
float: left;
}

.col-12 {
width: 10%;
margin-right: 2%;
float: left;
}

.col-15 {
width: 13%;
margin-right: 2%;
float: left;
}
.col-20 {
width: 18%;
margin-right: 2%;
float: left;
}
.col-22 {
width: 21%;
}
.col-25 {
width: 25%;
}
.col-24 {
width: 24%;
}
.col-30 {
width: 29%;
float: left;
}
.bigcheckbox {
width: 20px;
height: 20px;
}
.sidecarttable {
width: 100% !important;
}
.col-40 {
width: 38%;
margin-right: 2%;
float: left;
}
.col-45 {
width: 43%;
margin-right: 2%;
float: left;
}
.col-60 {
width: 58%;
margin-right: 2%;
float: left;
}
.col-70 {
width: 68%;
margin-right: 2%;
float: left;
}


/* Menu from right */
/* Menu */

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 60;
top: 0;
right: 0;
background-color: #909090;
overflow-x: hidden;
transition: 0.5s;
opacity: 0.95;
font-family: "Roboto-Bold", "sans-serif";
}

.sidenavInner {
margin: 50px;
width: 400px;
}

.sidenav a {
text-decoration: none;
font-size: 1.1em;
color: #ffffff;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
text-decoration: underline;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

.sidenav .heading {
font-size: 1.1em;
color: #ffffff;
font-weight: bold;
}

.closebtn:hover {
text-decoration: none !important;
}

/*Styling Kachelansicht*/
.warenkorbhinzu {
width: 25px;
margin: 10px;
float: right;
}


.threedots-icon {
height: 15px;
width: 15px;
background-image: url('../images/icons/threedots_grey.png');
background-size: 15px 15px;
background-repeat: no-repeat;
transition: 0.3s;
margin-top: 2px;
}

.threedots-icon:hover {
height: 15px;
width: 15px;
background-image: url('../images/icons/threedots_pink.png');
background-size: 15px 15px;
background-repeat: no-repeat;
transition: 0.3s;
margin-top: 2px;
}


.wrap-price {
line-height: 1em;
margin-bottom: 20px;
}

.grid-detailtext {
color: #444444;
font-family: 'Roboto-Medium', "sans-serif";
font-size: 1em !important;
line-height: 1em;
}

.product-info {
background-color: #ffffff;
padding-left: 10px;
padding-top: 30px;
}
.product-info-grid {
padding-top: 0px;
margin-top: 0px;
}

.grid-producttitle {
transition: 0.3s;
font-family: 'Roboto-Bold', "sans-serif";
margin-top: 10px;
}
.grid-producttitle:hover {
color: var(--branding-color);
}
.grid-products li {
padding-left: 4px;
padding-right: 4px;
height: 410px;
margin-bottom: 19px;
}
a p.contact-txt {
color: #111111;
transition: 0.3s;
}
a p.contact-txt:hover {
color: var(--branding-color);
}

/* Kachelansicht - hover */
.product {
height: 405px !important;
transition: 0.3s;
width: 96%;
margin: 9px;
margin-left: 0px;
}
.owl-stage-outer .product:hover {
box-shadow:  none !important;

}
#lastSeen h1 {
padding-bottom: 0px !important;
}
.product:hover {
-webkit-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 8px 0px rgba(50, 50, 50, 0.75);
width: 96%;
}
.kachel {
height: 260px;
line-height: 260px;
width: 100% !important;
background-color: transparent;
text-align: center !important;

}

.product-header {
height: 8px;
}

.product-imagearea {
height: 280px;
}

.product-info {
height: 80px !important;
padding-top: 0px !important;
}

.product-tile {
vertical-align: middle;
margin: 0 auto !important;
max-height: 240px !important;
width: auto !important;
max-width: 100% !important;
position: relative;
}

.product-tile-hover {
vertical-align: middle;
margin: 0 auto !important;
max-height: 240px !important;
display: inline !important;
margin-left: 5% !important;
margin-right: 5% !important;
}

.product-overlay img {
margin-left: 10% !important;
margin-right: 9% !important;
max-height: 220px !important;
max-width: 79.5% !important;
position: absolute;
bottom: 150px;
left: 0px;
z-index: 10;
}

.product-tile img {
width: auto !important;
margin-left: 9.3% !important;
margin-right: 10% !important;
max-height: 220px !important;
max-width: 85% !important;
position: absolute;
bottom: 2px;
left: 0px;
}
.relief {
text-transform: uppercase;
font-size: 1.2em;
color: #757575;
}

.tile {
display: block;
}

.form-group {
margin-bottom: 6px !important;
}

.product-overlay {
display: none;
}
.tile.show-overlay figure.product-tile {
display: none !important;
}

.tile.show-overlay figure.product-overlay {
display: block !important;
max-height: 240px !important;
/*padding: 10px !important;*/
width: 100% !important;
}
.product-info-static {
display: block;
margin-top: 4px;
margin-left: 4px

}
.product-info-hover{
display: none !important;
margin-top: 7px;
}

.tile.show-overlay .product-info-static {
display: none !important;
}

.tile.show-overlay .product-info-hover {
display: block !important;
}
/*
a.tile-maintile {
display: flex !important;
}
*/
/*Flags*/
.flag {
margin-bottom: 5px;
pointer-events: none;
border-radius: 0px !important;
}
.flag:hover {
cursor: default;
}
.btn-vororder, .btn-sofort, .btn-aufanfrage, .btn-neu, .btn-top, .btn-sale {
font-size: 0.7em;
padding: 5px;
font-family: "Roboto-Light", "sans-serif";
}
.btn-neu, .btn-top, .btn-sale {
float: right;
margin-left: 3px;
}
.btn-aufanfrage, .btn-neu {
background-color: #c75687;
border:none;
margin-right: 9px !important;

}
.btn-vororder, .btn-sale {
background-color: var(--branding-color);
border: none;
}

.brandingColor {
color: var(--branding-color);
}

.orangeColor {
color: #ff8800;
}
.redColor {
color: #ff0000;
}

.btn-sofort, .btn-top {
background-color: var(--branding-color);
border: none;
}

.btn-aufanfrage:hover, .btn-neu:hover {
background-color: #c75687;
border:none;
}
.btn-vororder:hover, .btn-sale:hover {
background-color: #fa70ac;
border: none;
}
.btn-sofort:hover, .btn-top:hover {
background-color: var(--branding-color);
border: none;
}

/*Unterseiten statisch*/
h1.page-title {
text-align: center;
font-size: 2em;
padding: 20px;
font-family: 'Roboto-Regular', 'sans-serif';
}
h2.page-title {
text-align: left;
font-size: 1.5em;
font-family: 'Roboto-Regular', 'sans-serif';
}
h3.page-title {
text-align: left;
font-size: 1.2em;
}
p.page-text {
text-align: justify;
font-size: 1.0em;
font-family: 'Roboto-Regular','sans-serif';
}

.bafe-page p.page-text {
font-family: inherit;
}

.text-center {
text-align: center !important;
}

/*Fix filtermenu*/
.fixed-container {


}

.white-link {
color: #fff;
text-decoration: underline;
}

.white-link:hover {
color: #fff;
text-decoration: none;
}

.white-container {
background-color: #ffffff;
}
.auswahl-logo {
width: 300px;
}

#filtermenu {
background-color: #E2E1E0;

}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 90;
background-color: #ffffff;
}
.sticky + .content {
padding-top: 102px;
}

/* Landing Page */
.last-seen {
width: 100%;
}

h3.title-seperator {
font-size: 1.6em;
width: 100%;
text-align: center;
border-bottom: 1px solid #000;
line-height: 0.1em;
margin: 10px 0 20px;
}
h3.title-seperator span{
background-color: #ffffff;
padding: 0 25px;
}
.solidline {
border-bottom: 1px #666666 solid;
}
.softline {
border-bottom: 1px #888888 solid;
}
.spacebottom {
margin-bottom: 8px;
}
#page-landingpage, #page-passwordforgotten {
background-color: #ffffff;
}
.center-image {
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 800px;
}
.left-border {
padding-left: 0px !important;
margin-left: 0px !important;
}
.right-border {
padding-right: 0px !important;
margin-right: 0px !important;
}
.top-border {
padding-top: 0px !important;
margin-top: 0px !important;
}
.bottom-border {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}

/* Produkt Detailseite */
.advanced-info {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;

}
.advanced-info p.details {
font-size: 1em !important;

}
.normal-text {
font-size: 1.2em  !important;
line-height: 1.5em;
font-family: "Roboto-Light";
}
.normal-text-bold {
font-size: 1.2em !important;
line-height: 1.5em ;
font-family: "Roboto-Medium";

}
h1.text-heading {
font-family: "Roboto-Medium";
font-size: 1.5em;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.detail-info h1.text-heading {
padding-top: 0px;
margin-top: 0px;
}
.detail-media {

}

.warekorb-block {
    /*height: 88px;*/
    /*min-height: 88px;*/
}

.cart-single-item {
    clear: both;
    display: flex;
    margin-bottom: 13px;
    /*overflow: hidden;*/
}

.onepiconly li img {
padding: 10px;
max-height: 500px;
margin: auto !important;
display: block;

}
.space-to-right {
margin-right: 11%;
display: block;
float: left;
}
.left {
text-align: left !important;
}
main#detailspage {
background-color: #ffffff;
}

.product-price {
font-size: 1.3em;
margin-bottom: 20px;
}

.product-price-uvp {
margin-left: 80px;
margin-bottom: 20px;
}

.roboto-bold {
    font-family: "Roboto-Bold", "sans-serif";
}

.available {
color: var(--branding-color);
font-family: "Roboto-Bold", "sans-serif";
}
.notavailable {
color: black;
font-family: "Roboto-Regular", "sans-serif";
}

.white-button {
background-color: #ffffff;
border: 1px var(--branding-color) solid !important;
color: var(--branding-color);
padding: 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
transition: 0.3s;
}
.white-button:hover {
background-color: var(--branding-color);
color: #ffffff;
text-align: center;
font-size: 16px;
}


.kdrf2 {
text-align: left !important;
}
.btn-xs {
padding: 5px !important;
text-transform: capitalize !important;
}
.grey-button {
background-color: #cccccc;
color: #000000;
padding: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
transition: 0.3s;
border: none;
text-transform: uppercase;
}

.grey-button:hover {
background-color: var(--branding-color);
color: #ffffff !important;
}

.light-button {
background-color: #ffffff;
border: 1px var(--branding-color) solid !important;
color: var(--branding-color);
padding: 15px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
transition: 0.3s;
}

.light-button:hover {
background-color: #ffffff !important;
color: #fff !important;
background-color: var(--branding-color) !important;
text-align: center !important;
font-size: 16px !important;
border: 1px var(--branding-color) solid !important;
}

.pink-button {
background-color: var(--branding-color);
border: 1px var(--branding-color) solid;
color: #ffffff;
padding: 15px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
transition: 0.3s;
}
.pink-button:hover {
background-color: #ffffff;
color: var(--branding-color);
text-align: center;
font-size: 16px;
border: 1px var(--branding-color) solid !important;
}
/* Arrows ausblenden */
/* Chrome, Safari, Edge, Opera */
.size-pallet input::-webkit-outer-spin-button,
.size-pallet input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
.size-pallet input[type=number] {
-moz-appearance: textfield;
}

.size-pallet {
margin-top: 0px;
}
.sizes {
color: black;
display: inline;
padding-left: 11px;
padding-right: 5px;
}

.sizes2 {
    display: inline;
    letter-spacing: -0.3px;
    padding-left: 2.5px;
    padding-right: 2.5px;
}

/*Startseite - Text zentriert*/
.f-title {
color: #ffffff;

}
#slider-info {
position: absolute;
margin: 0 auto !important;
left: 0;
right: 0;
text-align: center;
top: 41%;
}

#welcomewindow {
position: relative;
}
#loginwindow {
position: absolute;
left: 0;
right: 0;
top: 20%;
z-index: 50;
background-color: #ffffff;
width: 40%;
margin: 0 auto;
padding: 15px;
border-radius: 5px;
}
#loginwindow label {
font-family: 'Roboto-Bold', 'sans-serif';
}

#loginwindow input[type="text"] {
background-color: #ffffff !important;
outline: 0 !important;
border-width: 0 0 1px !important;
border-color: #666666 !important;
}

/*Impressum*/
address {
font-size: 1em;
}

/*FAQ Häufig gestellte Fragen */
iframe#faq {
display: block;
margin: 0 auto;
}

.no-space {
padding-bottom: 0px !important;
}

/*Über uns*/

.pinkybold {
color: var(--branding-color);
font-family: "Roboto-Bold";
font-weight: bold;
}
.aboutImage {
width: 100%;
float: left;
padding: 0px;
padding-left: 0px;
padding-bottom: 30px;
overflow: hidden;
}
.desc {
padding: 10px;
text-align: left !important;
}
.sub-title {
font-family: "Roboto-Regular";
margin-bottom: 0px !important;
}

.primary-link {
text-decoration: underline;
color: #666666;
transition: 0.3s;
}

.primary-link:hover {
text-decoration: none;
color: var(--branding-color);
}

/*Passwort vergessen / angemeldet bleiben */
.wineredlink {
color: #990000 !important;
text-decoration: underline !important;
}
.wineredlink:hover {
text-decoration: none !important;
}
.mindestbestellhinweis {
text-transform: none !important;
color: #aaaaaa;
}
.pinklink {
color: var(--branding-color);
cursor: pointer;
}
.closely {
margin: 0px !important;
padding: 0px !important;
}
label.closely {
top: -4px !important;
position: relative !important;
}

.greylink-active {
color: #666666;
text-decoration: underline;
}
.greylink-active:hover {
color: var(--branding-color);
text-decoration: none;
}
.greylink {
color: #666666;
cursor: pointer;
}
.greylink:hover {
cursor: pointer;
color: #666666;
text-decoration: underline;
}
.hand {
cursor: pointer;
}
.floatleft {
float: left !important;
}
.fullwidth {
width: 100% !important;
}
.floatright {
float: right !important;
}
#laenderauswahl .chosen-single {
text-align: left !important;
}
.textalignright {
text-align: right !important;
}
.textalignleft {
text-align: left !important;
}
.textaligncenter {
text-align: center !important;
}
.no-line-top, .no-line-top tr, .no-line-top td {
border-top: none !important;
}
.fatunderline {
border-bottom: 3px #cccccc solid !important;
}
.seasonstat {
width: 100px;
}
.seasonstatcolleft {
width: 50px;
color: var(--branding-color);
}
.seasonstatcolright {
width: 50px;
}

.greylinkpink {
color: #666666;

}
.greylinkpink:hover {
color: var(--branding-color);

}
#auftragsbemerkungen {
    color: #000000;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
}
#internehinweise {
    color: #bd6703;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
}

.jsrefer {
    color: #000000;
    margin-bottom: 18px;
}
.jsrefer::placeholder, .jsrefer2::placeholder, #auftragsbemerkungen::placeholder, .hvz_cart::placeholder {
font-style: italic;
font-size: 0.8em;

}
.jsrefer2 {
float: left;
width: 150px;
color: #000000;
font-size: 0.9em;
font-family: 'Roboto-Light';
border: none !important;
margin-top: 3px;
}


.pinklink:hover, .pinklink:focus {
text-decoration: underline;
color: var(--branding-color);
}
.popup-normaltext {
font-family: "Roboto-Bold", "sans-serif";
}

/*Cookie Banner */
.js-cookie-consent {
padding: 20px;
text-align: center;
position: fixed;
background-color: white;
z-index: 99;
width: 100%;
border-bottom: 1px #666666 solid;
bottom: 0px;
}

/*Form elements*/
form input {
border: none !important;
border-bottom: 1px #666666 solid !important;
border-radius: 0px !important;
}
.btn-large {
padding: 7px 40px 7px 40px;
}

/*Pagination*/
.wrap-pagination-info {
margin: 0 auto !important;
color: #666666 !important;
background-color: transparent !important;
text-align: center !important;
}
.pagination {
margin: 120px 0px 0px 0px;
}
.pagination .page-item .page-link {
margin: 2px;
padding: 12px 18px 12px 18px ;
color: #666666 !important;
border: 1px #666666 solid;
border-radius: 10px;
font-family: "Roboto-Regular", "sans-serif" !important;
font-size: 1.1em !important;
}

.pagination .page-item.active .page-link {
background-color: var(--branding-color) !important;
border-color: var(--branding-color) !important;
color: #ffffff !important;
}

/*Farbpalette - (Kachelübersicht)*/

.colorPalette {
display: inline-block !important;
height: 48px;
margin-top: 3px;
margin-bottom: 0px;
overflow: hidden;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 30px;
position: relative;
top: 0px;
width: 100%;
}

.datumsfeldliefertermin{
text-align: center;
}

.colorPalette .items {
    display: inline-block;
    height: 48px;
    width: initial;
}

.colorPalette .items img{
    /*width: 18%;*/
    margin-left: 3px;
    margin-right: 3px;

    height: 48px;
    object-fit: contain;
    object-position: left bottom;
    width: 48px;
}

#colorsTable
{
margin-top: 50px !important;
}

/*Detailansicht - Farbtabelle */
.colorsTable {
padding: 10px;

}
.colorsThumbnail {
width: 20% !important;
margin-right: 14px;
margin-bottom: 14px;
}
/* Formular Anmeldung (Wir freuen uns über Ihre Interesse) */
.items {
width: 90%;
margin: 0px auto;
}

.slick-slide {
margin: 10px
}

.slick-slide img {
width: 100%;
border: 0px solid #fff
}

.link-direction {
padding: 20px;
}

/*Dropdownmenü*/
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 500;
text-align: left;
border-radius: 10px;
border: 2px var(--branding-color) solid;
padding-left: 2px !important;
top: 0px !important;
width: 240px;
max-height: 340px;
overflow-y: scroll;
}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown-content li {
text-align: left;
padding-left: 8px !important;
}
.dropdown-content li a {
width: 100% !important;
display: block;
min-width: 160px;
}

.menu-down {
z-index: 99;
display: inherit;
position: relative;
}
.menu-down a {
color: var(--branding-color);
}
.dropdown-content {

top: 35px !important;

}

/*Scrollbar für Dropdown in Menü*/
.dropdown-content::-webkit-scrollbar {
width: 10px;
}

/* Track */
.dropdown-content::-webkit-scrollbar-track {

border-radius: 10px;
}

/* Handle */
.dropdown-content::-webkit-scrollbar-thumb {
background: #555;
border-radius: 10px;
}

/* Handle on hover */
.dropdown-content::-webkit-scrollbar-thumb:hover {
background: #ccc;
}
.colorblob {
width: 15px;
height: 15px;
float: left;
margin: 2px 10px 2px 2px;
}
.colorblob.colorblobundefined {
width: 15px;
height: 15px;
float: left;
margin: 2px 10px 2px 2px;
background-color: #ffffff;
border: 1px #dddddd solid;
}
.moreColors {
position: absolute;
right: 4px;
top: 0;
width: 24px
}
.moreColors a {
padding: 2px;
}
.moreColors .white-button {
padding: 6px;
padding-top: 8px;
padding-bottom: 8px;
margin-top: 3px
}

.moreColors .white-button:hover .fa-angle-right {
    color: #fff !important;
}

.filterlist-item {
padding-top: 7px !important;
padding-bottom: 7px !important;
width: 100% !important;
font-family: 'Roboto-Light', 'sans-serif';
}

.filterlist-item label {
width: 85% !important;
}

.filterlist-item label input {
margin-right:5px;
}

.filtercheckbox {
margin: 5px !important;
}
.checkboxline label {
margin-bottom: 3px !important;
}
.headingcheckboxline {
padding: 10px 10px 10px 0px;
}

/*Tab menu on profile page*/
/* Style the tab */
.tab {
overflow: hidden;
border-bottom: 1px #cccccc solid;

}
.white {
color: white !important;
}

/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 16px 16px;
font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
border-bottom: 3px var(--branding-color) solid;
}

#vertreterfelder {
background-color: #ececec;

}

.activeunderlined {
border-bottom: 3px var(--branding-color) solid;
}

/* Create an active/current tablink class */
.tab button.active {
border-bottom: 3px var(--branding-color) solid;
}

/* Style the tab content */
.tabcontent {
display: none;
padding: 0 12px 6px;
border-top: none;
}

/* Tooltip */
.tooltip-form {
position: relative;
display: inline-block;
color: var(--branding-color);
font-size: 1.4em;
}

/* Tooltip text */
.tooltip-form .tooltiptext-form {
visibility: hidden;
width: 200px;
background-color: #aaa;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 100;
font-size: 0.7em;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-form:hover .tooltiptext-form {
visibility: visible;
}

.form-control:read-only {
border-bottom: none !important;
}

.form-select {
    padding-top: 4px;
    padding-bottom: 4px;
}

#ansprechpartnerformular input[type="checkbox"][readonly] {
pointer-events: none !important;
}
#ansprechpartnerformular th, #lieferadressen th, #lieferadressenformular th, #auftragsuebersicht th  {
text-transform: uppercase !important;
}
#lieferadressen input[type="checkbox"][readonly] {
pointer-events: none !important;
}


.iconhover {
color: #444444;
transition: 0.3s;
}
.iconhover:hover {
color: var(--branding-color);
}
.border-left {
margin-left: 20px;
}
.border-right {
margin-right: 20px;
}
#filterbutton {
margin: 4px;
}
.warenkorb_aktualisieren {
background-color: #ffffff;
border: 1px #909090 solid;
color: #909090;
padding: 4px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.8em;
transition: 0.3s;
}
.lastSeenImage img {
max-height: 220px;
max-width: 210px;
width: auto !important
}
.warekorb-block .product-image figure img{
max-height: 77px;
width: auto;
}

.warenkorb_aktualisieren:hover {
border: 1px var(--branding-color) solid !important;
color: var(--branding-color) !important;
}

.inputtext-cart {
width: 20px;
font-size: 0.8em;
line-height: 1em;
margin-left: 2px;
}
.inputtext-cart.textfield {
border-bottom: 1px #ccc solid;
border-left: none;
border-right: none;
border-top: none;
text-align: center;
}
.last-seen-title1 {
font-size: 0.85em;
font-family: 'Roboto-Bold';
}
.last-seen-title2 {
font-size: 0.85em;
}
.right-sidebar {
text-align: right;
top: -95px;
}
.kundennamecart {
text-transform: uppercase;
color: #888;
font-weight: light;
font-family: 'Roboto-Regular';
transition: 0.3;
}
.kundennamecart:hover {
color: var(--branding-color);
transition: 0.3;
}


.emphasized {
font-family: "Roboto-Bold";
text-transform: uppercase;
}

.iconimage {
width: 15px;
margin-right: 10px;
}
.soft-text {
color: #aaaaaa;
font-family: "Roboto-Regular";
}

.billing-total {
border-top: 1px #ccc solid;
padding-top: 10px;
padding-left: 10px;
}
.unclickable {
display: inline-block;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.unclickable:hover {
display: inline-block;
pointer-events: none;
}

#warenkorbformular  {
font-family: "Roboto-Light", "sans-serif";
}
.sizepallettecell {
width: 45px;
}
.sizefillin {
width: 40px;
}
.sizefillintext {
width: 36px;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
}
.sizefillinsum {
width: 40px;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
}
#sum {
border-bottom: none !important;
text-align: right;
}
.summencell {
text-align: center !important;
right: 0px;
}
#ui-datepicker-div {
    z-index:50 !important;
}

#datepickertextfield {
text-align: center;
width: 116px
}
.ui-datepicker-trigger{
border:none;
background:none;
line-height: 1.2em;
}
#gewuenschterliefertermin {
margin-bottom: -8px;
display: block;
margin-right: 14px;
}
ol.page-text li, ul.page-text li {
font-family: "Roboto-Regular", "sans-serif";
}
.gesamt {
text-align: right;
margin-right: 0px;
padding-right: 0px;
}
.gespr {
text-align: right;
padding-left: 0px;
margin-right: 0px;
padding-right: 0px;
}
.product-name-cart {
font-size: 1em;
font-family: "Roboto-Regular";
}
.product-name-cart a {
color: #444444;
transition: 0.3s;
}
.product-color-thumbnail {
max-height: 48px;
width: auto !important;
}
.product-name-cart a:hover {
color: var(--branding-color);
}
.summensymbol {
margin-top: 0px;
font-family: "Roboto-Regular";
}
.neutralfield {
border: none;
width: 280px;
max-width: 280px;
min-width: 280px;
text-align: right;
}
.no-border {
border: none !important;
}
#savecart {
border-bottom: none !important;
background-color: #ffffff;
font-size: 1em;
padding: 0px;
margin: -3px;
}
#detail-info-right {
margin-top: 0px;
font-size: 1.9em;
}
.smallborder-bottom {
margin-bottom: 3px;
}
.displaynone {
display: none !important;
}
.cart-sizes tr td
{
text-align: center;

}

/*Warenkorb Sidebar*/
.product-sizes-table  {
z-index: 50;
}
ul.products-cart {
list-style-type: none !important;
}
.cartData img {
width: 100px;
}
.cartData td {
padding: 5px;
font-family: "Roboto-Regular", "sans-serif";
}
.sidecartInner {
padding: 20px;
}
.cartDataImage {
width: 25%;
}
.imageCartPosition img {

}

.sidecartdelete {
position:absolute;
top: 0px;
right: -7px;
}
.cartDataDetails {
width: 50%;
}
.cartDataPrice {
width: 20%;
text-align: right;
position: relative !important;
}
.cartDataDelete {
width: 5%;
}
/*Cart Menu*/
.sideCart {
height: 100%;
width: 0;
position: fixed;
z-index: 60;
top: 0;
right: 0;
background-color: #ffffff;
overflow-x: hidden;
transition: 0.5s;
opacity: 0.95;
font-family: "Roboto-Bold", "sans-serif";
border-left: 1px #909090 solid;
}

.sideCart a {
text-decoration: none;
font-size: 1.1em;
display: block;
transition: 0.3s;
}

.sideCart a:hover {
text-decoration: underline;
}

.sideCart .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
color: #909090;

}

.sideCart .delbtnn {
color: #909090;
font-size: 1em;
position: absolute;
top: 0;
right: 0;
}

.sideCart .heading {
font-size: 1.1em;
color: #ffffff;
font-weight: bold;

}
.choosenCart-details {

}
.top-none {
margin-top: 0px !important;
}
.bottom-none {
margin-top: 0px !important;
}


.chosen-container {
width: 200px !important;
}
.cart-items-reserved {

right: 19px;
}
.sizefillin input[readonly]
{
background-color: #ffffff;
border-bottom: none !important;
}

.totalprice {
font-size: 1.2em;
}
#totalprice_oben{
    border: none;
    text-align: right;
    margin-top: 10px;
    position: relative;
    right: -11px;
    width: 140px;
}
.resetCart {
width: 15px !important;
padding: 3px;
}
.resetCart:hover {
cursor: pointer;
}
.textright {
text-align: right;
}
.half {
width: 49%;
}
.reklaImage{
width: 150px;
}
.order-image {
width: 120px;
}

/*Meine Aufträge - Orders*/
.size-table-orders tr td {
font-size: 1em;
padding: 0px 8px;
text-align: center;
}
.underlined-cell {
border-bottom: 1px solid #ddd;
}
tr.capital-heading th {
text-transform: uppercase !important;
padding-top: 6px;
padding-bottom: 6px;
}
.capital-heading {
text-transform: uppercase !important;
padding-top: 6px;
padding-bottom: 6px;
}
#form-search-top {
    display: inline;
}
.top-icon{
    font-size: 25px;
    color: #aaa;
}
.top-icon-cart{
    margin-left: 40px;
    margin-top: 15px;
    top: 8px;
    position: relative;
}
.top-icon-bars {
    margin-left: 20px;
    top: 6px;
    position: relative;
}
.top-icon-search {
    position: relative;
    width: 24px;
    right: 34px;
    background-color: #ffffff;

}

.main-info-area .right-section .wrap-icon-section .left-info{
display: block;
float: left;
}

.warenkorb-icon {
height: 30px;
width: 30px;
background-image: url('../images/icons/warenkorb.svg');
background-size: 30px 30px;
background-repeat: no-repeat;
transition: 0.3s;
margin-top: 4px;
}

.warenkorb-icon:hover {
height: 30px;
width: 30px;
background-image: url('../images/icons/warenkorb_sh_hover.png');
background-size: 30px 30px;
}

.warenkorb-icon2 {
height: 30px;
width: 30px;
background-image: url('../images/icons/warenkorb_voll.svg');
background-size: 30px 30px;
background-repeat: no-repeat;
transition: 0.3s;
margin-top: 4px;
}

.warenkorb-icon2:hover {
height: 30px;
width: 30px;
background-image: url('../images/icons/warenkorb_voll_s.svg');
background-size: 30px 30px;
}


.tooltip_cart {
color: #ffffff;
background-color: var(--branding-color);
padding: 1px 8px 1px 8px;
border-radius: 1000px;
position: absolute;
right: -25px;
top:18px;
}

small.menu-down a {
font-size: 0.9em;
float: left;
margin-right: 2px;
}

ul small.menu-down:last-child a {
    margin-left: 0;
}

.small, small {
font-size: 79% !important;
}

.chosen-drop
{
border: none !important;
text-align: right;
}

.chosen-single {
border: none !important;
text-align: right;
}

.lcc-modal__content {
font-family: "Roboto-Regular" !important;
}

.tooltip_cart .tooltiptext_cart {
visibility: hidden;
width: 120px;
background-color: var(--branding-color);
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 500;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
padding: 7px;
}

/* WSTA = 36 */
.tooltip_cart .tooltiptext_cart.wide {
visibility: hidden;
width: 490px;
background-color: var(--branding-color);
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
/*z-index: 1;*/
bottom: 125%;
left: -427%;
margin-left: -150px;
opacity: 0;
transition: opacity 0.3s;
padding: 7px;
}

.tooltip_cart .tooltiptext_cart::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip_cart:hover .tooltiptext_cart {
visibility: visible;
opacity: 1;
}

/*Bildschirmlupe Detailansicht*/

.img-magnifier-container {
position:relative;
}

.img-magnifier-glass {
position: sticky;
right: 9px;
z-index: 500;
border: 2px #ced4da solid;
border-radius: 0%;

/*Größe der Bildschirmlupe (sichtbarer Bereich)*/
width: 500px;
height: 500px;

/* Schatten fehlt noch ... */

}
.fade-out {
display: none !important;
}
.greyicon {
color: #666666 !important;
}


#horizon-slider ul li {
height: 415px;
left: -22px !important;
}

#horizon-slider ul li img {
max-height: 100% !important;
height: auto !important;
padding-right: 30px;
padding-left: 30px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0 auto !important;
position: absolute;
vertical-align: bottom;
display: table-cell;

}

.icon-table-header {
text-align: center;
}

.summ {
margin-left: 14px !important;
}

.impersonated {
margin-left: 10px;
}

#existingCustomer {
margin-top: 30px;
}
.centered-intro {
text-align: center;
font-size: 1.3em;
font-family: 'Roboto-Light', 'sans-serif';
font-weight: normal !important;
}

.datepickerinCart {
/*float: left;*/
padding-bottom: 0 !important;
padding-top: 0 !important;
width: 77px;
margin-left: 4px !important;
}

/* The Modal (background) */

#myModalRegister, #myModal {
z-index: 2000;
}


.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/*Blinkepümpel*/
#putIntoCartModal2 {
display:none;
color: #fff;
position: fixed;
width: 303px;
background-color: var(--branding-color);
padding: 16px;
right: 23px;
top: 18px;
border-radius: 10px;
z-index:999;
text-align:center;
opacity: 0.8;
}

#putIntoCartModal3 {
display:none;
color: #fff;
position: fixed;
width: 320px;
background-color: var(--branding-color);
padding: 16px;
right: 23px;
top: 18px;
border-radius: 10px;
z-index:999;
text-align:center;
opacity: 0.8;
}

#putIntoCartModal2 p, #putIntoCartModal3 p {
margin: 0px !important;
}
.dissapeard {
display: none !important;
}

.checkmarkWindow {
float: left;
font-size: 3em !important;
padding: -1px !important;
}

.greyseparator {
border-color: #aaa;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.search-order {
text-align: center;
padding: 44px;
}
.search-order input {
display: block;
width: 100%;
}
.prodright {
padding-left: 50px;
}
tr.list-element-client-impersonated {
    border: 2px var(--branding-color) solid;
    outline: 2px var(--branding-color) solid;

}
.impersonated .greylinkpink {
color: var(--branding-color);
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background-color: #ffffff !important;
}
.fa-angle-right, .fa-angle-left {
color: var(--branding-color);
}

#vertical-slider .sliderContentImage img {
bottom: 0;
display: block;
height: auto;
left: 0;
margin: auto;
max-width: 100%;
max-height: 96px;
padding: 5px;
position: absolute;
right: 0;
top: 0;
width: auto;
}

.internalinfo,
    #internehinweise::placeholder {
    color: #bd6703;
}

/****************************************
*     TT                                 *
*****************************************/

.slide-carousel .product .product-thumnail figure img {
padding: 22px 20px
}

.slide-carousel button:hover {
opacity: 0.4 !important;
}

#lastSeen .product-thumnail > a {
display: block;
margin: 0 auto;
text-align: center;
}

@media (min-width: 1200px) {



#ansprechpartnerformular.product-information {
table-layout: fixed;
}

#ansprechpartnerformular.product-information > tbody > tr > td.col-30 {
width: 32%;
}

#ansprechpartnerformular.product-information > tbody > tr > td.col-10:last-child {
width: 10%;
margin-right: 0;
}
}

@media (min-width: 1500px) {
    .size-table-orders tr td {
        padding: 0px 13px;
    }

    .sizes2 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 1500px) {
    .carbox4 {
        float: right !important;
        margin-top: -33px;
        margin-right: 1px
    }
    .top-icon {
        font-size: 19px;

    }
    .special-icon {
    margin-left: 5px;
    }
    #form-search-top .no-button {
    display: none
    }
    .warenkorb-icon2 {
    font-size: 19px !important;
    background-size: 20px !important;
    height: 23px !important;
    width: 24px !important;
    }
    .top-icon-bars {
    margin-left: 6px !important;
    }

}



#magicbutton {
    font-size: 2em;
    background-color: #ececec;
    border-radius: 6px;
    transition: 0.3s;
    position: relative;
    left: 5px;
    top: 5px;
    color: #888888;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px black solid;
    border: 1px #888888 solid !important;
    border-radius: 5px !important;
}

#magicbutton:hover {
    background-color:  var(--branding-color);
    color: #ffffff;
    border: none;
    transition: 0.6s;
    border: 1px  var(--branding-color) solid;
    cursor: pointer;
}

.wrap-iten-in-cart h1 {
padding-top: 0px !important;
}

.kupfer {
color: #bd6703;
}


.soft-button {
background-color: #ffffff;
border: 1px #909090 solid;
color: #909090;
padding: 4px 4px 2px; /* visual fix */
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.8em;
transition: 0.3s;
}

.soft-button:hover {
border: 1px var(--branding-color) solid;
color: var(--branding-color);
}

.uppercase {
text-transform: uppercase !important;
}
.capitalize {
text-transform: capitalize !important;
}

#horizon-slider ul li img {
    vertical-align: middle !important;
    margin: 0 auto !important !important;
    top: auto !important;
    bottom: auto !important;
}

td.no-border-bottom {
    border-bottom: none !important;
}

td.no-border-top {
    border-top: none !important;
}

@media (max-width: 1700px) {
    #dropdown-shoesizes {
        left: auto;
        right: 0;
    }
}

@media (min-width: 1300px) {
    .header-nav-section .menu-nav li {
        padding-left: 95px;
    }
}

#wka1, #wka2 {
    position: relative;
    right: 180px;
}

#auswahl_kundengruppe_chosen, #auswahl_kundenart_chosen {
    background-color: #ffffff;
    width: 100% !important;

}

.stop:hover {
    cursor: not-allowed !important;
    pointer-event: none !important;
}

.rightTextField {
padding-left: 0px !important;
margin-left: -14px !important;
padding-right: 6px
}
.lightgray {
    color: #7c7c7c !important;
}

#conditions {
    background-color: #ffffff;
    border: 1px #bd6703 solid;
    color: #bd6703;
    padding: 4px 4px 2px; /* visual fix */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.8em;
    transition: 0.3s;
}

#conditions:hover {
    background-color: #bd6703 !important;
    border: 1px #bd6703 solid !important;
    color: #ffffff !important;
    transition: 0.3s !important;
}

#lieferadresse_chosen {
    font-size: 14px !important;
}

.inputEmailNotAvailable {
    background-color: red !important;
    box-shadow: 0 0 0 1000px red inset !important;
}

.inputUIDNotAvailable {
background-color: red !important;
box-shadow: 0 0 0 1000px red inset !important;
}

@media (max-width: 1500px) {

    .warenkorb_links {
        width: 100%;
        padding: 30xp;
    }
    .warenkorb_right {
        width: 100%;
        padding: 30xp;
    }
    .right-sidebar {
        top: 0px;
    }
    .soft-text-jsrefer{
        display: block !important;
    }
    .carbox2 {
        width: 38.5%;
    }
    .carbox3{
        width: 36%;
    }
    .carbox4{
     width: 100%;
    }
    #cartName {
        width: 96%;
    }
    .artikelfarbnrhinzu {

    }


    #mindestbestellmenge, .total, #warernkorbblocklinks, .reservierensumme {
        padding-right: 0px;
    }
    #totalprice_oben {
    right: -20px;
}

    .reservierensumme{
        width: 402px;
        position: relative;
        right: 25px;
        float: right;
    }

    .datumsfeldliefertermin {
        text-align: left !important;
        margin-bottom: 20px;
    }

    /*Detailsview*/
    #datepickerblock, #warenkorbblock {
        width: 100% !important;
    }
    #warenkorbblock {
        margin-bottom: 20px;
    }
    .vertical-wrapper {
        background-color: #ffffff;
        z-index: 99;
        position: realtive;

    }
}

@media (max-width: 1300px) {

    .fixpencil_ {
        position: fixed !important;
        right: 20px !important;
        background-color: #ffffff !important;
    }

    .carbox2 {
        width: 37.5%;
    }

    .wrap-icon-section {
    width: 114% !important;
    }

    .main-info-area .wrap-icon-section {
        width: 100% !important;
    }

    .warenkorb-icon2 {
    font-size: 19px !important;
    background-size: 20px !important;
    height: 23px !important;
    width: 20px !important;
    }

    .colorsTable {
     padding: 2px;
    }


    .horizone-nav .prev {
        margin-left: -89px !important;
    }

    .horizone-nav .next {
        margin-right: 17px !important;
    }

    #totalprice_oben{
        width: 133px !important;
    }

    .main-info-area .right-section .wrap-icon-section {
        text-align: right;
    }

}


@media (max-width: 1200px) {

    .form-group h4 {
        padding: 20px;
    }

    .jsrefer2 {
        width: 113px !important;
    }

    #totalprice_oben{
        width: 116px !important;
    }

    .tabcontent {
        overflow-x: scroll;
    }
    .top-icon-cart {
    margin-left: 30px;
    }
    .begruessung {
    position: relative;
    /*right: 20px;*/
    }

    /*Detailsview*/
    #horizon-slider ul li img {

    max-width: 402px !important;
        left: 93px;
        top: 0px;
    }

    /*CartDetailview*/
    .warenkorb_right {

    }
    #colorsTable {
        width:115%;
    }
    .next, .prev {
        display: none;
    }


    .horizone-nav .prev {
        margin-left: -49px !important;
    }

    .horizone-nav .next {
        margin-right: -1px !important;
    }

    .main-info-area .wrap-icon-section {
        width: 114% !important;
    }

}

@media (max-width: 1100px) {

#totalprice_oben{
    width: 107px !important;
}

.jsrefer2 {
    width: 90px !important;
}


.carbox2 {
width: 36.5%;
}

#form-search-top {
display: inline !important;
position: relative;
left: 20px;
}

.main-info-area .wrap-icon-section {
width: 125% !important;
}
#mega-menu a {
font-size: 1em;
}
#mega-menu {
    margin-top: 12px;
}

.next, .prev {offenewarenkorbeformular
display: none !important;
}

}
.clearboth {
    clear: both;
}

.overflowhz {
    display: block;
    overflow: auto;
}

.nowrap {
    white-space: nowrap;
}

.fatoverline {
    border-top: 3px #cccccc solid !important;
}

tr.noborder td {
    border: none !important;
}

.cart-page h1.text-heading {
    margin-bottom: 0 !important;
}

#artikeloffen,
.reservierensumme .fa-history,
#mindestbestellmenge {
    font-size: 0.8em !important;
}

.artikelfarbnr {
    min-width: 160px;
}

.lieferadresse.customer {
    margin-bottom: 15px;
}

.carbox2 span {
    display: block;
    letter-spacing: -0.3px;
    line-height: 1.3em;
    /*margin-right: 29px;*/
}

.carbox1.summensymbol {
    line-height: 1.3em;
}

.carbox1.summensymbol > div {
    margin-top: 3px;
}

.warenkorbdetails_print .internalinfo {
    margin: -22px 0 18px;
}

.internalinfo-container {
    margin-top: 15px;
}

.auftragsbemerkungen-container {
    margin-bottom: 15px;
}

.cart-verlauf {
    margin-left: auto;
    max-width: 320px;
}

.cart-verlauf .formlabel {
    padding-top: 0;
}

@media (min-width: 1300px) {
    #activeClientsKaufendList th,
    #activeClientsInaktivList th {
        white-space: nowrap;
    }
}

@media (min-width: 1500px) {
    #activeClientsKaufendList th[title="Anschrift"],
    #activeClientsInaktivList th[title="Anschrift"],
    #activeClientsInteressentList th[title="Anschrift"],
    #activeClientsKaufendList tr th:first-child,
    #activeClientsInaktivList tr th:first-child,
    #activeClientsInteressentList tr th:first-child {
        min-width: 300px;
    }

    #activeClientsKaufendList tr th.internalinfo,
    #activeClientsInaktivList tr th.internalinfo,
    #activeClientsInteressentList tr th.internalinfo {
        min-width: 250px;
    }
}
#landselectreg, #brandselectreg {
    border: none !important;
}
#brandselectreg_chosen, #landselectreg_chosen {
    padding-top: 4px;
    padding-bottom: 4px;
    border: none !important;
    width: 225px !important;
}

button.new-customer {
    float: right;
    background-color: var(--branding-color);
    border: 1px var(--branding-color) solid;
    margin-bottom: 19px;
    padding: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

/*.products-cart.abgeschlossen .carbox2 span {
    margin-right: 0;
}*/

@media (min-width: 1501px) {
    .products-cart.abgeschlossen .math-data .carbox2 {
        width: 31%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .product-name-cart {
        width: 20%;
    }

    .product-sizes-table {
        width: 30%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
    .carbox2,
    .carbox4 {
        width: 25%;
    }

    .carbox3 {
        width: 24%;
    }

    .carbox4 {
        margin-right: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 1500px) {
    .warenkorb_right .kundennamecart-container {
        margin: 40px 0 15px;
    }

    .warenkorb_right .kundennamecart-container .smallspacer {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1099px) {
    .cart-single-item .detail-media {
        padding-left: 0;
    }

    .product-name-cart {
        padding: 0;
        width: 16%;
    }

    .product-sizes-table {
        width: 34%;
    }
}