:root {
    --maincolor: rgba(187, 154, 84, 1);
    --secondcolor: rgba(127, 179, 225, 1);
  --color-grey: #4c4c4c;
  --boxshadow: 0px 4px 16px -6px rgba(0, 0, 0, 0.78);
  --h3titleproductincategory: #4c4c4c;
  --didact-gothic: "Didact Gothic", sans-serif;
  --collorbutton: rgba(127, 179, 225, 1);
}

main{margin-top:0px!important;}
.site-grid{padding:0px!important;}

/*Home Page B2B*/
.home-page{display:block;}
.top-banner {position: relative;}
.top-banner #home_page{position: absolute;right: 50px;top: 10px;color: #fff;font-size: 30px;cursor: pointer;}
.top-banner #logout{position: absolute;right: 10px;top: 10px;color: #fff;font-size: 30px;cursor: pointer;}
.top-banner img {display: block;margin: auto;}
.top-banner h1 {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;font-size: 45px;color: #fff;font-family: var(--noto-serif);}
.text-bellow-banner{background:#f1f1f1;padding:20px;}
.text-bellow-banner h2{text-align:center;font-size:50px;font-weight:bold;margin:0px;padding:0px;line-height: 100px;}
.text-bellow-banner h3{text-align:center;font-size:25px;margin:0px;padding:0px;line-height: 80px;font-weight:unset;}
.text-bellow-banner p{text-align:center;font-size:18px;margin:0px;padding:0px;}
.flex-box{display: flex;flex-wrap: wrap;max-width: 80%;margin-left: auto;margin-right: auto;}
.row-2 {flex-grow: 0;flex-shrink: 0;flex-basis: calc(50%);box-sizing: border-box;padding: 60px;position: relative;padding-bottom: 90px;}
.icon-title {display: inline-flex;width: 100%;color: var(--color-grey);}
.icon-title img {width: 40px;height: 40px;}
.icon-title h3 {padding-left: 10px;padding-top: 5px;font-size: 25px;font-weight: 400;margin-bottom: 20px;color: var(--color-grey);}
.button-home{background-color: #fff;color:var(--color-grey);text-decoration: none;border-radius: 8px;font-size: 20px;font-weight: bold;padding: 10px;width: 320px;display: block;margin-left: auto;margin-right: auto;text-align: center;margin-bottom: 20px;font-family: var(--didact-gothic);border: 1px solid var(--color-grey);}
.button-home:hover{background-color:var(--maincolor);color:#fff;border: 0px solid var(--color-grey);}
.row-2 .button-home{position:absolute;bottom:0px;left:50%;transform: translateX(-50%);}
.row-2 p{display: block;padding-left:50px;}
.bottom-button{width:320px;display:block;margin-left:auto;margin-right:auto;margin-top:50px;margin-bottom:50px;}
.button-home-bottom{border:2px solid var(--maincolor);color: var(--color-grey);background-color: #fff;width: 100%;padding: 20px;border-radius: 10px;font-size: 20px;font-weight: bold;}
.button-home-bottom img{margin-right: 10px;}
/*Home Page B2B*/

.rates-prices{width:99%;display:block;margin-left:auto;margin-right:auto;position: absolute;bottom: 10px;padding: 10px;}
#products-in-category.grid-view .row .rates-prices{display:none;}
.all-top-prices{background:var(--maincolor);}
.all-top-prices,.all-bottom-prices{display: flex;flex-wrap: wrap}
.top-prices{flex-grow: 0;flex-shrink: 0;flex-basis: calc(20%);box-sizing: border-box;text-align:center;}
.bottom-prices{flex-grow: 0;flex-shrink: 0;flex-basis: calc(20%);box-sizing: border-box;text-align:center;}

#back-top{position:fixed!important;}
header{display:none!important;}
body .site-grid{display:block!important;width:100%;padding:10px;}
#checkemail {max-width:320px;display:block;margin-left:auto;margin-right:auto;margin-top:10%;border:1px solid var(--maincolor);padding: 10px;box-sizing: border-box;-webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);border-radius: 10px;}
#checkemail p {text-align: center;font-size: 20px;font-weight: bold;}
.row-1 {width: 100%;box-sizing: border-box;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;}
.form-checkout label {width: 100%;display: block;color: #000;font-weight: bold;font-size: 16px;margin-bottom: 3px;}
.form-checkout input {width: 100%;box-sizing: border-box;height: 35px;padding-left: 5px;}
#checkemailaction {width: 100%;display: block;margin-left: auto;margin-right: auto;margin-top: 20px;margin-bottom: 20px;background: var(--maincolor);color: #000;border: 0px;}
#rongcheckemail{color: red;font-weight: bold;text-align: center;padding-top: 5px;}
#email,#password {border: 1px solid rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);border-radius: 4px;height: 44px;background: #fff;margin-bottom:15px;}
.features-product{width: 20%;height: auto;float: left;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;padding-bottom: 20px;padding-left: 20px;}
#features-product.features-is-closed{width:0px;overflow:hidden;}
.features-search-select {margin-bottom: 20px;}
.features-search-select label {font-size: 18px;color: var(--color-grey);}
.products-in-categoryn {width: 80%;float: left;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;margin-top: 0px;}
.heading-products{display: flex;flex-wrap: wrap;position: relative;}
#products-in-category{display: flex;flex-wrap: wrap;}
.products-in-category.features-is-closed{width:100%;}
.products-in-category.features-is-closed #open-close-feautures{margin-left:0%;}
#products-in-category .row{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100%);box-sizing: border-box;min-height:300px;}
#products-in-category.grid-view .row{flex-grow: 0;flex-shrink: 0;flex-basis: calc(25%);box-sizing: border-box;}
#open-close-feautures{width:30px;font-size:20px;}
#open-close-feautures{margin-left:-3%;}

.products-count{padding-left:10px;}
.products-count h1{font-size:25px;}
.products-count h1 span{font-weight:normal;}
.show-list-grid{position: absolute;right: 0px;}
.show-list-grid span, #open-close-feautures span{cursor:pointer;font-size:30px;}
.ansycload {display: none;width: 100%;min-height: 100vh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url(/b2b_client/images/200x200.gif);background-size: 200px;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 50%;background-color: rgba(255, 255, 255, 0.6);}
.button-inside-features {display: none;}

/*Products In Category*/
.product-in a{text-decoration:unset!important;}
.quest-bedrooms img {display: block;max-width: 40px;margin-left: auto;margin-right: auto;}
.quest-bedrooms span {font-family: var(--didact-gothic);display: block;margin-top: 4px;color: var(--color-grey);font-size: 16px;text-align: center;}
#products-in-category .quest-bedrooms{width: 50%;float: left;margin-top: 10px;box-sizing: border-box;}
#products-in-category.grid-view .quest-bedrooms {width: 50%;float: left;box-sizing: border-box;border-bottom: 1px solid rgba(0, 0, 0, 0.2);text-align: center;padding-top: 15px;padding-bottom: 10px;}
#products-in-category.grid-view .quest-bedrooms.border-right {border-right: 1px solid rgba(0, 0, 0, 0.2);}
.padding-margin {margin: 20px;background-color: #ffffff;box-shadow: var(--boxshadow);padding-bottom: 20px;padding-left:0px!important;padding-right:0px!important;overflow-x: hidden;max-width: 90%;}
.products-in-category h3, .gallery-under-product h3 {font-family: "Noto Serif", serif;font-size: 18px;text-align: center;font-style: italic;margin-top: 15px;margin-bottom: 15px;color: var(--h3titleproductincategory);min-height: 55px;}
#products-in-category .view-product {top: 100px;left: 17%;position: absolute;font-family: var(--didact-gothic);width: 150px;display: block;text-align: center;border: 1px solid var(--collorbutton);font-weight: lighter;color: var(--collorbutton) !important;font-size: 16px;}
#products-in-category .copyButton{top: 100px;right: 17%;position: absolute;font-family: var(--didact-gothic);width: 150px;display: block;text-align: center;border: 1px solid var(--collorbutton);font-weight: lighter;color: var(--collorbutton) !important;font-size: 16px;background: unset;}
#products-in-category.grid-view .view-product,#products-in-category.grid-view .copyButton {position: unset;font-family: var(--didact-gothic);width: 150px;display: block;margin-left: auto;margin-right: auto;text-align: center;border: 1px solid var(--collorbutton);font-weight: lighter;color: var(--collorbutton) !important;font-size: 15px;margin-bottom:20px;}
#products-in-category .padding-margin{display: flex;flex-wrap: wrap;margin: 20px;position: relative;padding-bottom: 0px;}
#products-in-category.grid-view .padding-margin {display: block;margin: 20px;background-color: #ffffff;box-shadow: var(--boxshadow);padding-bottom: 20px;padding-left:0px!important;padding-right:0px!important;overflow-x: hidden;max-width: 90%;}
#products-in-category .images-product-in-category{position: relative;overflow: hidden;flex-grow: 0;flex-shrink: 0;flex-basis: calc(30%);box-sizing: border-box;}
#products-in-category .data-product-in-category{position: relative;overflow: hidden;flex-grow: 0;flex-shrink: 0;flex-basis: calc(70%);box-sizing: border-box;}
#products-in-category.grid-view .images-product-in-category {position: relative;max-height: 240px;min-height: 240px;overflow: hidden;}
#products-in-category .label-colection {position: absolute;top: 0px;left: 30px;max-width: 60px;}
#products-in-category.grid-view .label-colection {position: absolute;top: 0px;left: 30px;}
#products-in-category.grid-view .images-product-in-category img:not(.label-colection) {width: 150%;max-width: unset;margin-left: -20%;margin-top: -10%;}
/*Products In Category*/


/*Responsive*/
@media (max-width: 1680px) {
    #products-in-category .view-product {left: 16%;}
  #products-in-category .copyButton {right: 16%;}
  #products-in-category .row { min-height: 340px;}
}

@media (max-width: 1440px) {
    #products-in-category .view-product {left: 14%;}
  #products-in-category .copyButton {right: 14%;}
  .products-in-category h3, .gallery-under-product h3 {font-size:16px;}
}

@media (max-width: 1280px) {
    #products-in-category .view-product {left: 10%;}
  #products-in-category .copyButton {right: 10%;}
}

@media (max-width: 1279px) {
.features-product-in, .select-box-in {overflow: auto;height: 75vh;max-height: 75vh;}
.button-inside-features, .button-inside-tag {width: 85%;border: 0px;background: #000;color: #fff;font-size: 20px;font-weight: bold;border-radius: 8px;margin-top: 5%;display: block;padding: 10px;}
  #products-in-category{padding-top:20px;}
.heading-products{position: absolute;left: 10px;right: 10px;top: 10px;}
.features-product {padding-left:0px;padding-top:20px;}
#products-in-category.grid-view .row{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100%);box-sizing: border-box;}
  .features-product.features-product-open {width: 100%;}
  .products-count h1 {font-size: 18px;margin:unset!important;line-height:unset;}
  .products-in-category{width:0px;}
  .products-in-category.features-is-closed {width: 100%;}
}


@media (max-width: 900px) {
#products-in-category {padding-top: 40px;}
.features-product-in{margin-top:30px;}
.flex-box {max-width: 100%;width:100%;}
.top-banner h1 {font-size: 20px;}
.text-bellow-banner h2 {font-size: 30px;}
.row-2 {flex-basis: calc(100%);padding:10px;padding-bottom: 90px;margin-bottom: 30px;}
.row-2 p {padding-left: 0px;}
}

/*Responsive*/