/* *** Masterpage *** */
/* 
2.375 rem = 38px
1.750 rem = 28px
1.500 rem = 24px
1.250 rem = 20px
1.125 rem = 18px
1.000 rem = 16px
1.000 rem = 16px
0.875 rem = 14px
0.750 rem = 12px
0,6875rem = 11px
0.625 rem = 10px

*/    

/* headers */
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #00526e;
}
h1 {
    font-size: 1.75rem;
    font-weight: 700;

}
h2 {
    font-size: 1.250rem;
    font-weight: 700;
}
h3 {
    font-size: 1rem;
    font-weight: 700;
}
h4 {
    font-size: 0.875rem !important;
    text-transform: uppercase;
    font-weight: 700;
}
.small-font {
    font-size: 0.625rem;
}
form {
  font-size: 0.875rem; }

select {
    font-size: 0.875rem;
}
.content, .content p,p, ul li {
    line-height: 1.4rem;
    font-size: 0.875rem;
}
.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], 
[type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea
button,
input,
optgroup,
select,
textarea,
a {
    font-size: 0.875rem;
    letter-spacing: 0.78px;
    position: relative;
}
.breadcrumbs a {
    color: #1a1a1a;
    font-size: 0.5rem;
}

a:hover, a:focus {
    color: #1a1a1a;
    text-decoration: none;
}

a.nav-link:hover {
    border-bottom-color: #1a1a1a;
}
a.nav-link {
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
    letter-spacing: .5px;
    color: #1a1a1a;
    margin: 0;
    padding-bottom: 0;
    border-bottom: 2px solid transparent;
    font-size: 0.785rem;
}
ul.sub_category_nav{
    list-style-type: none;
    margin-left: 0;
}

.text-alert {
    color: #FF1200;
}

.text-grey {
    color:  #666666;
}

.info-list {
    margin: 0 0 23px 8px;
}
.info-list li {
    color: #7D7D7D;
    list-style-type: disc;
    margin: 0 0 5px 25px;
     font-size: 0.875rem;
    line-height: 1.4rem;
}
.no-margin {
    margin: 0 !important;
}


/* Our service */  

.our-service {
    height: 2em;
    font-variant: small-caps;
    background-color: #777777;
    color: whitesmoke;
    display: none;
}


/* button */
input.remove-margin {
    margin: 0 !important;
}
a.linkbutton {
    color: #0085CF;
    font-size: 12px;
    line-height: 29px;
}

.block {
    display: block;
}

/* qtip validation */
.Error {
    border: 1px solid #FF1200;
    /*background-color: #FFFFA3 !important;*/
}

.ErrorMsg {
	visibility: hidden;
	height: 0;
	width: 0;
	position: absolute;
}

.error-msg-bubble {
    font-size: 0.8rem;
    background-color: #FF1200;
    color: white;
    padding: 6px;
}


/* LOGIN */

#divRememberUsername input[type=checkbox]:hover{
    cursor:pointer;
}

span.field-info {
/*    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF; */
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -16px;
    padding: 0.375rem 0.5625rem 0.5625rem;
}

.order-subcontent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(#FDFDFD, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #DEDEDE;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 20px;
    height: 80px;
}
ul.order-list {
    margin-left: 0px;
}
.order-list {
    display: block;
}
.order-list li {
    list-style: none;
}
.order-list li:first-child {
    border-top: 1px solid #D5D5D5;
    padding-top: 12px;
    margin-top: 12px;
}
.text-wrap {
    float: left;
    margin: 10px;
}
.order-list li:hover
{
    background: lightgoldenrodyellow;
}

.special-panel {
    background-color: lightsteelblue;
    min-height: 150px;
   border-radius: 3px;
}

.img-filter {
    opacity:0.25;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
/* my stuff */

/* header */

#headerMaster {
    /*background: #e7e7e8; */
    background: white;
}


/* Search and shoppingcart */
#divSearchRow {
    margin-top: 1em;
}

/* Attach elements to the beginning or end of an input */
.search {
  display: block;
  position: relative;
  text-align: center;
  width: 2em;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }
  
  


