/*Common Style Start here*/
.product-gallery-container a{
    text-decoration: none;
    cursor: pointer;
    color: #313131;
}
.product-gallery-container .icon {
    background: url(/file/media/Diamond/Common/sprite-images.png) no-repeat;
    float: left;
}
.product-gallery-container a.fav-isActive .icon.heart {
    background-position: -259px -102px;
}
.product-gallery-container .icon.heart { 
    background-position: -210px -139px;
    width: 22px;
    height: 24px;
    display: block;
}
.product_gallery .product-gallery-title h2 + * {
    margin-bottom: 20px;
    display: inline-block;
    color: #55565a!important;
    font-size: 1em;
    font-family: 'Raleway', sans-serif;
}
.product_gallery .product-gallery-title h2 {
    margin-top: 0px;
    font-size: 1em;
}

/*.product-gallery-container input[type=radio]:checked:before {
    background-position: -534px -85px;
}
.product-gallery-container input[type=radio]:before {
    content: "";
    background: url(/file/media/Diamond/Common/sprite-images.png) -514px -85px;
    width: 0px;
    height: 0px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: -4px;
    padding: 10px;
}
.product-gallery-container input[type=checkbox]:checked:before, input[type=checkbox]:checked:before {
    background-position: -496px -85px;
}
.product-gallery-container input[type=checkbox]:before {
    content: "";
    background: url(/file/media/Diamond/Common/sprite-images.png) -473px -85px;
    width: 16px;
    height: 23px;
    display: inline-block;
}*/
.product-gallery-container input[type=radio]{
    width: 0;
    height: 0;
    visibility: hidden;  
}
.product-gallery-container input[type=radio]:checked+span:before {
    background-position: -534px -85px;    
}
.product-gallery-container input[type=radio]+span:before {
    content: "";
    background: url(/file/media/Diamond/Common/sprite-images.png) -514px -85px;
    width: 0px;
    height: 0px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: -4px;
    padding: 10px;
    float: left;
}
.product-gallery-container input[type=checkbox]{
    width: 0;
    height: 0;
    visibility: hidden;  
}
.product-gallery-container input[type=checkbox]:checked+span:before, input[type=checkbox]:checked+span:before {
    background-position: -496px -85px;
}
.product-gallery-container input[type=checkbox]+span:before {
    content: "";
    background: url(/file/media/Diamond/Common/sprite-images.png) -473px -85px;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    vertical-align:middle;
}

.prod-tile-compare a.compare-submit{   
    float: left;    
}


