/*Common Style Start here*/
.product-gallery-container {
    font-size: var(--fs-regular);
}
.product-gallery-container a {
    color: var(--color-ptag-text);
    text-decoration: none;
    cursor: pointer;
    font-family:'Figtree-SemiBold';
}
.product-gallery-container .icon {
    background: url(/file/media/Midcontinent/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-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/Midcontinent/Common/sprite-images.png) -514px -85px;
    width: 0px;
    height: 0px;
    display: inline-block;
    position: relative;
    top: -3px;
    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/Midcontinent/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;    
    opacity: 1!important;
}
/*Common Style End here*/
/*Product Gallery Style Start here*/

.product-gallery-title{
    padding: 0 1%;  
}
.product-gallery-title h1{
    color: var(--color-htag-text); 
    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 .product-gallery-title h2 + * {
    margin-bottom: 20px;
    display: inline-block;
    color: var(--color-ptag-text)!important;
    font-size: 1em;
    font-family: 'WixMadeforDisplay-Regular', sans-serif;
}

.product_gallery .product-gallery-title h2 {
    margin-top: 0px;
    font-size: 1em;
    font-family: 'Figtree-SemiBold';
}
.product_gallery .product-gallery-title span {
   font-family: 'Figtree-Light';
}

/*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: 90%;
    padding: 25px 0 10px 20px;
    cursor:pointer;
    position: relative;
}
.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: calc(100% - 25px);
    font-weight: 600;
    font-family: 'Figtree-SemiBold';
}
.product-nav-header .collapse, .product-mobile-filter .collapse,.product-comparelist-header .collapse{
    background: url(/file/media/Midcontinent/Common/sprite-images.png) no-repeat -160px -371px;
    width: 24px;
    height: 3px;
    padding-top: 7px;
    float: left;
    position: relative;
}
.product-nav-header .expand, .product-mobile-filter .expand,.product-comparelist-header .expand{
    background: url('/file/media/Midcontinent/Common/sprite-images.png') no-repeat -126px -395px;
    width: 25px;
    height: 25px;
    position: relative;
    right: 5px;  
}

.product-nav-header .collapse,
.product-comparelist-header .collapse {
    background: url(/file/media/Midcontinent/Common/sprite-images.png) no-repeat -158px -397px;
}
.product-nav-header .expand, 
.product-comparelist-header .expand {
    background: url(/file/media/Midcontinent/Common/sprite-images.png) no-repeat -126px -370px;
    top: -3px;
}

.product-nav-content-list input[type="radio"] {
    float: left;
}
.product-nav-content-list label span{
    /*float: left;*/
    padding: 2px 5px;
    display:inline-block;
    font-family:'Figtree-Light';    
}
.product-nav-content-list label .series {
    /*float: left;*/
    padding: 2px 5px;
    display: inline-block;
    font-family: 'Figtree-Light';
    width:100%;
}
.product-nav-content-list input[type="checkbox"] {
    margin-right: 0px;
}
.product-comparelist-header h4{
    margin: 0;
    float: left;
    width: calc(100% - 25px);
}
.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%;
}
.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: 18px;
    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(/file/media/Midcontinent/Common/sprite-images.png) no-repeat -189px -233px;
    width: 21px;
    height: 21px;
}
.prod-tile-compare span a, .prod-tile-share a span {
    color: var(--color-highlight-primary);
    font-size: var(--fs-tiny);
    font-weight: 600;
    padding: 5px;
    font-family:'Figtree-SemiBold';
}
.prod-tile-share a span {
    position: relative;
    top: 2px;
    text-transform: capitalize;
}
.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: var(--color-highlight-primary);
}
.product-compare-bucket-action .compare-submit, .prod-tile-compare a.compare-submit{
    color: var(--color-highlight-primary);
    cursor: default;       
}
.prod-tile-compare a.compare-submit{    
     padding-left: 5px; 
     padding-top: 2px;
}
.product-getstartnow-container{
    float: left;
    width: calc(100% + 2px);
    padding: 20px 0;
    margin-left: -1px;
    margin-bottom: -1px;
    background-color: var(--color-main-bg);
}
.product-getstartnow-banner{
    float: left;
    background: url(/file/media/midcontinent/common/blue-bg.png);
    width: 100%;
}
.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;
    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: calc(77% - 30px);
    float: left;
    background: #fff;
    padding: 0 15px;
}