.heading {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #000000;
    font: 24px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.cart-product-list {
    clear: both;
}
.cart-product-section ul,ol {
    list-style: none outside none;
    list-style-type: none;
    margin-left: 0;
}
.cart-product-list li {
    list-style: none outside none;
    list-style-type: none;
}

.top-divided {
    border-top: 1px solid #D5D5D5;
}
.bottom-divided {
    border-bottom: 1px solid #D5D5D5;
}
.right-divided {
    border-right: 1px solid #D5D5D5;
}

.left-divided {
    border-left: 1px solid #D5D5D5;
}

.custom-box {
    border: 1px solid #D5D5D5;
}
.cart-footer {
    padding-top: 12px;
    line-height: 1.6;
}
.cart-product .product-image {
    display: flex;
    justify-content: center;
}
    .cart-product .product-image img {
        /*max-height: 100px;
    max-width: 100px;
        */
    }

.product-admin {
    padding: 10px 0;
}
/*
.Product-head div {
    float: left;
}
*/


.strong {
    font-weight: bold;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.leftpadding10 {
    padding-left: 10px;
}
.height10 {
    height: 10px;
    display: block;
}
.text-content {
    line-height: 1.6;
}





/* Footer */
.CustomerService h5{
    margin-left: 0.6em;
}
.CustomerService ul {
    list-style-type: none;
    margin: 0 0 0 0.6em;
}
.footerbottom 
{
    padding-top: 0.8em;
    background: black;
    vertical-align: middle;
}
.footertopbottom {
    background: #e7e7e8;
}

/* content placeholder */

.default-content-placeholder{
/*    min-height: 500px; 
    background: white; 
    margin: 0.5em auto;
    padding: 0.9em;
    border-radius: 10px;
    border-style: solid;
    border-color: #f0f0f0;
    overflow: auto;
*/
    margin: 0.5em auto;
    padding: 0.9em;
    border-radius: 3px;
    border-style: solid;
    border-color: gainsboro;
    border-width: 1px;
    /* overflow: auto;*/
}

.default-content-fullwidth{
    background: white; 
    overflow: auto;

}
.content-box{
    background: white; 
    margin: 0.5em auto;
    padding: 0.2em 0 0.2em 0.5em;
    border-radius: 10px;
    border-style: solid;
    border-color: #f0f0f0;

}


.homeeyecatcher {
    background-color: #3B000B;
    /*background-image: -moz-linear-gradient(center bottom, #3B000B 42%, #470F19 88%);*/
    background-image: -moz-linear-gradient(center bottom, white 42%, whitesmoke 88%);
    min-height: 300px;
}




/* ------------*/
.boxradius4 {
    border-radius: 4px;
}
.filterPanel {
    padding: 0.5625em 0.875em;
}

.filterGroup {
    border-color: gainsboro;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0.5em;
    padding: 0.5625em 0.875em;
    
}
.filterGroup ul {
    list-style-type: none;
    padding-top: 0.2em;
    margin: 0 0 1em 0;
}

.filterGroup li{
    list-style: none outside none;
    overflow: hidden;
    font-size: 0.8em;
    margin-left: 0em;
}

/* horizontal gradient line */
hr.name-of-your-vertical-line
{

    border : 0;
    height : 400px;
    width : 1px;
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%,  #000000 50%,  #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%,  #000000 50%,  #FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #FFFFFF 0%,  #000000 50%,  #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%,  #000000 50%,  #FFFFFF 100%);

} 

div.seperated {
    background: -moz-linear-gradient(left center , #FFFFFF 0%, #000000 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}



 .row .margin-bottom1 {
     margin-bottom:  1em;
 }
 




/* CORNER RIBBON */

.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
}
 
.side-corner-tag span p {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 6px;
    background: #d93131;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.side-corner-tag span:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.side-corner-tag span:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}

/* end */
 .specials {
      color: #FF1200;
  }

/*customer service */

.bgcolor-orange {
    /*background-color: #f29300;*/
    background-color: cadetblue
}

.customerservice-panel {
    padding-bottom: 32px;
    padding-top: 10px;
    position: relative;
 
}
.customerservice-grid {
    margin: 0;
    width: 100%;
}

.customerservice-grid li{
    margin: 0;
    width: 100%;
}

.customerservice-intro {
    margin-top: 20px;
    margin-bottom: 40px;
}

.customerservice-overview {

    margin-bottom: 40px;
}

.customerservice-grid div.img-container {
    height: 200px;
    position: relative;
    text-align: center;
    
}
.customerservice-grid div.img-label {
    margin-top: 1rem;
    text-align: center;
    font-variant: small-caps;
    font-size: 1rem;
    color: #1a1a1a;
}



.customerservice-grid {
    margin: 0;
    width: 100%;
}

/*.customerservice-grid {
    float: left;
    padding-left: 0;
    list-style: none outside none;
    width: 28%;
    min-height: 250px;
    position: relative;
    
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    margin: 0 4.71698% 30px 0;
    padding-left: 0;
}*/

.customerservice-grid a:hover, .customerservice-grid a:focus {
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 140, 186, 0.5);
    box-shadow: 0 0 4px 1px rgba(0, 140, 186, 0.5);
    border: solid 1px #1a1a1a;
}
  .service-item.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  
img.customerservice-icon {
    height: 50%;
    left: 60%;
    margin: -15% 0 0 -25%;
    position: absolute;
    top: 40%;
    width: auto;
}

.customerservice-img {
    margin-left: -172px;
    margin-top: -112px;
    position: absolute;
}

.contact {
    margin: 40px 0;
}

.contact li {
    list-style: none;
    padding: 10px 0 10px 0;
}

.contact li i {
    margin-right: 10px;
}

.call-me-image {
    padding-top: 40px;
}

.shoppingcart-hover {
    margin-top: 20px;
}
i {
    /*color: #33A9FF;*/
    padding-right: 10px;
}
.langa-accordion .ui-state-default,.langa-accordion .ui-widget-content .ui-state-default,.langa-accordion .ui-widget-header .ui-state-default {
    border-bottom: 1px solid #D8DCDF;
    border-top: none;
    border-right: none;
    border-left: none;
    background: none;
    font-weight: normal;
}

.langa-accordion .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.langa-accordion .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.langa-accordion .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.langa-accordion .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
.langa-accordion h3:first-child {
    border-top: 1px solid #D8DCDF;
}

.langa-accordion .ui-widget-content 
{
    border: none;
    border-bottom: 1px solid #D8DCDF;
}

.langa-accordion .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.langa-accordion .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}

.langa-accordion .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.langa-accordion .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}

/* Tabs */
/*  TAB STYLING */
.langa-tabs { 
    padding: 0 !important; 
    background: none !important; 
    border-width: 0 !important;
    
} 
.langa-tabs ul {
    margin-bottom: 0.4rem !important;
}
.langa-tabs .ui-tabs-nav { 
    background: transparent  !important; 
    border-width: 0 0 1px 0  !important;
    border-color: #DDDDDD  !important;
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0; 
    padding-left: 8px;
} 
.langa-tabs .ui-tabs-panel { 
    border-width: 0 1px 1px 1px  !important;  
}
    .langa-tabs .ui-state-active {
        border-top: none !important;
        border-left: none;
        border-right: none;
        border-bottom: 4px solid #ff6900 !important;
    }
.langa-tabs .ui-state-active a{
    text-decoration: none;
}
.langa-tabs .ui-widget-content {
    border: none;
}

.langa-tabs .ui-state-active a, .langa-tabs.ui-state-active a:link, .langa-tabs.ui-state-active a:visited {
    color: #ff6900;
    text-decoration: none;
}

.langa-tabs .ui-state-hover a, .langa-tabs .ui-state-hover a:link, .langa-tabs .ui-state-hover a:visited {
    color: #ff6900;
}

.langa-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #0a0a0a;
    text-decoration: none;
    font-weight: normal !important;
}

    .langa-tabs ul li .ui-state-hover, #slider .ui-widget-content .ui-state-hover, #slider .ui-widget-header .ui-state-hover, #slider.ui-state-focus, #slider.ui-widget-content .ui-state-focus, #slider .ui-widget-header .ui-state-focus {
        /*border: 1px solid #33A9FF;*/
        background: #ff6900;
        border: none;
    }