/*Common Style End here*/
/*Product Gallery Style Start here*/
.product-gallery-title{
    padding: 0 1%;  
}
.product-gallery-title h1{
    color: #55565a; 
    margin: 0;
    padding: 45px 0 20px 0;
    font-weight: 300;
}
.product-gallery-container{
    width: 98%;
    padding: 0 1%;
    float: left;
    margin-bottom: 20px;
}
/*Product Gallery Left side column Style Start here*/
.product-left-Nav{
    width: 20%;
    float: left;
    border: 1px solid #ddd;
    margin-right: 2%;
    background: #fff;
}
.product-left-Nav .product-nav-container{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.product-nav-header, .product-comparelist-header{
    display: table;
    width: 93%;
    padding: 25px 0 10px 20px;
    cursor:pointer;
}
.product-nav-header h4, .product-nav-header span, .product-comparelist-header h4,.product-comparelist-header span{
    float: left;
}
.product-nav-header h4{
    margin: 0;
    float: left;
    width: 85%;
    font-size: 0.8em;
}
.product-nav-header .collapse, .product-mobile-filter .collapse,.product-comparelist-header .collapse{
    background: url('/file/media/Diamond/Common/sprite-images.png') no-repeat -292px -329px;
    width: 15px;
    height: 3px;
    padding-top: 7px;
    float: left;
    position: relative;
    top: 5px;
    right: 5px;
}
.product-nav-header .expand, .product-mobile-filter .expand,.product-comparelist-header .expand{
    background: url('/file/media/Diamond/Common/sprite-images.png') no-repeat -291px -303px;
    width: 15px;
    height: 15px;
    position: relative;
    right: 5px;  
}
.product-nav-content-list input[type="radio"] {
    float: left;
}
.product-nav-content-list label span{
    /*float: left;*/
    padding: 2px 5px;
    display:inline-block;
}
.product-nav-content-list input[type="checkbox"] {
    margin-right: 0px;
}
.product-comparelist-header h4{
    margin: 0;
    float: left;
    width: 85%;
    font-size: 0.8em;
}
.product-nav-header span{
    width: 15%;
}
.product-nav-content{
    display: table;
    width: 100%;
}
.product-nav-content-list{
    float: left;
    width: 90%;
    padding: 1.5% 5%;
    font-size: 0.8em;
    font-weight: 500;
}
.product-nav-content-list:last-child{
    margin-bottom: 20px;
}
.product-nav-content-list label{
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
}
.product-nav-content-list label.disabled {
     color: #ccc;
}
.product-nav-content-list img{
    max-width: 22px;
    padding: 0 3%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -2px;
}
.product-comparelist-content{
    display: table;
    width: 100%;    
}
.product-compare-bucket-list{
    float: left;
    width: 96%;
    padding: 10px; 
}
.product-compare-image-list{
    float: left;
    width: 29%;
    margin: 2%;
    position: relative;
    height: auto;
    font-size: 0;
    min-height: 116px;
    background: #ccc;
}
.product-compare-image-list.finisher{
    min-height: 72px;
    min-width: 72px;
}
.product-compare-image-list img {
    width: 100%;
    float: left;   
}
.product-compare-image-list.finisher img{
    /*height: 62px;*/
}
.product-compare-image-list a.remove {
    position: absolute;
    top: 1px;
    right: 1px;    
    font-size: 0;
    line-height: 0;
    background: url(../images/products/sprite-images.png) no-repeat -189px -233px;
    width: 21px;
    height: 21px;
}


.product-compare-bucket-action{
    float: left;
    width: 96%;
    padding: 10px;     
}
.product-compare-bucket-action .compare-submit.disabled, .prod-tile-compare a.compare-submit.disabled {
    color: #d4d3c9;
}
.product-compare-bucket-action .compare-submit, .prod-tile-compare a.compare-submit{
    color: #55555a;
    text-transform: capitalize;
    font-size: 0.8em;
    font-weight: 500;
    cursor: default;       
}
.prod-tile-compare a.compare-submit{    
     padding-left: 5px; 
     padding-top: 2px;
}
.product-getstartnow-container{
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #f5f5f5;
    border: 1px solid #F5F5F4;
    margin-left: -1px;
    margin-bottom: -1px;
}
.product-getstartnow-banner{
    float: left;
    background: url(/file/media/diamond/common/banner_pink-bg.png);
}
.product-getstartnow-banner h4{
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
    margin: 20px 5px;
}
.product-getstartnow-banner p a{
    font-weight: 600;
    color: #fff;
    padding: 0 0px 2px 0px;
    float: left;
    font-size: 0.8em;
    border-bottom: 5px solid;
    margin: 0 0 30px 20px;
}
/*Product Gallery Left side column Style End here*/

/*Product Gallery Right side column Style Start here*/
.product-right-Nav{
    width: 77%;
    float: left;
    background: #fff;
}

.product-right-Nav .block_description {
    margin: 40px 20px;
    border-top: 1px solid #ddd;
    padding: 0 20px;
}

.product-right-header{
    float: left;
    width: 96%;
    margin: 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px 0;
    font-weight: 600;
    margin-bottom: 10px;
}
.product-viewing{
    float:left;
    padding-left: 15px;
}
.product-viewing span{
    padding-right: 5px;
}
.product-sort-container{
    float:right;
}
.product-right-prodlist-container{
    /*display:table;*/
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    padding-left: 3.5%;
}
.doorCategoryContent{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.doorGrpContainer ,.hardwareContainer{
    width:100%;
}
.finishContainer {
    display: table;
    width:100%;
}
.category-type {
    display: inline-block;
    width: 93%;
    margin: 0 2%;
    background: #f6f4f1;
}
.category-type h2 {
    text-transform: capitalize;
    padding: 0 2%;

}
.prod-tile{
    float:left;
    width: 27%;
    padding: 2%;
}
.prod-tile:nth-child(3n+1){
    clear:both;
}
.prod-tile-image{
    width: 100%;
    float:left;
}
.prod-tile-image img{
    width:100%;
    float:left;
    /*max-height: 456px;*/
}

.nopreviewimg{
    width: 100%;
    float: left;
    min-height: 390px;
    text-align: center;
    background: #eeeeee;
    padding-top: 50px
}

.finish-tile.nopreviewimg {
    min-height: 233px;
}

.prod-tile-header{
    float: left;
    width: 100%;
    padding: 10px 0;
}
.prod-tile-header h2{ 
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    font-size: 1.3em;
}
.prod-tile-header p{
    width: 100%;
    float: left;
    padding-top:10px;
    font-size: 1em;
    font-weight: 500;
}
.prod-tile-action {
    float: left;
    width: 100%;
}
.prod-tile-compare{
    float: left;
    width: 50%;
}
.prod-tile-share{
    float: left;
}
.prod-tile-share span{
    color: #55555a;
    text-transform: capitalize;
    font-size: 0.8em;
    padding-left: 5px;
    font-weight: 500; 
}
.prod-showmore-container{
    display:table;
    width:100%;
    margin: 30px 0;
    cursor:pointer;
}

.prod-showmore-container .showmore-button{
    background: #FFF;
    border: 2px solid var(--primary-color);
    border-radius: 0;
    color: var(--primary-color);
    padding: 10px 0;
    width: 350px;
    margin: 0 auto;
    /*display: block;*/
    text-align: center;
    font-weight: 500;
    font-size: 1.3em;
}
.prod-Loading-container{
    display:table;
    width:100%;
    margin: 30px 0px 30px 0px;
}

.prod-Loading-container .Loading-Message{
    background: #FFF;
    border-radius: 0;
    color: var(--primary-color);
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 1.3em;
}
/*Product Gallery Right side column Style End here*/
/*Sort Dropdown style start here*/

.product-drop-down{
   position:relative;
   float: right;
   /* width: 185px; */
}
.product-drop-down .selected a{
  background:#fff no-repeat scroll right center;
  display:block; 
  padding-right:20px;  
  border-radius:2px;
  text-decoration:none;
  color:#3179ac;
}
.product-drop-down .selected a span{
    cursor: pointer;
    display: block;
    padding: 1px 5px;
    float: left;
    color: var(--primary-color);
    min-width: 135px;
}
.product-drop-down .option{ 
  position:absolute;
  left:42%;
  top:40%; 
}
.product-drop-down .options ul{
  background:#fff none repeat scroll 0 0;
  display:none;
  list-style:none;
  padding:0px 0px;
  position:absolute;
  left:0px;
  top:32px;
  width:auto;
  min-width: 150px;
  margin: 0;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  color: #212529;
  border-radius: .25rem;
  padding: 10px 5px;
}
.product-drop-down .selected span.value, .product-drop-down .options span.value{
  display: none;
}
.product-drop-down .options ul li a{
  padding:10px 5px; 
  display:block;
  text-decoration:none;
  color:#212529;
}
.product-drop-down .options ul li a:hover{
  background:#f3f3f3;
  color:#212529;
  transition:0.2s ease;
}
.product-dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    content: "";
    background: url(/file/media/Diamond/Common/sprite-images.png) no-repeat -521px -112px;
    width: 10px;
    height: 7px;
}
.product-mobile-filter, .product-btn-done, .product-btn-clear{
    display:none;
}
.emptyresult{
    display:none;
    margin: 15px 20px 30px;
}
/*Sort Dropdown style start here*/
/*Product Gallery Style Start here*/



/* Tablet Styles start here */
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .product-nav-header, .product-comparelist-header {
        box-sizing: border-box;
    }
    .product-nav-header .collapse, .product-mobile-filter .collapse,.product-comparelist-header .collapse{
        right: 0;
    }
    .product-nav-header .expand, .product-mobile-filter .expand,.product-comparelist-header .expand{
        right: 10px;
        float: left;
        position: relative;
    }
    .product-getstartnow-banner p a{
        margin: 0 0 30px 15px;
    }
    .product-compare-image-list{
        width: 25%;
        margin: 4%;
    }
    .product-compare-bucket-list{
        padding: 5px;
    }
    .product-compare-image-list img{
        /*height: 65px;*/
    }

    .product-compare-image-list{
        min-height: 65px;
    }
    .product-compare-image-list.finisher{
        min-height: 34px;
        min-width: 34px;
    }
    .product-compare-image-list.finisher img{
        /*height: 34px;*/
    } 
    .prod-tile-image img{
        max-height:350px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:282px;
    }
    .finish-tile.nopreviewimg {
        min-height: 158px;
    }
    .prod-tile-compare a.compare-submit {
        padding-left: 0px;
        padding-top: 2px;
    }
    .product-getstartnow-banner p a {
      font-size: 0.7em;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .product-compare-image-list.finisher {
        min-height: 46px;
        min-width: 46px;
    }
    .product-compare-image-list.finisher img {
        /*height: 46px;*/
    }
}
@media screen and (max-width: 800px) {
    .prod-tile-image img {
        max-height: 261px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:196px;
    }
    .finish-tile.nopreviewimg {
        min-height: 103px;
    }
}
/* Tablet Styles end here */
/* Mobile Styles start here */
@media screen and (max-width: 767px){

    .product-nav-container .product-comparelist-header,
    .product-nav-container .product-comparelist-content, 
    .prod-tile-compare, 
    .product-getstartnow-container,
    .product-viewing, .product-nav-header span{
        display:none;
    }
    .product-gallery-container{
        position: relative;
    }
    aside.product-left-Nav{
        position: absolute;
        width: 98%;
        z-index: 100;
        display: none;
        top:40px;
    }
    .product-right-Nav{
        width: 100%;
        margin-top: 55px;
    }
    .prod-tile{
        width: 45%;
    }
    .prod-tile:nth-child(3n+1){
        clear:none;
    }
    .prod-tile:nth-child(2n+1){
        clear:both;
    }
    .product-mobile-filter{
        float: left;
        border: 1px solid #ddd;
        margin-right: 2%;
        background: #fff;
        width: 98%;
        position: absolute;
        padding: 10px 0;
        z-index: 100;
        display:block;
    }    
    .product-mobile-filter .product-mobile-flt{
        padding-left: 10px;
        font-weight: bold;
        color: #88898c;
        float: left;
    }
    .product-mobile-filter .product-mobile-fltvalue{
        padding-left: 2px;
        font-weight: bold;
        float: left;
    }
    .product-mobile-filter span.expand, .product-mobile-filter span.collapse{
        float: right;
        padding-right: 10px;
    } 
    .product-right-header{
        width: 98.2%;
        padding: 12px 0px 12px 9px;
        border: 3px solid #c7bbb6;
        margin-bottom: 20px;
        margin-left: 0;
        margin-top:0px;
    }
    .prod-showmore-container {
        margin:0;
    }
    .prod-showmore-container .showmore-button{
        width: 90%;
    }
    .product-btn-done{
        position: absolute;
        right: 0;
        top: 10px;
        background: var(--primary-color);
        color: #fff;
        padding: 10px 20px;
        display: block;
    }
    .product-btn-clear{
        position: absolute;
        right: 0;
        top: 65px;
        background: var(--primary-color);
        color: #fff;
        padding: 10px 20px;
        display: block;
    }
    .product-btn-done span:first-child{
        background: url(/file/media/Diamond/Common/sprite-images.png) no-repeat -551px -206px;
        width: 18px;
        height: 18px;
        float: left;
        border-radius: 50%;
        margin: 0 4px 0 0;
    }
    .product-btn-clear span:first-child{
        background: url('/file/media/Diamond/Common/sprite-images.png') no-repeat -189px -233px;
        width: 21px;
        height: 21px;
        float: left;
        margin: 0 4px 0 0;
        border-radius: 25px;
    }
    .product-nav-content .product-series{
        position: relative;
    }
    .prod-tile-image img{
        max-height:450px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:400px;
    }
    .product-drop-down .options ul {
        min-width: 100%;
        width: 100%;
        border: 3px solid #c7bbb6;
        border-top: none;
        left: 4px;
        padding: 0 2px 0 2px;
    }
    .product-drop-down .options ul li:first-child {
        border-top: 1px solid #ccc;
    }
    .product-drop-down .options ul li {
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }
    .product-drop-down .options ul li:last-child {
        border-bottom:none;
        padding-bottom:0;
    }
    .product-sort-container {
        width: 100%;
    }
    .product-drop-down {
        width: 80%;
    }
    .product-sort-container .options {
        min-width: 42.77em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: -152px;
    }
    .product-drop-down .options ul li a {
        padding: 10px 5px 10px 10px;
    }
    .product-dropdown-toggle::after {

      position: absolute;
      right: 10px;
      top: 8px;
  }
}
@media screen and (max-width: 667px) {
    .product-sort-container .options{
        min-width: 38.55em;
        left: -139px;
    }
    .product-right-header{
        width: 98%;
    }
    .product-right-prodlist-container{
	    padding-left: 0px;
	    padding-top: 5px;
	 }

}
@media screen and (max-width: 650px) {
    .prod-tile-image img{
        max-height:250px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:200px;
    }
    .finish-tile.nopreviewimg {
        min-height: 122px;
    }
    .product-sort-container .options {
        min-width: 32.66em;
        left: -120px;
    }
    .product-right-header {
        width: 98%;
    }
}
@media screen and (max-width: 500px) {
    .product-sort-container .options {
        min-width: 22.9em;
        left: -88px;
    }
    .product-right-header {
        width: 96%;
    }
}

@media screen and (max-width: 400px) {
    .prod-tile-image img{
        max-height:245px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:195px;
    }
    .finish-tile.nopreviewimg {
        min-height: 103px;
    }
    .product-sort-container .options {
        min-width: 20.6em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: -81px;
    }
    .product-right-header {
        width: 96%;
    }
}

@media screen and (max-width: 320px) {
    .prod-tile-image img{
        max-height:208px;
    }
    .prod-tile-image .nopreviewimg{
        min-height:158px;
    }
    .finish-tile.nopreviewimg {
        min-height: 80px;
    }
    .product-drop-down {
        width: 77%;
    }
    .product-sort-container .options {
        min-width: 17.17em;
       
        left: -78px;
    }
    .product-right-header {
        width: 95%;
    }
}

/* Mobile Styles end here */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	    
	.prod-tile-share span,.prod-tile-compare a.compare-submit {
       font-size: 0.7em;
    }
}

@media (max-width:1180px) {
    .product-gallery-title h1 {
        padding-top: 0;
    }
}