.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;
    font-weight: 600;
    font-family: 'Figtree-SemiBold';
}
.product-viewing span{
    padding-right: 5px;
}
.product-sort-container {
    float: right;
    font-weight: 600;
    font-family: 'Figtree-SemiBold';
}
.product-right-prodlist-container{
    /*display:table;*/
    display:flex;
    flex-wrap:wrap;
    width: 100%;
}
.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;
    font-family:'Figtree-Light';
}
    .prod-tile-header p {
        width: 100%;
        float: left;
        padding-top: 10px;
        font-size: 1em;
        font-family: 'Figtree-Light';
    }
.prod-tile-action {
    float: left;
    width: 100%;
}
.prod-tile-compare{
    float: left;
    width: 48%;
    position: relative;
    top: 4px;
}
.prod-tile-share{
    float: left;
}
.prod-showmore-container{
    display:table;
    width:100%;
    margin: 30px 0;
    cursor:pointer;
}

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

.prod-Loading-container .Loading-Message{
    background: #FFF;
    border-radius: 0;
    color: var(--color-highlight-primary);
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    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: var(--color-highlight-primary);
}
.product-drop-down .selected a span{
    cursor: pointer;
    display: block;
    padding: 1px 5px;
    float: none;
    color: var(--color-highlight-primary);
    min-width: 135px;
    width: 95%;
    text-align: right;
    margin-right: 10px;
}
.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: var(--fs-regular);
  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;
}
.product-drop-down .options ul li a:hover{
  background:var(--color-highlight-primary);
  transition:0.2s ease;
  color: #fff;
}
.product-dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    content: "";
    background: url(/file/media/Midcontinent/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{
        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;
    }
    
}
@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;
    }
    .product-gallery-container a {
        font-size: 16px;
    }
    
}
@media screen and (max-width: 1023px) {
    .product-nav-content-list label span {
        font-size: 11px;
    }
    .prod-tile-compare {
        width: 50%;
    }
}
/* 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 {
        display:none;
    }
        
    .product_gallery .product-nav-header {
        display: block;
    }

    .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;
        padding: 0;
    }
    .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;
        margin-right: 2%;
        background: var(--color-highlight-primary);
        width: 98%;
        position: absolute;
        padding: 10px 0;
        z-index: 100;
        display: block;
        color: #fff;
    }    
    .product-mobile-filter .product-mobile-flt{
        padding-left: 10px;
        float: left;
        padding-top: 4px;
    }
    .product-mobile-filter .product-mobile-fltvalue{
        padding-left: 2px;
        font-weight: bold;
        float: left;
        padding-top: 4px
    }
    .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 var(--bg-top-header);
        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(--color-highlight-primary);
        color: #fff;
        padding: 10px 20px;
        display: block;
    }
    .product-btn-clear{
        position: absolute;
        right: 0;
        top: 65px;
        background: var(--color-highlight-primary);
        color: #fff;
        padding: 10px 20px;
        display: block;
    }
    .product-btn-done span:first-child{
        background: url(../images/global/check-small-select.png) 3px 2px no-repeat;
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 10px;
    }
    .product-btn-clear span:first-child{
        background: url(../images/global/remove.png) no-repeat;
        width: 18px;
        height: 15px;
        float: left;
        margin-right: 10px;
        background-size: contain;
    }
    .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: none;
        border-top: none;
        /* left: 4px; */
        padding: 0;
        position: unset;
    }
    .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%;
        position: unset;
    }
    .product-drop-down {
        width: 80%;
        position: unset;
    }
    .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: 17px;}
}
@media screen and (min-width: 720px) {
    .product-drop-down .options ul {
        left: 19px;
        top: 23px;
    }
    .product-dropdown-toggle::after {
        position: absolute;
        top: 35%;
        right: 0;
    }
}
@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: 5px;
	    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: 100%;
        left: unset;
        right: 11px;
        width: 126%;
    }
    .product-right-header {
        width: calc(96% - 20px);
        margin: 10px;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .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: 44px;
        left: -3px;
        border: 3px solid var(--bg-top-header);
        border-top: none;
    }
}

@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:1024px) {
    .product-gallery-title h1 {
        padding-top: 0;
    }
}