/* GRIDVIEW STYLING */
.gridview 
{
    border: none;
}

.gridview .header {
    border: 1px solid #D5D5D5;
}
.gridview .header tr {
    color: #5A6C7C;
    text-align: left;
}
.gridview .header th {
    color: #5A6C7C;
    text-align: left;
    background-image: -webkit-linear-gradient(top,#ebebeb,#D5D5D5);
    height: 45px;
}
table.gridview tbody tr{
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
}
.gridview .selected {
    background-color: #eaf3f7;
}
    .gridview .selected td:first-child {
        border-left: 2px solid #33A9FF;
    }




/* Begin file upload */

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}








/* End file upload */




/* ***************************** NEW *********************************************?



/* topbar */
/*
body {
  marging-top: 2rem; }

.title-bar {
  background: #333;
  padding: 0.9rem; }

.top-bar {
  background: #333; }
  .top-bar ul {
    background: #333; }
    .top-bar ul li {
      background: #333; }
      .top-bar ul li a {
        color: #fff; }

.menu-text {
  color: #fff; }
  @media only screen and (max-width: 40em) {
    .menu-text {
      display: none !important; } }

@media only screen and (min-width: 40em) {
  .menu:last-child {
    border-left: 1px solid #4e4e4e; }

  .menu:first-child {
    border-left: none; }

  .menu li:not(:last-child) {
    border-right: 1px solid #4e4e4e; } }
.dropdown.menu .submenu {
  border: none; }

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }
*/


/* Shopping "marketing-nav-bar */



/*
a#notice {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 1rem 0;
    width: 100%;
    background: #0f1c21;
    background: -moz-linear-gradient(top, #0f1c21 0%, #26363e 45%, #4f5863 76%, #c6867f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0f1c21), color-stop(45%, #26363e), color-stop(76%, #4f5863), color-stop(100%, #c6867f));
    background: -webkit-linear-gradient(top, #0f1c21 0%, #26363e 45%, #4f5863 76%, #c6867f 100%);
    background: -o-linear-gradient(top, #0f1c21 0%, #26363e 45%, #4f5863 76%, #c6867f 100%);
    background: -ms-linear-gradient(top, #0f1c21 0%, #26363e 45%, #4f5863 76%, #c6867f 100%);
    background: linear-gradient(to bottom, #0f1c21 0%, #26363e 45%, #4f5863 76%, #c6867f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c21', endColorstr='#c6867f', GradientType=0 );
}

*/
.marketing-nav-bar {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    /*background: rgba(55, 148, 253, 1);*/
}
.marketing-nav-bar .padding {
    margin: 0;
    padding-top: 10px;
}
.logo-container {
    max-height: 2.5rem;
}
.shopname-title {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000000;
    font-variant: petite-caps;
}


/* overrule */
/*.top-bar, .top-bar ul {
    background: rgb(80, 162, 255);
    color:white;
    font-weight:600;
}
.top-bar ul li a{
    color: white;
}
.top-bar {
    padding: 0.2rem;
}

.top-bar-left ul li:first-child a {
    padding-left: 0px;
}
.is-dropdown-submenu {
    border: none;
    padding-left: 2px;
    border-top: solid 4px rgba(55, 148, 253, 1)
}*/
    /*nav - cart */
    .nav-cart-icon {
    background-image: url("../img/Icons/shoppingcart-icon.png");
    background-repeat: no-repeat;
        height: 2.4rem;
}
.nav-cart-totals {
    font-size: 0.73rem;
}

.nav-cart-items {
    margin-top: 11px;
    margin-left: 20px;
}
.avatar {
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    
}

.user-panel {
  font-size: 0.875rem;
    
}
.user-panel .buttons 
{
    margin-top: 10px;
    padding-top: 10px;
}
/* langa footer */
.shopping-footer {
    background: rgb(15, 15, 15);
    color: white;
    width: 100%;
}
.shopping-footer h4 {
    color: white;
}
.shopping-footer ul li a{
    color: white;
}

.shopping-footer .top {
    font-size: 0.8rem;
    padding: 2rem 0;
}

.shopping-footer .top ul{
    margin: 0;
}

.shopping-footer .top ul li{
    list-style: none;
    font-size: 0.65rem;
    text-transform: uppercase;
}

