/* general */
body{background-color:#fff; min-height: 700px; -webkit-font-smoothing: antialiased;}
.row.no-gutter{ margin: 0;}
.row.no-gutter>div[class |= "col"]{padding: 0;}
.row.gutter-64{ margin: 0px -64px;}
.row.gutter-64>div[class |= "col"]{padding-right: 64px;padding-left: 64px;}
.row.gutter-10 { margin-right: -10px; margin-left: -10px; }
.row.gutter-10>div[class |= 'col'] { padding-right: 10px; padding-left: 10px; }

.container-fluid-64{
  padding-right: 64px;
  padding-left: 64px;
}
.container-fluid-0{
  padding-right: 0px;
  padding-left: 0px;
}
.hide-block{
    display: none;
}
.rag-tooltip { position: absolute; z-index: 1; background-color: #616161; color: #fff; font-size: 10px; padding: 5px 5px; border-radius: 2px; width: 110px; text-align: center; line-height: 1.5; }

.spinner-block { min-height: 200px; overflow: hidden; padding-top: 50px; width: 100%; }
.spinner { font-size: 10px; margin: 0px auto; text-indent: -9999em; width: 4em; height: 4em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: pageLoader 1.4s infinite linear; animation: pageLoader 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.spinner:before { width: 50%; height: 50%; background: #3a7eee; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; }
.spinner:after { background: #fff; width: 90%; height: 90%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* .modal.fade .modal-dialog{-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);transform:scale(0.1);opacity:0;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s}
.modal.fade.in .modal-dialog{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;margin-top:50px}
 */

.orange-color{color: #ff6600;}
 
/* for chat box */
.zls-btrht { right: auto; left: 0; bottom: 0; }
.zlsps-rht { right: auto; left: 0; }
.zls-chtmn, .zlslrgbtn-on-tit1{background-color: gray!important;}
/* end for chat box */

.btn-grey { background-color: #a4a4a4; color: #fff; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; min-width: 105px; }
.btn-grey:hover, .btn-grey:focus { background-color: #7b7b7b; color: #fff; }
.btn-brick { background-color: #E71C24; color: #fff; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; min-width: 105px; }
.btn-brick:hover, .btn-brick:focus { background-color: #E71C24; color: #fff; }
.btn-border-green { background-color: transparent; color: #32bf35; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #32bf35;}
.btn-border-green:hover, .btn-border-blue:focus { background-color: transparent; color: #32bf35; }

.btn-border-blue { background-color: transparent; color: #2196f3; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #2196f3;}
.btn-border-blue:hover, .btn-border-blue:focus { background-color: transparent; color: #2196f3; }
.btn-border-brick { outline: none; background-color: transparent; color: #E71C24; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #E71C24;}
.btn-border-brick:hover, .btn-border-brick:focus { outline: none; background-color: transparent; color: #E71C24; }
.btn-border-grey { outline: none; background-color: transparent; color: #9a8c8c; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #9a8c8c;}
.btn-border-grey:hover, .btn-border-grey:focus { outline: none; background-color: transparent; color: #9a8c8c; }

.btn-blue { background-color: #2196f3; color: #fff; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #2196f3;}
.btn-blue:hover, .btn-blue:focus { background-color: #2196f3; color: #f1f1f1; }
.btn-yellow { background-color: #fff283; color: #373737; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #fff283;}
.btn-yellow:hover, .btn-yellow:focus { background-color: #fff283; color: #373737; }
.btn-green { background-color: #4caf50; color: #fff; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; border: 1px solid #4caf50;}
.btn-green:hover, .btn-green:focus { background-color: #4caf50; color: #fff; }
.btn-blue-link { color: #1e88e5; font-weight: 500; background-color: transparent; box-shadow: none; padding: 0; outline: none;}
.btn-blue-link:hover,.btn-blue-link:focus { text-decoration: underline; color: #1e88e5; outline: none; outline: none; box-shadow: none;}

.btn-grey-disable { background-color: #a4a4a4; color: #fff; font-size: 14px; font-weight: 500; padding: 10px 30px; line-height: 1; min-width: 105px; }
.btn-grey-disable:hover, .btn-grey-disable:focus { background-color: #a4a4a4; color: #fff; cursor: default;}

.plus-minus-btn { height: 40px; line-height: 40px; }
.plus-minus-btn:after { content:''; clear:left; display: table; }
.plus-minus-btn .btn { cursor: default; display: block; float: left; border-radius: 0; height: 100%; padding: 0px 10px; min-width: auto; width: 85px; }
.plus-minus-btn .btn:hover, .plus-minus-btn .btn:focus { cursor: default; outline: 0; outline: none; box-shadow: none; background-color: #E71C24; }
.plus-minus-btn>div { float: left; border: 1px solid #E71C24; padding: 0px 10px; font-size: 18px; vertical-align: middle; cursor: pointer; color: #615e5e; height: 100%; }
.plus-minus-btn.zero>div { color: #d7d7d7;}
.plus-minus-btn>div.minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.plus-minus-btn>div.plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.plus-minus-btn.active>div { border-color: #E71C24; }
.plus-minus-btn>div { display: inline-block; }
.plus-minus-btn .product-name { width: 100%; overflow: hidden; display: inline-block; vertical-align: bottom; white-space: nowrap; text-overflow: ellipsis; padding-right: 12px; }
.plus-minus-btn .add{display: none;}
.plus-minus-btn .count,
.plus-minus-btn .product-name{ display: inline-block; }
.plus-minus-btn.zero>div { border-color: #d7d7d7; }
.plus-minus-btn.zero .count{ display: none; }
.plus-minus-btn.zero .product-name{ display: none; }
.plus-minus-btn.zero .add{ display: inline-block; }

.fafafa-bg{background-color: #fafafa;}

.checkbox.mc-box, .radio.mc-box { padding-top: 0; margin-bottom: 10px; }
.checkbox.mc-box label, .radio.mc-box label { color: #646464; font-size: 15px; padding-left: 30px; line-height: 1.5; line-height: 1.5; }

.checkbox.mc-box input[type=checkbox],
.checkbox-inline.mc-box input[type=checkbox],
.radio.mc-box input[type=radio],
.radio-inline.mc-box input[type=radio] {
    display: none;
}

.checkbox.mc-box input[type=checkbox]+i,
.checkbox-inline.mc-box input[type=checkbox]+i,
.radio.mc-box input[type=radio]+i,
.radio-inline.mc-box input[type=radio]+i { 
  color: #757575; margin-left: -30px; font-size: 20px; margin-right: 10px; position: relative; top: 3px; 
}

.checkbox.mc-box input[type=checkbox]:checked+i,
.checkbox-inline.mc-box input[type=checkbox]:checked+i,
.radio.mc-box input[type=radio]:checked+i,
.radio-inline.mc-box input[type=radio]:checked+i {
    color: #009688;
}

.checkbox.mc-box input[type=checkbox]:checked+i:before,
.checkbox-inline.mc-box input[type=checkbox]:checked+i:before{
    content: "\F132";
}

.radio.mc-box input[type=radio]:checked+i:before,
.radio-inline.mc-box input[type=radio]:checked+i:before {
    content: "\F43E";
}

/* general popup-------------------- */
.general-modal .modal-title { font-weight: 900; font-size: 20px; }
.general-modal .modal-footer { padding: 15px 40px 40px; text-align: left; border-top: none; }
.general-modal .modal-footer.text-center { text-align: center; }
.general-modal .modal-header .close { color: #757575; opacity: 1; line-height: 1; font-size: 28px; outline: none; font-weight: 500; padding: 0px 10px; margin-right: -10px;}
@media (min-width:768px) {
    .general-modal .modal-dialog { width: 500px; margin: 30px auto; }
}

.book-free-consultation-modal { }
.book-free-consultation-modal .modal-body { padding-top: 40px; }
.book-free-consultation-modal .modal-content { min-height: auto; }
.book-free-consultation-modal .modal-footer { text-align: center; }
.book-free-consultation-modal .check-all { display: inline-block; background-color: #fff; width: 90px; height: 90px; border-radius: 50%; line-height: 90px; color: #7db980; font-size: 40px; }
.book-free-consultation-modal .close { margin-right: 40px; margin-top: 32px; color: #757575; opacity: 1; line-height: 1; font-size: 28px; outline: none; font-weight: 500; position: relative; z-index: 10; }
.book-free-consultation-modal.fail { }
.book-free-consultation-modal.fail .check-all { color: #fa5252; }

.success-fail-modal { }
.success-fail-modal .modal-body { padding-top: 40px; }
.success-fail-modal .modal-content { min-height: auto; }
.success-fail-modal .modal-footer { text-align: center; }
.success-fail-modal .check-all { display: inline-block; background-color: #fff; width: 90px; height: 90px; border-radius: 50%; line-height: 90px; color: #7db980; font-size: 40px; }
.success-fail-modal .close { margin-right: 40px; margin-top: 32px; color: #757575; opacity: 1; line-height: 1; font-size: 28px; outline: none; font-weight: 500; position: relative; z-index: 10; }
.success-fail-modal.fail { }
.success-fail-modal.fail .check-all { color: #fa5252; }
.success-fail-modal.fail .check-all i:before { content: "\F5D6"; }

.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: 1px solid #D9D9D9; border-radius: 50%; background: #FFF; cursor: pointer; width: 24px; height: 24px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #D9D9D9; border-radius: 50%; background: #FFF; cursor: pointer; width: 20px; height: 20px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19); }
.ui-slider-horizontal .ui-slider-handle { top: -0.5em; margin-left: -0.6em; background-color: #448AFF; border: 0px; border-radius: 50%; cursor: pointer; box-shadow: none; }
.ui-slider-vertical .ui-slider-handle { left: -0.56em; margin-left: 0; margin-bottom: -.6em; background-color: #448AFF; border: 0; border-radius: 50%; cursor: pointer; box-shadow: none; }
.ui-corner-all:focus { outline: none; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { background: #b5b5b5; border-radius: 0; border: 0; height: 0.1em;}
.ui-widget-header { background: #448AFF; color: #222222; font-weight: bold; }
.ui-slider-vertical { width: 0.1em; height: 143px; margin: 0 auto;}

.kitchen-measures {  }
.kitchen-measures .menu { font-size: 14px; color: #898989; margin: 0px; text-align: center; position: static; width: auto; border-bottom: 1px solid #cacaca; cursor: auto; }
.kitchen-measures .menu li { width: auto; height: auto; text-indent: initial; border: 0; border-radius: 0; padding: 15px; font-weight: 500; }
.kitchen-measures .menu li.active { border-bottom: 2px solid #fe5757; margin: 0; margin-bottom: -2px; }
.kitchen-measures .item { padding: 30px; min-height: 266px;}

.kitchen-measures .carousel-inner { padding-bottom: 15px;}
.kitchen-measures .slider-error-msg { position: absolute; color: #f66; font-size: 12px; display: none; bottom: 0;}

/* .wardrobe-measures { min-height: 300px; } */
.wardrobe-measures .menu { font-size: 14px; color: #898989; margin: 0px 15px 0px 15px; text-align: center; position: static; width: auto; border-bottom: 1px solid #cacaca; cursor: auto; }
.wardrobe-measures .menu li { width: auto; height: auto; text-indent: initial; border: 0; border-radius: 0; padding: 15px; font-weight: 500; background-color: transparent;}
.wardrobe-measures .menu li.active { border-bottom: 2px solid #fe5757; margin: 0; margin-bottom: -2px; color: #3e3e3e; background-color: #fff; }
.wardrobe-measures .item { padding: 30px; }
.wardrobe-measures .dimention { padding-left: 30px; padding-right: 30px;}
.wardrobe-measures .dimention .dim-block{float: none;}
.wardrobe-measures .dimention .slider-block.horizontal {width: 100%;}

.wardrobe-measures .carousel-inner { padding-bottom: 15px;}
.wardrobe-measures .slider-error-msg { position: absolute; bottom:0; color: #f66; font-size: 12px; display: none; bottom: 0;}

.wardrobe-measure-modal .no-wardrobe { margin: 0; }
.wardrobe-measure-modal .no-wardrobe>label { font-size: 12px; line-height: 1; }

.dimention { padding-left: 54px; }
.dimention .dim-block { float: left; }
.dimention .slider-block { display: inline-block; width: 56px; position: relative; }
.dimention .slider-block .vertical-text { -ms-transform: rotate(270deg); /* IE 9 */ -moz-transform: rotate(270deg); /* Firefox */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ -o-transform: rotate(270deg); /* Opera */ }
.dimention .slider-block .ft1 { top: 0; position: absolute; color: #636363; font-weight: 500; font-size: 11px; }
.dimention .slider-block .ft20 { bottom: 0; position: absolute; color: #636363; font-weight: 500; font-size: 11px; }
.dimention .slider-block .ft-value { position: absolute; top: 50%; bottom: 0; white-space: nowrap; text-align: center; left: -35px; width: 60px; height: 25px; margin-top: -12.5px; font-size: 13px; color: #6b6b6b; font-weight: 500; }
.dimention .slider-block .ft-value span { color: #232323; }
.dimention .slider-block.right .ft-value { left: auto; right: -35px; }
.dimention .slider-block.right .ft1, .dimention .slider-block.right .ft20 { right: 0; }
.dimention .slider-block.horizontal { width: 143px; height: 56px; padding-top: 23px; }
.dimention .slider-block.horizontal .ft1 { left: 0; position: absolute; top: auto; margin-top: 10px; }
.dimention .slider-block.horizontal .ft20 { right: 0; position: absolute; bottom: auto; margin-top: 10px; }
.dimention .slider-block.horizontal .ft-value { left: 50%; right: 0; top: auto; margin-left: -30px; bottom: -15px; }

/* to select selector */
.selectbox-selector { position: relative; }
.selectbox-selector-dropdown { list-style: none; margin: 0; display: inline-block; padding: 0; vertical-align: top; position: absolute; padding-left: 5px; z-index: 1; transition: 0.35s ease-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; padding-right: 5px; border: 1px solid #fff; background-color: #fff;    /* border-color: #eee; */ left: 0; min-width: 100px; top: 10px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; white-space: nowrap;}
.selectbox-selector .selectbox-selector-dropdown>li { font-size: 14px; }
.selectbox-selector.active .selectbox-selector-dropdown { top: 0px; opacity: 1; visibility: visible; }
.selectbox-selector-dropdown>li:hover, .selectbox-selector-dropdown>li.active { color: #969696; }

/* end general */

/* loading */
.loading-gif { min-height: 150px; text-align: center; }
.loading-gif>img { width: auto; margin-top: 75px; }

/* page*/
.page { padding-top: 40px; }
@media (min-width: 1500px){
  .page{
    max-width: 1482px;
    margin: 0 auto;
  }
}

/* map */
.no-map-section { margin-bottom: 64px; padding: 45px 0px; background: url('https://super.homelane.com/no-vendor-map-1.jpg'); background-color: #eee; color: #fff; position: relative; }
.no-map-section .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.45); }
.no-map-section .content { position: relative; }
.no-map-section h2 { margin: 0px 0px 10px; font-size: 24px; }
.no-map-section p { margin: 0px; font-size: 18px; color: #f9f9f9; }

.timeline-push-card { opacity: 0; color: #ffffff; background-color: #43a6f4; width: 300px; border-radius: 4px; position: fixed; z-index: 10; right: 30px; top: 120px; padding: 20px 30px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); transition: 0.35s ease-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; visibility: hidden; }
.timeline-push-card.s { opacity: 1; visibility: visible; }
.timeline-push-card.top-30 { top: 30px; }
.timeline-push-card.top-90 { top: 90px; }
.timeline-push-card h4 { margin-top: 0; padding-right: 20px; }
.timeline-push-card p { font-size: 13px; }
.timeline-push-card a { color: #ffed51; text-decoration: underline; }
.timeline-push-card i { position: absolute; right: 20px; top: 15px; font-size: 25px; line-height: 1; cursor: pointer;}

.info-window { background-color: #fff; width: 164px; height: 72px; padding: 15px; position: relative; box-shadow: 2px 2px 5px #eaeaea; }
.info-window.vp { border-left: 5px solid #4caf50; }
.info-window.pp { border-left: 5px solid #2196f3; }
.info-window.ep { border-left: 5px solid #f44336; }
.info-window:after { content: ''; position: absolute; bottom: -8px; right: 50%; margin-right: -8px; border: 8px solid #ffffff; border-right-color: transparent; border-left-color: transparent; border-bottom: 0; }
.info-window h4 { color: #404040; margin: 0px 0px 5px; font-size: 16px; font-weight: 400; }
.info-window .price { color: #a8a8a8; font-size: 13px; }
.info-window .price span { color: #ff9800; font-size: 14px; font-weight: 500; }
/* End Map Design */

/* page-content */
.page-content { padding-right: 70px; padding-left: 70px; }

.section { margin-bottom: 64px; }
.section-30 { margin-bottom: 30px; }
.section-padding-64 { padding: 64px 0px; }
.section .border-right { border-right: 1px solid #dddddd; }
.section .border-bottom { border-bottom: 1px solid #dddddd; }
.section hr { border-color: #eeeeee; }
.section .title { color: #000000; font-size: 22px; margin: 0px 0px 10px; font-weight: 400; }
.section .section-title { color: #494949; font-size: 28px; margin: 0px 0px 10px; }
.view-more-btn{color:#E71C24;cursor: pointer;}
.view-more-btn:hover{color:#f4950c;}

.page-title { color: #444444; font-size: 18px; padding-bottom: 0px; }

.partners { margin-bottom: 30px;}
.partners .description { color: #737373; font-size: 15px; }
.partners ul { color: #737373; font-size: 15px; padding-left: 20px; }
.partners ul>li { margin-bottom: 5px; list-style-type: disc; }
.partners .partner-count { color: #000000; margin-bottom: 30px; }
.partners .partner-count span { color: #4caf50; font-size: 16px; }
.partners .sub-title { margin-bottom: 15px;     position: relative;}
.partners .title>.star-badge { background-color: #E71C24; color: #fff; border-radius: 5px; padding: 4px 9px; font-size: 14px; white-space: nowrap; }
.partners .actions { margin: 0; color: #666666; }
.partners .actions>li { position: relative; }
.partners .actions a { color: #666666; font-size: 18px; display: block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; }
.partners .actions a:hover{ color: #000; background-color: #e9e9e9; }
.partners .actions a.loading { overflow: hidden; }
.partners .actions a.loading i { position: absolute; left: 11px; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
.partners .actions a.loading i:before { content: "\F453";}
.partners .price { cursor: pointer; color: #ff9800; font-size: 24px; font-weight: 500; margin: 0px;}
.partners .price .gst { color: #a4a4a4; font-size: 12px; font-weight: 400; }
.partners .price i { color: #7f7f7f; font-size: 16px; }
.partners .price i:after { content: ''; border: 5px solid #1e88e5; border-color: #1e88e5 transparent; border-bottom: 0; position: absolute; margin-left: -12px; bottom: 100%; z-index: 2; opacity: 0; transition: opacity 0.35s ease-in-out; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; }
.partners .blue-tooltip { display: none; position: absolute; z-index: 1; bottom: 100%; background-color: #1e88e5; border-radius: 3px; padding: 15px; color: #fff; box-shadow: 0px 1px 5px 0px #b7b5b5; font-size: 14px; font-weight: 400; width: 100%; margin-bottom: 5px; opacity: 0; transition: opacity 0.35s ease-in-out; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; }
.partners .price.tooltip-show .blue-tooltip, .partners .price:hover .blue-tooltip { display: block; }
.partners .price.tooltip-show .blue-tooltip, 
.partners .price:hover .blue-tooltip, 
.partners .price.tooltip-show i:after, 
.partners .price:hover i:after { opacity: 1; }
.partners .price-description { color: #404040; font-size: 16px; margin-bottom: 15px;}
.partners .price-description span { font-size: 14px; }
.partners .price-description span.vat { color: #000; }
.panel-partner { border-color: #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0px 2px 7px #e8e8e8; margin-bottom: 0px; }
.panel-partner > .panel-heading { color: #212121; background-color: #fff; border-color: #ddd; font-weight: 500; font-size: 15px; padding: 15px 20px; }
.panel-partner > .panel-heading .edit { font-size: 20px; color: #212121; display: none;}
.panel-partner > .panel-heading .edit:hover, .panel-partner > .panel-heading .edit:focus { font-size: 20px; color: #212121; }
.panel-partner > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; }
.panel-partner > .panel-heading .badge { color: #f5f5f5; background-color: #333; }
.panel-partner > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }
.panel-partner .panel-body { color: #212121; padding: 0px 20px; }
.panel-partner .panel-body>div:not(:last-child) { border-bottom: 1px solid #ddd; }
.panel-partner .panel-body>div { padding: 15px 0px; }
.panel-partner .panel-body .btn-link { color: #1e88e5; padding: 0; font-weight: 500; font-size: 12px; }
.panel-partner .panel-body .btn-link:hover { text-decoration: underline; }
.panel-partner .btn-link:hover, .panel-partner .btn-link:focus { outline: 0; text-decoration: none; }
.partners .btn-grey { background-color: #b9b9b9; color: #fff; border-color: #b9b9b9}
.partners .btn-grey:hover, .partners .btn-grey:focus { background-color: #b9b9b9; color: #fff; border-color: #b9b9b9;}
@media (max-width:1199px) {
  .partners .row.gutter-64{ margin: 0px -20px;}
  .partners .row.gutter-64>div[class |= "col"]{padding-right: 20px;padding-left: 20px;}
}
@media (max-width:991px) {
  .partners { padding:  64px 64px 0px; }
  .partners .row.gutter-64{ margin: 0px -30px;}
  .partners .row.gutter-64>div[class |= "col"]{padding-right: 30px;padding-left: 30px; margin-bottom: 64px;}
  .partners .row.gutter-64>div:nth-child(2){border-right: 0;}
}
@media (max-width:767px) {
  .partners .row.gutter-64>div{border-right: 0;}
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.compare-nav a { display: block; background-color: #fff283; color: #373737; text-decoration: underline; }
.compare-nav a:hover { color: #131313; text-decoration: underline; color: #000000;}

.consultation .btn-c { width: 100%; border-radius: 2px; text-transform: uppercase; padding: 15px; }
.consultation .btn-p { width: 100%; border-radius: 2px; text-transform: uppercase; padding: 15px;margin-top: 10px; }


.contact { padding: 64px 0px; }
.contact .avatar { margin-bottom: 30px; }
.contact h2 { font-size: 22px; color: #454545; margin: 0px 0px 10px; }
.contact p { font-size: 16px; color: #979797; margin-bottom: 25px; }
.contact .btn, .contact .call { min-width: 215px; }
.contact .or { color: #c9c9c9; font-size: 14px; margin: 0px 10px; }
.contact .call { background-color: #fff; font-size: 14px; color: #4a4a4a; padding: 10px 30px; line-height: 1; border: 1px solid #d0d0d0; border-radius: 4px; }
.contact .call span { font-weight: 500; color: #E71C24; }

.compare { margin-bottom: 34px; }
.compare .tabs { margin-top: 30px; }
.compare .tabs ul { margin: 0px; display: inline-block; border: 1px solid #dddddd; border-radius: 5px; overflow: hidden; }
.compare .tabs ul:after { content: ''; clear: left; }
.compare .tabs li { margin: 0; padding: 0px 30px; float: left; background-color: #fafafa; min-width: 182px;list-style-type:none;}
.compare .tabs li:not(:last-child) { border-right: 1px solid #dddddd; }
.compare .tabs li>a { color: #8c8c8c; padding: 15px 0px; display: block; }
.compare .tabs li>a:hover, .compare .tabs li>a:focus { text-decoration: none; }
.compare .tabs li:hover, .compare .tabs li.active { background-color: #fff; }
.compare .tabs li:hover>a, .compare .tabs li.active>a { color: #000; }
.compare .tab-pane { margin-right: -64px; margin-left: -64px; position: relative; min-height: 190px;}
.compare .tabs ul>li img { opacity: 0.4; }
.compare .tabs ul>li:nth-child(1) img { max-width: 12px; }
.compare .tabs ul>li:nth-child(2) img { max-width: 13px; }
.compare .tabs ul>li:nth-child(3) img { max-width: 15px; }
.compare .tabs li:hover img, .compare .tabs li.active img { opacity: 0.6; }

.compare-table { position: relative; }
.compare-table>tbody>tr>th { border-top-color: transparent; }
.compare-table>tbody>tr>th, .compare-table>tbody>tr>td { padding: 30px 0px; height: 100%; width: 33.3333%; }
.compare-table>tbody>tr>th>.td, .compare-table>tbody>tr>td>.td { padding: 0px 64px; height: 100%; }
.compare-table>tbody>tr>th:not(:last-child)>.td, .compare-table>tbody>tr>td:not(:last-child)>.td { border-right: 1px solid #dddddd; }
.compare-table>tbody>tr>td:first-child, .compare-table>tbody>tr>td:last-child { position: relative; }
.compare-table>tbody>tr>td[colspan="3"] { padding-bottom: 0; }
.compare-table>tbody>tr>td:first-child:after, .compare-table>tbody>tr>td:last-child:after, .compare-table>tbody>tr>td[colspan="3"]:after, .compare-table>tbody>tr>td[colspan="3"]:before { content: ''; border: 1px solid #fff; position: absolute; top: -1px; width: 64px; left: 0; }
.compare-table>tbody>tr>td:last-child:after, .compare-table>tbody>tr>td[colspan="3"]:after { left: auto; right: 0; }
.compare-table>tbody>tr.table-section>td { border-color: transparent; }

.compare-table>tbody>tr:last-child>td { padding-bottom: 0; }
.compare-table>tbody>tr:last-child>td .t-btn-section{ position: absolute; bottom: 0; left: 64px; right: 64px;}
.compare-table>tbody>tr:last-child>td>.add-aab-section { padding-bottom: 110px; }
.compare-table>tbody>tr:last-child>td>.add-aab-section .add-aab{ bottom: 86px;}
.compare-table .appliances-accessories-lists>div:after{ content: ''; display: table; clear: both; }
.other-products .compare-table>tbody>tr:last-child>td>.add-aab-section { padding-bottom: 46px; }
/*.compare-table>tbody>tr:nth-child(2)>td:last-child{ overflow: hidden; }*/

.compare-table th h2 { color: #272727; font-size: 18px; font-weight: 400; margin: 0px 0px 10px; }
.compare-table th>.td { color: #8c8c8c; font-weight: 400;     font-size: 15px;}
.compare-table th .td>span.total { color: #ff9800; font-size: 16px; margin-top: 10px; }
.compare-table th .td>span { color: #1e88e5; font-weight: 500; font-size: 25px; float: right; line-height: 1; }
.compare-table .td { color: #454545; font-weight: 500; font-size: 16px; line-height: 30px; }
.compare-table .td>div:after { content: ''; clear: both; display: table; }
.compare-table .td .cursor { position: relative; }
.compare-table .td .cursor:after { content: ''; clear: right; display: table; }
.compare-table .td .cursor:hover{ cursor: pointer; text-decoration: underline; }
.compare-table .td .edit { color: #7f7f7f; font-size: 20px; line-height: 32px; background-color: transparent; width: 32px; height: 32px; text-align: center; border-radius: 50%;  transition: 0.35s ease-out;  -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; }
.compare-table .td .cursor:hover .edit{ color: #000; background-color: #e9e9e9;}
.compare-table .tr-title { font-size: 20px; }
.compare-table .heading { font-size: 14px; color: #8c8c8c; font-weight: 400; }
.compare-table .font-14 { font-size: 14px; }
.compare-table .yn { color: #c3c3c3; /*cursor: pointer;*/}
.compare-table .yn.yes { color: #4caf50; text-decoration: underline; }
.compare-table .yn.no { color: #E71C24; text-decoration: underline; }
.compare-table .btn-link { outline: 0; color: #009688; font-size: 12px; text-decoration: underline; text-transform: uppercase; padding: 0; font-weight: 500; }
.compare-table .td .btn-link { margin-top: 10px; }
.compare-table .btn-c { width: 100%; border-radius: 2px; text-transform: uppercase; padding: 15px; }
/*.compare-table .appliances .btn-link { margin-bottom: 40px; }*/
.compare-table .fa-circle { font-size: 6px; vertical-align: middle; }
.compare-table .td.add-aab-section { position: relative; padding-bottom: 30px; min-height: 30px;}
.compare-table .td.add-aab-section>.add-aab { position: absolute; bottom: 0; }
.compare-table .td.add-aab-section .mdi-close { margin-right: 5px; cursor: pointer; }
.compare-table .td.add-aab-section .mdi-close>img { display: none; }
.compare-table .td.add-aab-section .mdi-close.loading:before { content: "\F453"; }
.compare-table .td.add-aab-section .mdi-close.loading { -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
.compare-table .add-remove-action-btn { text-decoration: underline; text-transform: uppercase; color: #1e88e5; font-weight: 400; font-size: 14px; cursor: pointer; }

/* fixing compare section header */
.compare-fixed-header {
  margin-bottom: 0px;
  -webkit-transition: 0.5s ease left, 0.5s ease right, 0.5s ease position, 0.5s ease border;
  -moz-transition: 0.5s ease left, 0.5s ease right, 0.5s ease position, 0.5s ease border;
  transition: 0.5s ease left, 0.5s ease right, 0.5s ease position, 0.5s ease border;
}
.compare .tab-pane.fixed-header { padding-top: 150px; }
.compare .tab-pane.fixed-header .compare-fixed-header { background-color: #fafafa; position: fixed; top: 0; left: 0; z-index: 1024; border-bottom: 1px solid #dfdfdf; }
.compare .tab-pane.fixed-header .compare-fixed-header th>.td { font-size: 14px; line-height: 1.5; }
.compare .tab-pane.fixed-header .compare-fixed-header th h2 { margin: 0px 0px 0px; }
.compare .tab-pane.fixed-header .compare-fixed-header th .td>span { font-size: 20px; }
.compare .tab-pane.fixed-header .compare-fixed-header th .td>span.total { font-size: 16px; margin-top: 2px; }

.compare .other-products .btn-blue-link { margin-bottom: 15px; }

.no-detail-info { text-align: center; padding: 30px 10px 0px; }
.no-detail-info>img { display: inline-block; max-width: 60px; margin-bottom: 10px; }
.no-detail-info>h4 { margin-bottom: 10px; color: #a28f8f; }

/* image tooltip */
.image-tooltip { position: relative; }
.image-tooltip>a { background-color: transparent; color: #4dabf5; font-size: 18px; display: block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; }
.image-tooltip:hover>a { background-color: #e9e9e9; }
.image-tooltip.disable>a { color: #d3eafd; cursor: default; }
.image-tooltip.disable:hover>a { background-color: transparent; }
.image-tooltip .image-tooltip-block { position: absolute; top: 100%; left: 0; z-index: 1; width: 340px; padding-top: 15px; display: none; }
.image-tooltip .image-tooltip-block[side="right"] { left: auto; right: 0; }
.image-tooltip .content { overflow: hidden; background-color: #fff; padding: 15px; box-shadow: 0px 0px 8px #eee; border-radius: 3px; }
.image-tooltip:hover .image-tooltip-block { display: block; }
.image-tooltip h4 { color: #404040; font-size: 18px; margin: 0px 0px 5px; font-weight: 400; text-transform: capitalize; line-height: 1.3; word-wrap: break-word; }
.image-tooltip .content img { width: 100%; }
/* end image tooltip */

/* media-box */
.media-box { background-color: #fafafa; cursor: pointer;}
.media-box .image { width: 38%; height: 100%; display: table-cell; vertical-align: top; overflow: hidden; }
.media-box .image img { max-width: none; width: 100%;}
.media-box .description { font-size: 14px; width: 62%; cursor: pointer; padding: 15px; display: table-cell; line-height: 1.6; position: relative; }
.media-box .description:after { content: ''; position: absolute; border: 1px solid #fafafa; border-left: 0; left: 0; right: 0; bottom: 0; top: 0; }
.media-box .description>h4 { margin: 0px; line-height: 1.6; }
.media-box .description>.mdi { position: absolute; top: 15px; right: 15px; font-size: 20px; line-height: 1; }

.media-box.added .description, .media-box:hover .description { padding-bottom: 14px;}
.media-box.added .description:after, .media-box:hover .description:after { border-color: #ddd; }
.media-box.added .description>.mdi, .media-box:hover .description>.mdi { color: #4dabf5; }
.media-box.added .description>.mdi:before { content: "\F132"; }
.media-box.loading .description>.mdi:before { content: "\F453"; }
.media-box.loading .description>.mdi{ 
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
 }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/*.media-box input[type='checkbox']:checked+.description>.mdi:before, .media-box:hover .description>.mdi:before { content: "\F132"; }*/
/* end media-box */

.woodwork { color: #3f3f3f; font-size: 16px; padding: 64px 0px 34px;}
.woodwork .table { margin: 0; }
.woodwork .table>tbody>tr>th { border-top: 0px; padding: 25px 0px 25px;}
.woodwork .table>tbody>tr>th { font-weight: 500; font-size: 16px; color: #202020;}
.woodwork .table>tbody>tr>td { padding: 25px 30px 25px 0px; border-color: #dddddd; }
.woodwork .table>tbody>tr>td:last-child { padding-right: 0px;}
.woodwork .table>tbody>tr:last-child>td { border-bottom-color: transparent; }

.similar-section { background-color: #fff; margin-bottom: 40px; }
.similar-section .header { margin-bottom: 30px; padding-top: 30px; }
.similar-section .header h2 { font-size: 20px; font-weight: 600; color: #5e5d5d; margin: 0; }
.similar-section .slider-content:after { content: ''; display: table; clear: both; }
.similar-section .content { padding-bottom: 20px; }
.similar-section .carousel-control i { position: absolute; top: 50%; margin-top: -12px; color: #3c3b3b; font-size: 24px; }
.similar-section .carousel-control { opacity: 0.95; }
.similar-section .carousel-control.left {     margin-left: -64px; border-bottom-left-radius: 0; border-top-left-radius: 6px; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 255, rgba(255, 255, 255, .0001) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 255, rgba(255, 255, 255, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .0001))); background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 255, rgba(255, 255, 255, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; }
.similar-section .carousel-control.right {     margin-right: -64px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .0001) 255, rgba(255, 255, 255, .5) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .0001) 255, rgba(255, 255, 255, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .0001)), to(rgba(255, 255, 255, .5))); background-image: linear-gradient(to right, rgba(255, 255, 255, .0001) 255, rgba(255, 255, 255, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.similar-section .carousel img { width: 100%; border-radius: 6px; border-bottom-left-radius: 0; margin-bottom: 5px; }
.similar-section .carousel .product { cursor: pointer;}
.similar-section .carousel .title { font-size: 16px; color: #585757; font-weight: 500; }
.similar-section .carousel-control { width: 70px; }
.similar-section .loading-gif { min-height: 150px; }
.similar-section .loading-gif img { width: auto; margin-top: 72px;}
.similar-section .btn-link { margin-left: -12px;}
.similar-section a.btn-link { color: #43a6f4; font-weight: 500;}
.similar-section a.btn-link:hover { text-decoration: none;}

.detail-tab-modal { transition: padding-top 0.25s; -webkit-transition: padding-top 0.25s; -moz-transition: padding-top 0.25s; padding-bottom: 60px;}
.detail-tab-modal.onscroll-style{ padding-top: 60px; }
.detail-tab-modal .content-table { display: table; width: 100%; vertical-align: middle; height: 100%; }
.detail-tab-modal .content-table-cell { display: table-cell; vertical-align: middle; right: auto; left: auto; }
.detail-tab-modal .close { outline: 0; right: 32px; position: fixed; top: 0px; font-size: 45px; color: #fff; opacity: 1; font-weight: 300; }
.detail-tab-modal .nav { float: none; left: auto; right: auto; width: 565px; text-align: center; background-color: #f2f2f2; top: auto; margin-top: -52px; transition: border-radius 0.25s; -webkit-transition: border-radius 0.25s; -moz-transition: border-radius 0.25s;}
.detail-tab-modal.onscroll-style .nav{ border-top-left-radius: 20px; border-top-right-radius: 20px;}
.detail-tab-modal .nav>li { padding: 0px; width: 33.3333%; }
.detail-tab-modal .nav>li.active { border-bottom: 2px solid #2196f3; }
.detail-tab-modal.vp .nav>li.active { border-bottom-color: #4caf50; }
.detail-tab-modal.pp .nav>li.active { border-bottom-color: #2196f3; }
.detail-tab-modal.ep .nav>li.active { border-bottom-color: #f44336; }
.detail-tab-modal .nav>li>a { display: block; color: #7d7d7d; font-weight: 500; text-transform: uppercase; background-color: transparent; }
.detail-tab-modal .nav>li>a:hover, .detail-tab-modal .nav>li>a:focus { color: #6c6c6c; background-color: transparent; }
.detail-tab-modal .m-content { border-radius: 20px; width: 565px; margin: 0 auto; background-color: #fff; padding-top: 52px; }
.detail-tab-modal .content { margin: 0px 45px; }
.detail-tab-modal .block { padding: 45px 0px 35px; }
.detail-tab-modal .block.addons { min-height: 600px; min-height: 100vh; }
.detail-tab-modal .block:not(:last-child) { border-bottom: 1px solid #ddd; }
.detail-tab-modal .title { color: #5e5d5d; font-weight: 500; font-size: 20px; margin-bottom: 30px; }
.detail-tab-modal .title span { color: #8c8c8c; font-size: 14px; font-weight: 300; }
.detail-tab-modal .price { color: #8c8c8c; font-size: 14px; font-weight: 300; }
.detail-tab-modal .price span { color: #ff9800; font-size: 20px; font-weight: 500; }
.detail-tab-modal .sec { margin-bottom: 20px; }
.detail-tab-modal .sub-title { color: #5e5d5d; font-weight: 500; font-size: 16px; margin-bottom: 10px; }
.detail-tab-modal .data { margin-bottom: 10px; color: #464646; font-weight: 500; }
.detail-tab-modal .data>span { display: inline-block; color: #8c8c8c; font-weight: 400; }
.detail-tab-modal .data.data-100>span { width: 90px; }
.detail-tab-modal .data.data-300>span { width: 230px; }
.detail-tab-modal .loader-block { min-height: 200px; overflow: hidden; padding-top: 125px;}
.detail-tab-modal .loader { font-size: 10px; margin: 0px auto; text-indent: -9999em; width: 4em; height: 4em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #3a7eee 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: pageLoader 1.4s infinite linear; animation: pageLoader 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.detail-tab-modal .loader:before { width: 50%; height: 50%; background: #3a7eee; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; }
.detail-tab-modal .loader:after { background: #fff; width: 90%; height: 90%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.detail-tab-modal .m-header { color: #454545; position: relative; padding-right: 30px; font-size: 24px; font-weight: 600; margin-bottom: 25px; }
.detail-tab-modal.reset { padding-top: 60px; }
.detail-tab-modal.reset .close { color: #454545; font-size: 32px; font-weight: 400; line-height: 1; position: absolute; right: 0; }
.detail-tab-modal.reset .m-content { padding: 45px; }
.detail-tab-modal.reset .content { margin: 0px; }
.detail-tab-modal .media-box .image { width: 37%; }
.detail-tab-modal .media-box .description  { width: 63%; }
.detail-tab-modal .page-scroll { margin-top: 40px; font-weight: 500; color: #2196f3; }
.detail-tab-modal .page-scroll:hover, .detail-tab-modal .page-scroll:focus { color: #2196f3; }

.add-accessories-modal .product { color: #8c8c8c; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.add-accessories-modal .product .image { position: relative; }
.add-accessories-modal .product img { width: 100%; max-width: none; }
.add-accessories-modal .product .count-units{opacity: 0.5;}
.add-accessories-modal .product h4 { font-size: 17px; font-weight: 400; margin: 0px 0px 5px; color: #454545; line-height: 1; }
.add-accessories-modal .product.added .image:after { content: 'Added'; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; padding: 4px 6px; position: absolute; left: 15px; top: 5px; z-index: 1; color: #fff; font-size: 10px; }
.add-accessories-modal .product.added .btn { color: #9a8c8c; border-color: #9a8c8c; }
.add-accessories-modal .product:last-child { margin-bottom: 0; border-bottom: 0; }
.add-accessories-modal .btn-grey-disable { border: 1px solid #a4a4a4; opacity: 0.5;}
.add-accessories-modal .btn-grey-disable.btn:active:focus, .add-accessories-modal .btn-grey-disable.btn:focus{ outline: 0; outline: none; outline-offset: 0;outline-offset: none;opacity: 0.5;}

.other-products-modal .product { color: #8c8c8c; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.other-products-modal .product .image { position: relative; }
.other-products-modal .product img { width: 100%; max-width: none; }
.other-products-modal .product h4 { font-size: 17px; font-weight: 400; margin: 0px 0px 15px; color: #454545; line-height: 1; }
.other-products-modal .product .sec{margin-bottom: 10px;}
.other-products-modal .product .btn.added { color: #9a8c8c; border-color: #9a8c8c; }
.other-products-modal .product:last-child { margin-bottom: 0; border-bottom: 0; }


.more-designs-popup .carousel .carousel-control { margin-left: 0; margin-right: 0; width: 60px; height: 80px; background-image: none; top: 50%; margin-top: -40px; line-height: 80px; background: rgba(255, 255, 255, 0.9); color: #4e4e4e; }
.more-designs-popup .c-close { position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 1024; background-color: #fff; padding: 10px; }
@media (min-width:992px) {
  .more-designs-popup .modal-dialog { width: 700px; }
}

@media (min-width:762px) and (max-width:991px){
  .more-designs-popup .modal-dialog { width: 400px; }
}

.more-designs-popup .loader { min-height: 500px; display: table; vertical-align: middle; width: 100%;}
.more-designs-popup .loader-content { display: table-cell; vertical-align: middle; text-align: center; }
.more-designs-popup .spinner-block { width: 100px; height: 100px; background-color: #fff; display: inline-block; padding: 0; min-height: 100px; padding-top: 30px; border-radius: 50%; }

/* need for spin option */
@-webkit-keyframes pageLoader {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pageLoader {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/* end need for spin option */


/* added by albin for snackbar */
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 10000; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}