.shopping-footer .left-divided {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.shopping-footer .bottom {
    padding: 24px 0 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.shopping-footer .bottom p.copyright {
    font-size: 0.75em;
    margin: 6px 0;
}

.shopping-footer .bottom ul {
    margin: 0;
}
.shopping-footer .bottom ul li {
    list-style: none;
    float: left;
    font-size: 0.77778em;
    font-weight: 700;
    margin-right: 6px;
    text-transform: uppercase;
}

.shopping-footer .bottom ul li a {
    padding-right: 6px;
}


/* shopping property filter */

.property-item-list {
    margin: 0;
}
.property-item-list li {
    list-style: none;

}
.property-item-label span {
    color: #999;
}

h4.filter-header.js-property-description {
  margin-bottom: 1rem;
  padding-bottom: .4rem;
  border-bottom: 1px solid #ddd;
  position: relative;
    font-weight: bold;
}

#price_range {
    padding-bottom: .8rem;
}

#price_range .range-input {
    float: left;
    width: 50px;
    padding-left: 4px;
}


#overlay {
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 0;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(255, 255, 255, .5);
}

#overlay div {
     width:200px;
     margin: 100px auto;
     /*background-color: #fff;*/
     /*border:1px solid #000;*/
     padding:15px;
     text-align:center;
}


/*shop breadcrumb*/
.breadcrumbs 
{
    background: none;
    border: none;
    margin-top: 1rem;
    display: block;
    
}


/* filter breadcrumb */

.filterbreadcrumb .filterlabel {
    font-weight: bold;
    margin-bottom: 4px;
}
.filterbreadcrumb ul{
    list-style-type: none;
    margin: 0 0 50px 0;
}
.filterbreadcrumb li {
    float: left;
    
}
    .filterbreadcrumb li a {
        border-color: #33A9FF;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        display: block;
        list-style: none outside none;
        overflow: hidden;
        padding: 0 1.5em 0 1em;
        font-size: 0.8em;
        margin: auto 0.2em;
        background: url("../img/erase.png") no-repeat scroll right center transparent;
        line-height: 1.9rem;
    }

.filterbreadcrumb li a:hover
{
    text-decoration: line-through;
    background: url("../img/erase2.png") no-repeat scroll right center transparent;
}

.filterbreadcrumb li.erase-filters {
    background: none;
    padding: 0;
    margin-left: 8px;
    
}
.filterbreadcrumb li.erase-filters a {
    background: none;
    padding: 0;
    margin: 0;
    border-style: none;
}
.filterbreadcrumb li.erase-filters a:hover {
    text-decoration: none;
    background: none;
}


/* search */

 .search-button {
    background-image: url("../img/Icons/search-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
 }
 
 /* main menu */

/* product contentarea */

.product-offer-area ul li 
{
    list-style-type: none;
    float: left;
    height: auto;
    margin: 0 15px 15px 0;
    text-align: center;
}


/* product detail page area */
.price {
    color: #666666;
}
.old-price {
    text-decoration: line-through;
    font-size: 0.75rem;
    margin-right: 8px;
    color: #666666;
}
.new-price {
    color: #d12c2a;
}
.incl-tax {
     font-size: 0.8em;
     padding-left: 10px;
}
.product-detail .price, .product-detail .new-price  {
    font-size: 1.2rem;
    font-weight: bold; 
}

#divThumbGallery {
    margin-top: 1.2rem;
}
#divThumbGallery ul {
    margin: 0;
}
.price-fraction {
    font-size: 50%;
    vertical-align: 50%;
}

.product-detail .stock-info, .product-detail .free-shipping, .product-detail .incl-tax {
    font-size: 0.8rem;
    margin-right: 25px;
    margin-top: auto;
}


/* Product search Price stickers */

.image-holder {
    position: relative;
    height: 280px;
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
}
    .image-holder img {
        margin: auto;
        max-height: 220px;
        max-width: 220px;
    }
 .image-fit 
 {
    position: relative;
    object-fit: cover;
    width: 100%;
 }
.image-fit img{
    margin-left: auto;
    margin-right: auto;
}

.product-item {
    text-align: center;
    padding: 12px;
    position: relative;
}
.product-item .price {
    font-size: 1rem;
    font-weight: bold; 
}
.product-item:hover, .product-item:focus {
/*    -webkit-box-shadow: 0 0 0 1px0 rgba(0, 140, 186, 0.5);
    box-shadow: 0 0 0 1px rgba(0, 140, 186, 0.5); */
 }
 
.grow {
     /*transition: all .2s ease-in-out;*/
    transition: 200ms all;
}
.grow:hover {
     transform: scale(1.05, 1.05);
     -webkit-transform: scale(1.05, 1.05);
}

 .product-container {
     margin-top: 1rem;
}

.discount-announcement {
    background: none repeat scroll 0 0 #f60;
    color: white;
    top: 150px;
    position: absolute;
    padding: 6px 10px;
    font-size: 0.8rem;
    border-radius: 50%;
 }
 
 .free-shipping 
 {
     color: #999999;
     font-size: 0.6rem;
     font-variant: small-caps;
 }
.productname {
    font-size: 1.2rem;
    color: #222;
}

 .discount-perc {
     font-variant: small-caps;
     font-size: 0.6rem;
      color: #666666;
 }
 .discount-perc span {
      font-size: 0.8rem;
      font-weight: bold;
 }
 
 .stock-info {
     color: #008500;
 }
.stock-alert {
    color: #FF1200;
}



/*  property panel */
.js-link-more:after {
    color: #222;
    content: "\25BC";
}

.js-link-less:after {
    color: #222;
    content: "\25B2";
}

/* shopping cart */
.cart-product {
    margin-top: 0;
    padding: 9px 0 3px;
    position: relative;
       color: #666666;
}
.cart-product .product-title {
    color: #666666;
}
.cart-product .price{
    color: #666666;
}
.product-remove-item {
    /*position: absolute;
    right: 0px;
    z-index: 2;*/
    margin-right: 10px;
}
.cart-product .quantity-select {
    /*margin-top: -8px;*/
}
    .cart-product .quantity-select select {
        padding-top: 0;
        padding-bottom: 0;
        height: 25px;
        width: 60px;
    }
.cart-product-section .bottom-divided {
    margin-bottom: 12px !important;
    padding-bottom: 12px;
}
.cart-footer, .cart-highlight {
    color: #666666;
}
.cart-footer .tax 
{
     font-size: 0.75rem;
}
.cart-footer .free-shipping {
    color: #008500;
    font-size: 0.875rem;
}


.product-admin .top-divided {
    margin-top: 0 !important;
}
.cart-footer .grandtotal {
    font-weight: bold;
    font-size: 1.250rem;
}

/* orderlit */
.ordered-product {
    margin-top: 0;
    padding: 3px 0 6px;
    position: relative;
       color: #666666;
}



/* some defaults */
.hide-it, hid-it, hide {
    display: none;
}
.show-it {
    display: block;
} 

#slider {
    margin-bottom: 1rem;
}
#price-range-delimiter {
    width: 32px;
    text-align: center;
}




/*tabs */
.tabs, .tabs-content {
    width: 100%;
}

.button.disabled, .button[disabled] {
    opacity: 0.8;
    cursor: not-allowed;
}

/* icons */
.red-icon {
    color: #d12c2a;
}


/* utility */

/*.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; 
    vertical-align: middle
}*/


/* register */
.register-account
{
   padding-left:20px;
   text-indent:2px;
   list-style: none;
   list-style-position:outside;
    margin-top: 0.8rem;
}
/*
U+2611 ☑ ballot box with check
U+2705 ✅ white heavy check mark
U+2713 ✓ check mark
U+2714 ✔ heavy check mark

*/
.register-account li {
    margin-left: -2rem; margin-right: .100em;
}
.register-account li:before  
{
    font-size: 2rem;
 }

/* select payment types */

.select-paymenttype input, .select-paymenttype label {
    cursor: pointer;
}
.select-paymenttype input {
    margin-right: 40px;
}

.absolute {
  position: relative;
}


.avatar-container i {
    color: #D5D5D5;
    padding-top: 5px;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-center {
    position: absolute;
    left: 50%;
    top: 50%;

    /*
    *  Where the magic happens
    *  Centering method from CSS Tricks
    *  http://css-tricks.com/centering-percentage-widthheight-elements/
    */
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.vert{
    display: table-cell;
    vertical-align: middle;
}

#checkout .bottom-divided {
    margin-bottom: 12px;
}

/* disable arrown-down sign on signin-icon */
.dropdown.menu > li.is-dropdown-submenu-parent > a.signin-icon::after {
    display: none;
}


.padding-bottom-top {
    padding-bottom: 12px;
    padding-top: 12px;
}
.textblock-text {
    margin-top: 12px;
}
.padding-top {
    padding-top: 12px;
}

.margin-bottom {
    margin-bottom: 12px;
}
.margin-right {
    margin-right: 40px;
}
.margin-left-10px{
    margin-left:10px;
}
.margin-right-10px {
    margin-right: 10px;
}
.login-panel-height {
    height: 130px;
}

.no-right-padding {
    padding-right: 0;
}
.no-top-margin {
    margin-top: 0 !important; 
}
.account-menu {
    margin-top: 1rem;
    padding: 1em 0;
}
.account-menu-item {
    position: relative;
    border-bottom: 2px solid transparent;
}

.account-menu-item:hover {
    text-decoration: none;
    color: #36c;
}
.account-menu-item a {
    display: block;
    padding: .5em 1em;
    cursor: pointer;
    text-decoration: none;
    color: #31312f;
}
.account-menu-item a:hover {
    text-decoration: none;
    color: #36c;   
}
.account-menu-item.is-active {
    border-bottom: 2px solid #ff6900;
}
    /*.account-menu-item.is-active:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        content: '';
        background-color: #36c;
    }*/
/* align submenu with bottom menu border */
/*
.is-dropdown-submenu {
    margin-top: 8px;
    
}*/

.header-background {
    background-image: url("../img/block-head-bg.jpg");
    background-repeat: repeat-x;
    background-position: center;
}

.remove-product {
     position: absolute;
    bottom: 16px;
 }
 
 .black-color {
    color: #333;
 }
 
 /*  prview review */
 
.color-green {
    color: #006400; /* darkgreen: #006400*/
    
}
.color-blue {
    color: blue;
}
.color-red {
    color: red;
}
.color-orange {
    color: orange;
}
.color-lightblue {
    color: #33A9FF;
}
.color-black {
    color: black;
}
.rating-stars {
    display: inline-block;
    position: relative;
    cursor: default;
    color: #dddbd5;
    letter-spacing: 5px;
    margin-bottom: 2px;
    }
.rating-stars-value {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffc723;
}
.rating-stars-large {
    font-size: 2em;
}
.rating-stars:before, .rating-stars-value:before {
    font-family: "Font Awesome 5 Free";
    content: "\f005\f005\f005\f005\f005";
}
.review-title {
    font-weight: bold;
    margin-left: 20px;
}
.review-date:before {
    font-family: "Font Awesome 5 Free";
    content: "|";
    height: 10px;
    margin: auto 5px;
}
.review-pros ul, .review-cons ul {
    list-style: none;
    margin-left: 0;
}
    .review-pros ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f067";
        color: green;
        margin-right: 10px;
    }
    .review-cons ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f068";
        color: red;
        margin-right: 10px;
    }
.review-pros ul li, .review-cons ul li {
    text-transform: capitalize;
}
.review-recommend {
    margin-bottom: 1rem;
}
.newline:after {
    content: "";
    margin-bottom: 1rem;
}

.review-top-divider:before {
    content: "";
    margin-top: 1rem;
}
.review-top-divider:after {
    content: "";
    margin-bottom: 1rem;
}
.review-top-divider {
    border-top: 1px dotted #dddbd5;
}
.newline-before {
    margin-top: 2rem;
}
.top-space-1rem {
    margin-top: 1rem;
}

.inline-block {
    display: inline-block
}

.vw-section .as-title-block-left {
    display: block;
    width: auto;
    float: left;
    font-size: 21px;
    line-height: 1.5;
    text-overflow: ellipsis;
    font-weight: 400;
    padding-bottom: 0px;
    overflow: hidden;
}
.vw-section .as-title-block-right {
    display: block;
    width: auto;
    float: left;
    text-align: right;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.error-background 
{
  display: table;
  position: absolute;
  width: 100%;
  height: 738px;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    min-height: 364px;
    min-width: 320px;
    max-width: 412px;
    width: calc(100% - 40px);
    padding: 36px;
    margin-bottom: 28px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    border: 1px solid #818c94;
    border: 1px solid rgba(0,0,0,0.4);
}

.rate-widget {
            margin: 10px 0 2rem 0;
            line-height: 2rem;
            
        }
        .ratings-stars {
            width: 32px;
            color: gray;
            vertical-align: middle;
        }

        .ratings-over {
            color: #ffc723;
        }
        .star-cb-group > input {
          display: none;
        }
        .ratings-stars > span {
            display: none;
        }
        .rating-descr {
            line-height: 2rem;
            color: gray;
            vertical-align: middle;
        }
        .color-green {
            color: green;
        }
        .color-red {
            color: red;
        }
        
        .pros-cons-list {
            list-style: none;
            margin-left: 0;
        }
        .pros-cons-list li input[type=checkbox] 
        {
            margin-right: 2px;
        }
        .pros-cons-list li input[type=text] 
        {
            display: inline-block;
            width: 200px;
        }
        .recommend {
            border: none;
        }
.star:before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
}
/*        
.bx-wrapper, .bx-viewport {
    height: 200px !important; 
}
*/
.bxslider.gallery {
    height: 200px !important;
}

.gallery-image {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.bx-wrapper {
  -moz-box-shadow:none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
    margin-bottom: 0 !important;
    background: transparent !important;
 }
 
 
 .saletemplate {
            position: relative;
            /*--max-width: 1200px;*/
            height: 100%;
            margin-bottom: 12px;
            color: #fff;
        }
 .picture-wrapper {
     position: relative;
     text-align: center;
     width: 100%;
 }
.saletemplate-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    color: white;
}
.saletemplate-link:hover {
    color: white;
}
.saletemplate-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.saletemplate-teaser {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.saletemplate-header, .saletemplate-subheader {
    width: 68%;
    margin-bottom: 12px;
}
.saletemplate-discount {
    width: 80%;
    margin-top: 12px;
    text-align: center;
}
.saletemplate-footertext {
    padding: 0 20px;
    margin-top: 30px;
    text-align: center;
}
.picture-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
}
.text-title-by-line {
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.text-saleheader {
    
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 2px;
}
.text-title-mega {
   
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 3px;
}
.text-title-micro {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #999;
    letter-spacing: .5px;
}

.color-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image:url("../img/vertical-waves.png");
   background-repeat: repeat;
   opacity: 0.6;
    z-index: 3;
}

.grid-row-border {
    border-bottom: 1px solid #D5D5D5;
}
 
.payment-header {
    font-weight: bold;
}
.payment-icon {
    height: 50px;
}

.payment .name {
    padding-left: 30px;
}
.payment .descr {
    font-size: .8rem;
    color: #666666;
    padding-left: 30px;
}
.ls-rbl tr:nth-child(even) {
    border-bottom: 0;
    background-color: white;
}
.adverb-row-padding {
    padding: 1.5rem;
}
.text-wrap-right {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}


.capitalize {
    text-transform: capitalize;
}
.init-cap::first-letter {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.warning {
    color: #ff0000 ;
}

    .warning:before {
        content: '!';
        display: inline-block;
        width: 24px;
        text-align: center;
        color: #ffffff;
        background: #ff0000;
        margin-right: 10px;
        margin-bottom: 10px;
    }

.error {
    color: #de4343;
}
.dialog-padding {
    padding: 16px 0;
}
.icon-blue {
    color: #33A9FF;
}
/*#49B0F1*/
/*#00526e*/
.button.spinner[disabled] {
    background-image: url(../img/svg/spinner.svg);
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding-left: 25px;
}

.fancy-checkbox input[type="checkbox"],
.custom-checkbox .checked {
    display: none;
}

.custom-checkbox input[type="checkbox"],
.custom-checkbox .checked {
    display: none;
}

.custom-checkbox input[type="checkbox"]:checked~.checked {
    display: inline-block;
}

.custom-checkbox input[type="checkbox"]:checked~.unchecked {
    display: none;
}

input[type=checkbox] {
    display: none;
}

    input[type=checkbox] ~ label::before {
        color: #33A9FF;
        content: "\f0c8";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        margin-right: 8px;
    }

    input[type=checkbox]:checked ~ label::before {
        content: "\f14a";
        font-weight: 900; /*400 is regular, 900 is solid*/
    }


.cookie-banner {
    position: fixed;
    bottom: 40px;
    left: 10%;
    right: 10%;
    width: 80%;
    padding: 5px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #121212;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    color: white;
}
.close {
    height: 20px;
    background-color: #121212;
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    padding-right: 2px;
}
a.close:hover {
    color: white;
    border: 1px solid white;
    padding: 0 2px;
}
.close-button:focus, .close-button:hover {
    color: white;
}
.cookie-banner a {
    color: white;
}
    .cookie-banner a:hover {
        border-bottom-color: white;
    }

hr {
    margin: 0;
}
#divCustomerServices ul {
    margin: 0 24px 0 0;
}

#divCustomerServices li {
    list-style-type: none;
    /*border-bottom: solid 1px #D5D5D5;*/
    padding: 10px;
}





.slide-container-section--theme-darkblue .slide-container-section__nav {
    background-color: rgba(22,35,57,.9);
}

.slide-container-section .slide-container-section__nav {
    transition: background-color 2s cubic-bezier(.165,.84,.44,1) 0ms;
}

.slide-container-section--theme-darkblue .slide-container-section__nav {
    background-color: rgba(22,35,57,.9);
}

.slide-container-section .slide-container-section__nav {
    transition: background-color 2s cubic-bezier(.165,.84,.44,1) 0ms;
}

.slide-container-section__nav {
    flex: auto;
    padding: 36px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.slide-container-section__nav {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 20%;
    min-width: 320px;
    max-width: 440px;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
}

.slide-container-section__slide-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-container-section {
    position: relative;
    /*background-color: #e8ecf2;*/
    /*color: #fff;*/
    overflow-x: hidden;
    width: 100%;
    height: 100vh;
    transition: background-color 2s cubic-bezier(.165,.84,.44,1) 0ms;
}

.slide-container-section__nav-item {
    height: 60px;
}

.slide-container-section__nav-item, .slide-container-section__nav-item--selected {
    position: relative;
    display: flex;
    font-size: 1.125rem;
    font-weight: 600;
    height: 84px;
    flex: none;
    align-items: center;
    justify-content: flex-start;
    border-left: 3px solid hsla(0,0%,100%,0);
    padding-left: 12px;
    cursor: pointer;
    line-height: 1.25;
    color: hsla(0,0%,100%,.66);
    transition: color .2s cubic-bezier(.165,.84,.44,1) 0ms,border-color .2s cubic-bezier(.165,.84,.44,1) 0ms;
}

.slide-container-section__nav-item--selected, .slide-container-section__nav-item--selected:hover {
    color: #fff;
    border-left-color: #ffc93b;
}
.slide-container-section__nav-item:hover {
    color: #fff;
    border-left-color: hsla(0,0%,100%,.66);
}

ul.bxProductSlider{
    margin-left: 0;
}
ul.social-media-icon-list img {
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    width: 32px;
    height: 32px;
}


/* auto complete*/
/*
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 5px;
        zoom: 0;
        float: left;
        clear: left;
        width: 100%;
        list-style-image: none;
    }
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
    .ui-menu .ui-menu-item a.ui-state-focus{
        background: none;
        margin: -1px;
    }


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: #f2f2f2;
    font-weight: normal;
    color: #1d5987;
}



/* service documents */

.mobile-documents ul {
    list-style-type: none;
    margin: 0 0 50px 0;
}
.mobile-documents li {
    float: left;
}
    .mobile-documents li a {
        border-color: #D5D5D5;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        display: block;
        list-style: none outside none;
        overflow: hidden;
        padding: 0 1.5em 0 1em;
        font-size: 0.8em;
        margin: auto 0.2em;
        line-height: 1.9rem;
        color: #1a1a1a;
        margin: 2px;
    }

        .mobile-documents li a:hover {
            border-bottom-color: #1a1a1a;
        }

.document-nav-item-selected {
    color: #1a1a1a;
    background-color: #D5D5D5;
}
select.flag {
    width: 52px;
    padding-left: 2px;
}
.imagebutton {
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 50%;
    height: 40px;
    width: 36px;
    background-color: #f7f3f3;
    padding: 6px 12px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}
.cancel-icon {
    background-image: url(../img/svg/close.svg);
}

.update-icon {
    background-image: url(../img/svg/check.svg);
}

.right-padding-4px {
    padding-right: 4px !important;
}

.no-display {
    display: none;
}
.signout {
    line-height: 1.5;
    color: gray;
}
.pickup input {
    visibility: hidden;
    margin-left: -22px;
    padding: 10px
}

.pickup input label {
    cursor: pointer;
}

    .pickup input:checked + label {
        border: 1px dashed #33A9FF;
        padding: 10px
    }


.product-sku {
    margin-top: 15px;
}
.sku-wrap .sku-title {
    font-size: 12px;
    margin-bottom: 8px;
}
.sku-wrap .sku-title-value {
    color: #999;
}
.sku-wrap ul {
    list-style: none;
    margin-left: 0;
}
.sku-wrap .sku-property-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sku-wrap .sku-property-item {
    padding: 1px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 12px;
    margin-bottom: 12px;
}
.sku-wrap .sku-property-item.disabled {
    padding: 1px;
    border: 1px dashed #ccc;
    box-shadow: unset;
    color: #ccc;
    opacity: .6;
}
.sku-wrap .sku-property-item.selected, .sku-wrap .sku-property-item:hover {
        padding: 0;
        border: 2px solid #ff4747;
}
.sku-wrap .sku-property-text {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    white-space: nowrap;
}
.sku-wrap .sku-property-image {
    width: 58px;
    height: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.sku-wrap .sku-property-item.disabled.selected {
    padding: 0;
    border: 2px dashed #ff4747;
}

.image-small {
    max-width: 100px;
    max-height: 100px;
}
.image-thumb {
    max-height: 50px;
    max-width: 50px;
}
i.bubble {
    margin-right: 0;
}

table tbody tr:nth-child(even) {
    background-color: initial ;
}
table.keyvalue {
    border-spacing: 0;
}
table.keyvalue tbody tr {
    border-bottom: 1px solid #DDDDDD !important;
}

table.keyvalue th {
    background-color: #F0F2F2;
    color: #0F1111;
    font-weight: 400;
    text-align: left;
    width: 50%;
}
table.keyvalue th, table.keyvalue td {
    border-top: 1px solid #DDDDDD;
}
    table.keyvalue tr:last-child th, table.keyvalue tr:last-child td{
        border-bottom: 1px solid #DDDDDD;
    }

.hr-box {
    padding: 10px;
    border-radius: 10px;

}
    .hr-box.standout {
        background-color: #d3d3d34a;
        min-height: 300px;
        margin-top: 10px;
        box-shadow: 10px 10px #005b9;
    }
    .hr-box.hr-pricing {
        border: 1px solid #005b96;
    }
.hr-box.meet-the-host {
    border: 1px solid #005b96;
    padding: 10px !important;
    margin-top: 2.5rem;
}

        .hr-box.hr-pricing .row.topborder {
            border-top: 1px solid #005b96;
            padding-top: 1rem;
            margin: 2px;
        }
        .hr-box.hr-pricing i{
                padding: 0;
            }
.hr-features {
    /*min-height: 750px;*/
    background-color: slategrey;
    color: white;
    height: 100%;
}

.hr-features h2 {
    color: white
}
.hr-address {
    margin-top: 1.5rem;
    font-size: 14px;
    color: #00526e;
}
.hr-booking {
    margin-top: 1rem;
}

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 20px;

}

    .fill img {
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        height: auto;
        width: auto;
    }

.hr-view {
    position: relative;
    font-style: italic;
    top: -16px;
    
}

.hr-view .text {
    font-size: 10px;
}

.house-image {
    position: relative;
    display: flex;
    justify-content: center;
  
}
.house-image img {
    border-radius: 10px;
}
.house-image.padding-bottom {
        margin-bottom: 15px;
    }
.house-image.large img {
    /*margin: auto;*/
    min-height: 100%;
    min-width: 100%;
    justify-content: center;
    object-fit: cover;

}

.house-image.small img{
    height: 100%;
    width: 100%;
    justify-content: center;
    height: 242px;
    width: 188px;
}

    .pnl-more span {
        position: absolute;
        justify-content: center;
        top: 100px;
        left: 40px;
        color: white;
        font-size: 1.1rem;
        font-weight: 700;
    }

.pnl-more img {
    filter: brightness(0.4);
}
.house-preview img {
    height: 150px;
    width: 150px;
}
.house-image-fit {
    position: relative;
    object-fit: cover;
    width: 100%;
}
    .house-image-fit img {
        margin-left: auto;
        margin-right: auto;
    }

.hr-bold {
    color: #00526e;
    font-weight: 700;
}
.wifi-icon {
    background-image: url(../img/svg/wifi.svg);
    background-repeat: no-repeat;
}
.hr-icon {
    display: block;
    height: 24px;
    width: 24px;
    fill: currentcolor;
}
.hr.price {
    font-weight: 600;
    font-size: 1.4rem;
    color: #00526e;
}

.hr.old-price {
    text-decoration: line-through;
    font-size: 0.8rem;
    margin-right: 8px;
    color: #d12c2a;
    font-weight: 100;
}
.chk-mobile-availability {
    margin-bottom: -10px;

}
.amenity .svg {
    float: left;
    padding-right: 8px;
}
    .amenity .descr {
        float: left;
        padding-right: 8px;
        line-height: 24px;
    }

.amenity {
    overflow: auto;
}
.amenity ul {
    margin: 0;
}
    .amenity ul li {
        list-style: none;
        float: left;
        border: solid 1px gray;
        margin-top: 12px;
        margin-right: 10px;
        border-radius: 5px;
        padding: 10px;
    }
.amenity ul li svg {
    float: left;
    padding-right: 8px;
}
    .amenity ul li span {
        float: left;
        line-height: 24px;
    }

    .radius-10px {
        border-radius: 10px;
    }

    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .shop-slogan {
        padding: 0 5px;
        font-size: 0.8rem;
    }

.hr-gallery-image {
    position: relative;
    height: 500px;
    width: 500px;
    display: flex;
    justify-content: center;
    margin: 10px;
}
    .hr-gallery-image img {
        margin: auto;
        height: 100%;
        width: 100%;
    }

.hr-image-more {
    position: relative;
}
.hr-image-more .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
}
.image-container:hover .after {
    display: block;
    background: rgba(0, 0, 0, .6);
}

.close-button {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
    margin: 5px 0px 10px 10px
}
    .close-button i {
        color: #949393;
    }

.hr-box ul {
    list-style-type: square;
}

.dropdown-pane.language-panel {
    width: 250px;
}

.language-panel ul {
    list-style-type: none;
}
.language-panel li {
    float: left;
    padding: 10px 10px 5px 10px;
}
.language-panel li a {
    border-color: #D5D5D5;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: block;
    list-style: none outside none;
    overflow: hidden;
    font-size: 0.8em;
    color: #1a1a1a;
    padding: 5px 5px 0px 5px;
}

.language-panel li a:hover {
    border-bottom-color: #1a1a1a;
}

.label-lang {
    line-height: 2.2rem;
    padding-right: 4px;
}

.language-flag {
    padding: 5px 0;
}

@media (max-width: 992px) {
    .expand-button {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

a.readmore, a.readmore-close {
    margin-top: 10px;
    cursor: pointer;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 400;
    /*border-bottom: 2px solid transparent;*/
    transition: border-bottom .1s;
    
}
    a.readmore:hover, a.readmore-close:hover {
        border-color: #1a1a1a;
    }
a.readmore:after {
    color: #222;
    content: "\25BC";
}

a.readmore-close:after {
    color: #222;
    content: "\25B2";
}

.button-reserve {
    border-radius: 10px;
}


.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}


    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .shopping-content {

    }