@font-face {
    font-family: brandon medium;
    src: url('fonts/BrandonText-Medium.otf');
}

@font-face {
    font-family: brandon light;
    src: url('fonts/BrandonText-Light.otf');
}

@font-face {
    font-family: brandon regular;
    src: url('fonts/BrandonText-Regular.otf');
}


/************ BEGIN STYLE GUIDE *************/

h1 {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333f48;
    font-size: 40px;
}

h1 .white {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 40px;
}


.red {
    color: #d50032 !important;
}

h2 {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
    color: #333f48 !important;
}

h3 {
    font-family: brandon medium, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 24px;
    color: #333f48;
text-transform: uppercase;
}

h4 {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    color: #1c2b39;
text-transform: none;
}

h4 .white {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    color: #fff !important;
text-transform: none;
}

h5 {
/*    font-family: brandon medium, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #616365; */
    font-family: brandon medium, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    color: #d50032  !important;
text-transform: uppercase;
}

h6 {   
    font-family: brandon medium, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #616365;
}

p {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px; 
/*    color: #1c2b39; */
}

.intro {
    font-family: brandon light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px; 
/*    color: #1c2b39; */
}

ul > li {
color: #d50032;
 list-style-image: url('https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/cardell-bulleted-list.png');
padding-top: 10px !important;
padding-bottom: 10px !important;
} 

ul > li, ol > li {
font-family: brandon light;
font-size: 18px;
color: #1c2b39;
}


ul {
    list-style-image: url('https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/cardell-bulleted-list.png');
}

.h1, .h2, .h3, h4, h5, h6 {
    margin-top: 0 !important;
    margin-bottom: 0  !important;
}

h5, .h5 {
    padding: 0 !important;
}

/******** END STYLE GUIDE **********/

.Content {
    padding: 0;
}

 .main > .inner {width:100%; max-width:none;}

.inner #CategoryHeading .TitleHeading, #CategoryBreadcrumb {
    max-width: 1080px;
    width: 90%;
    margin: auto;
}

.innerNarrow #CategoryHeading .TitleHeading, #CategoryBreadcrumb {
    max-width: 1080px;
    width: 90%;
margin: 0;
}

.innerNarrow2 #CategoryHeading .TitleHeading, .innerNarrow2 #CategoryBreadcrumb  {
    max-width: 1080px;
    width: 90%;
margin: auto;
}


.main > .innerNarrow {max-width: 1080px; width: 90%;}
#CategoryHeading .TitleHeading, #CategoryBreadcrumb {max-width: 1080px; width: 90%; }


.CategoryDescription{
    margin-top:1%;
}

body {
    font-family: brandon light !important;
    border: none;
    background: none;
    overflow-x: hidden;
}

a {
    cursor: pointer;
}

  /*  a:hover {
        background: none;
        text-decoration: none;
    } */
.PageMenu{z-index:9999;}


.pages-menu a:hover{text-decoration:none;}

.PageMenu li > a:hover {
    color: #d50032 !important;
text-decoration:none;
}

#SideCategoryList li ul li ul, #SideCategoryList .sf-menu li ul li ul {
    border: 1px solid #d2d5d7;
}


/* home page*/

#Header{padding-top:10px;}


.header {
    border-bottom: none ;
}

.PageMenu{text-align:center;}

p{line-height:1.5;}
h2{padding-bottom:10px;}
.PageMenu li{   padding-top: 5px; text-transform: uppercase; padding-bottom:5px;margin-right:50px; height:30px; font-family: brandon medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;}

.PageMenu li:hover{ border-bottom: 2px solid #d50032;}

.PageMenu li ul li {height: 40px;}

.PageMenu li ul li:hover{border-bottom:none;}

.PageMenu {
    text-align: center;
    background-color: white;
    padding: 1em;
}
.PageMenu .sf-menu > li > a {
    color: #1c2b39 ;
}

.PageMenuFooter {
background-color: transparent;
margin-bottom: 0; 
}

.PageMenuFooter .sf-menu > li > a {
    color: #fff !important;
}

.PageMenuFooter  > .inner { padding: 40px 0 0 0; }


.home_content {
    margin: 0 auto 30px;
   /* font-size: 16px;*/
   /* border-bottom: 2px solid #1c2b39;*/
    overflow: hidden;
    padding: 0 0 28px !important;
}

    .home_content h3 {
      /*  font-family: brandon medium;*/
        margin: 0 0 18px;
        font-size: 16px;
    }

    .home_content a.button, .classic_vanity_header a.button, .vanity_layout a.button, #location a.button, .warranty a.button, .btn {
   font-family: brandon light;
        text-align: center;
        color: #333f48;
        background: #fff;
        text-decoration: none;
        display: block;
        border: 2px solid #3d5567;
        padding: 8px 0px;
      /*  width: 200px; */
        margin: 0 auto;
border: 1px solid #333f48 !important;
   border-radius: 0 !important;
    }

    .home_content a.button:hover, .classic_vanity_header a.button:hover, .vanity_layout a.button:hover, #location a.button:hover, .warranty a.button:hover, .btn:hover {
        color: #fff !important;
        background: #333f48 !important;   
    }

    .home_content .quality, .home_content .speed, .home_content .simplicity, .home_content .empowerment {
        float: left;
        text-align: center;
        padding: 0 15px;
        margin: 5% 0;
    } 

icon {
    border: 6px solid #dd0330;
    border-radius: 50px;
    width: 65px;
    height: 65px;
    margin: 0 auto 10px;
}

.qualityIcon, .speedIcon, .simplicityIcon, .empowermentIcon {
height: 60px;
width: 60px;
border: 5px solid red;
border-radius: 50px;
}

.qualityIcon {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/check_mark.jpg") no-repeat center center;
}

.speedIcon {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/speed.jpg") no-repeat center center;
}

.simplicityIcon {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/simplicity.jpg") no-repeat center center;
}

.empowermentIcon {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/empowerment.jpg") no-repeat center center;
}
.tagLine {
    font-size: 35px;
    font-family: brandon regular;
    color: #d50032;
    text-align: center;
    margin: 0 auto;
}

.classic_vanity {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/classic_vanity.jpg") no-repeat center center;
    width:90%;
}

.furniture_vanity {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/furniture_vanity.jpg") no-repeat center center;
     width:90%;
}

.cardell_kitchens {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/home-banner-crop.jpg") no-repeat center center;
     width:100% !important;
min-height:500px;
}

.layer {
    color: #FFF;
}

.block {
    height: 290px;
    margin: 0 auto 20px !important;
    width: 290px;}

.build_your_dream {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/build-your-dream.jpg?t=1467889405") no-repeat;
}

.box {
    height: 227px;
    position: relative;
    margin-left: 14px;
}

#bulidyourvanitytop {
    bottom: 170px;
}
.box a.button {
    right: 50px;
}
.box a.button, .box1 a.button {
    font-family: brandon regular;
    text-align: center;
    color: #3d5567;
    background: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 12px;
    display: block;
    border: 2px solid #3d5567;
    padding: 8px 0px;
    width: 42%;
} 

.layer {
max-width: 60%;
margin: auto !important;
}

 .layer .furnitureName {
        background: #1c2b39;
        padding: 20px 30px;
        opacity: 0.9;
    }

    .layer .content {
        background: #1c2b39;
        padding: 5px 30px 20px;
        opacity: 0.9;
        position: relative;
       
    }

        .layer .content a.learn_more {
            font-family: brandon regular;
            background: url(../images/button_bg.jpg) repeat;
            color: #FFF;
            display: block;
            border: 2px solid #FFF;
            padding: 8px 0px;
            width: 75%;
            text-align: center;
            position: absolute;
            bottom: 20px;
        }

        .layer .content a:hover.learn_more {
            text-decoration: none;
        }

.header-logo{float:none; width:176px; margin:0 auto 12px; padding:1em;}

.slide-button .btn{background-color: transparent;border:1px solid #fff;border-radius:0;}




#contact_form {
    border-bottom: 2px solid #1c2b39;
    margin-bottom: 50px;
    padding-bottom: 20px;
}

    #contact_form input[type="text"], #contact_form input[type="email"], #contact_form textarea {
        background-color: transparent;
        border: 2px solid #3d5567;
        color: #3d5567;
        width: 100%;
        padding: 9px;
        margin-bottom: 20px;
    }

    #contact_form input[type="checkbox"] {
        width: auto;
    }

    #contact_form label {
        font-size: 25px;
        text-transform: uppercase;
    }

#submit, .locationsubmit {
    background-color: #d50032!important;
    border: none!important;
    color: #fff!important;
    display: block;
    font-family: brandon regular;
    font-size: 14px;
    margin: 0 auto;
    padding: 8px 0;
    width: 240px;
}






.contact_form h3 {
    margin-top: 0!important;
}

.display {
    visibility: hidden;
}

.top {
    margin-top: 50px;
}

.houzzicon {
    width: 51px;
    margin: 36px auto 15px;
}

.searchicon{position:absolute;


}



.col-md-6 img {
    margin-bottom: 20px;
}

.top_80 {
    margin-top: 80px;
}

iframe {border:none;}


/*classic vanities*/
.literature {
            background: url(../images/literature-header.png) no-repeat center;
            display: block;
            /*max-width: 1920px;*/
            padding-top: 26.85%;
            background-size: cover;
            margin: 0 auto;
           
            position: relative;

        }
.literature_wrap .desc{
margin-top: 120px;
}
 


        .literature_wrap p {
         /*   font-size: 30px; 
            color: #1c2b39;*/
            margin-bottom: 80px;
        }



        .literature_wrap .kitchen div, .literature_wrap .vanity div {
            margin-left: 20px;
        }

 

        .kitchen, .vanity {
            margin-bottom: 60px;
        }
.classic_vanity_header {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/classic_vanity_header.jpg") no-repeat center center;
    display: block;
    background-size: cover;
    max-width: 990px;
    margin: 0 auto;
    padding: 1% 0;
    position: relative;
min-height:100px;
}

.classic_kitchen_header {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/a-af5-ma-c55m-rs-004.jpg") no-repeat center center;
    display: block;
    background-size: cover;
    max-width: 990px;
    margin: 0 auto;
    padding: 1% 0;
    position: relative;
min-height:100px;
}

    .classic_vanity_header .cardell_kitchen, .classic_kitchen_header .cardell_kitchen {
        position: relative;
        width: 350px;
        background: #1c2b39;
        opacity: 0.9;
        z-index: 999;
        top: 1%;
        left: 2%;
        padding: 5px 20px;
        color: #fff;
    }

        .classic_vanity_header .cardell_kitchen a, .classic_kitchen_header .cardell_kitchen a {
            text-decoration: underline;
            color: #fff;
        }


        .classic_vanity_header .cardell_kitchen p, .classic_kitchen_header .cardell_kitchen p {
            margin-bottom: 35px;
        }


        .classic_vanity_header .cardell_kitchen span, .classic_kitchen_header .cardell_kitchen span {
            display: inline-block;
            float: right;
            width: 180px;
        }


.vanity_layout {
    width: 100%;
    margin: 14px auto 0;
    text-align: center;
    padding: 0 0% 6% 3%;
}

.vanity_custom .col-md-2 {
    padding-left: 0;
    width: 19.667%;
}

.vanity_layout .project_name {
    padding-bottom: 40px;
}

.vanity_layout .doors {
    position: relative;
}

    .vanity_layout .doors .pricing {
        background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/pricing.png) no-repeat center center;
        width: 45px;
        height: 43px;
        position: absolute;
        top: -15px;
        right: 0;
        color: #fff;
        font-size: 18px;
        line-height: 2.5;
    }

.vanity_layout .walls {
   
    font-size: 14px;
    display: block;
    width: 75%;
    margin: auto;
}

.vanity_layout .wallsName {
    clear: both;
    display: inline-block;
   color: #1c2b39;
    margin: 10px 0;
    width: 100%;
}

.vanity_layout .small {
    font-size: 70%;
}

.vanity_name a {
    color: #1c2b39;
    margin: 0 4px;
}

    .vanity_name a.current {
        color: #d50032;
    }

.vanitySlide .granite {
    padding-top: 15px;
    margin-bottom: 25px;
}


.vanity_name span {
    font-size: 20px;
}

.vanitySlide {
    width: 600px;
    margin: 0 auto;
    background: url(../images/vanity_top_back.jpg) no-repeat top center;
}

    .vanitySlide .graniteName {
        position: relative;
        width: 300px;
        margin: 0 auto;
        top: 12px;
    }

        .vanitySlide .graniteName .leftArrow {
            background: url(../images/arrow_left.png) no-repeat center center;
            width: 32px;
            height: 58px;
            position: absolute;
            left: 0;
            top: -10px;
        }

        .vanitySlide .graniteName .rightArrow {
            background: url(../images/arrow_right.png) no-repeat center center;
            width: 32px;
            height: 58px;
            position: absolute;
            right: 0;
            top: -10px;
        }

    .vanitySlide .count {
        font-size: 16px;
        margin-top: 18px;
    }

 .classic_vanity_header a.button {
    position: absolute;
    right: 18%;
    bottom: 17%;
} 
.number {
    width: 60px;
    height: 60px;
    background-color: #3d5567;
    color: #fff;
    text-align: center;
    font-size: 43px;
    position: absolute;
    left: 15px;
}
.vanity_layout .project_name {
    padding-bottom: 40px;
}
.project_name, .zip_code {
    padding-bottom: 80px;
    border-top: 2px solid #3d5567;
    padding-left: 85px;
}

#location h1, .project_name h1 {
    font-size: 40px;
    text-transform: capitalize;
    color: #d50032;
margin-bottom:10px;
padding-bottom:5px;
}

/* literature */

.literature {
    background: url("https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/literature-header.png?t=1468322333") no-repeat center;
    display: block;
    /* max-width: 1920px; */
    padding-top: 16%;
    background-size: cover;
    margin: 0 auto 100px;
    position: relative;
    height:250px;

}


.footer-main{text-align:center;}

    .footer-copy{
text-transform: uppercase;
    color: #FFF;
    font-size: 20px;
}
.footer-main a {
color:#d2d5d7;
}

.copyright {
    background: #1c2b39;
    border-top: none;
    padding: 11px 0 30px;
    color: #FFF;
}

.copyright ul {
    margin: 0;
    padding: 0;
}

.copyright ul > li {
    font-size:16px;
color:#d2d5d7 !important;
}

.copyright_links {
    text-align: center;
    margin: 0 0 3px;
}
.copyright .container{clear:both;}
.copyright .container, .copyright_links li a {
    text-align: center;
   /* color: #FFF; */
}

.copyright_links li {
    display: inline-block;
    list-style: decimal;
float:none;
}

.footer-main li {
    /* float: left; */
    /* width: 100%; */
display:inline-block;
}

.copyright_links a:hover {
color:#fff;
 text-decoration: underline;
    text-decoration-color: #d50032;
}

.footer-main .SocialConnect ul {
    text-align: center;
}



#thumbnails ul{
    margin: 0 !important;

}

#thumbnails ul li{
margin-right: 10px;
margin-bottom: 5px;
float:left;
list-style:none;    
}

#thumbnails ul li img {
  background-color: #FFFFFF;
  border: 1px solid #A9A9A9;
  display: block;
  margin: 4px 0px 4px 4px;
  padding: 4px;
height:110px;
width:140px;
}

#thumbnails ul li img:hover {
    background-color:#A9A9A9;

}

.search-overlay{position:fixed;background:#333f48 ; opacity:0.9; z-index:999; padding:20% 0 0; width:100%; height:100%;top:0; left:0; text-align:center; color:#fff;  display:none;}
.search-overlay-content{z-index: 9999;}
.search-overlay .overlay-close{padding:0; position: absolute; right: 22px; top: 15px; overflow: hidden; border: none; background:none; box-shadow:none; color: #fff; font-size:30px; font-weight: normal; outline: none; z-index: 9999;}


#SearchForm input.Textbox, #SearchForm {background:#fff; color:#eee; border-radius:5px;color: #333f48 ; margin-top: 18px; }

#SearchForm{width:35%; margin:0 auto; float:none; position:none;}
#SearchForm .Button {height:65px; background-position: 55% 55%; background-color:transparent;  float:right; width:40px;}
#SearchForm input{font-size:18px; font-weight:bold; text-transform:uppercase;}

.fa-times:before {
    content: "\f00d";
}

.QuickSearch{ 
  margin: 13px auto;
    min-width: 471px;
    right: 346px;}


/*Furniture hardware*/
.furnitureHwHeader {
    background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/furniture_vanity_header.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 179px;
      
  
}

  

/*Furniture Counter Top*/
.furnitureCountertopHeader {
    background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/furniture_counterTop_header.jpg) no-repeat ;
    background-size: cover;
    display: block;
    height: 179px;
   
}

.counterHead{text-align:left;margin-left:30px;}

/* Classic countertop  */

.countertopHeader{
   background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/countertop_header.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 179px;

}

.classicCountertop .counterHead{margin-left:100px;}

/*Furniture vanities*/

.furniture_vanity_header {
    display: block;
    padding: 1% 0;
    position: relative;
}

    .furniture_vanity_header .cardell_kitchen {
        position: relative;
        width: 350px;
        background: #1c2b39;
        opacity: 0.9;
        z-index: 999;
        top: 1%;
        left: 2%;
        padding: 5px 20px;
        color: #fff;
    }

        

        .furniture_vanity_header .cardell_kitchen span {
            display: inline-block;
            float: right;
            width: 180px;
        }

    .furniture_vanity_header .video {
        position: absolute;
        top: 4%;
        right: 2%;
        width: 524px;
        height: 293px;
    }

        .furniture_vanity_header .video video {
            width: 100%;
            height: 100%;
        }

.locationMap {
    padding-bottom: 20px;
    width: 95%;
    padding-top: 20px;
}

.error {
    color: #d50032;
}


.map-area {
    height: 425px;
    margin-bottom: 15px;
    border: solid 1px #333;
    /*position:unset !important;*/
}


/*Furniture construction */

.constructionHeader {
    background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/construction_header.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 179px;
  
}

.furnitureConstruction {
    width: 990px;
    margin: 0 auto;
    padding: 0 15px;
}


    .furnitureConstruction h2 {
        font-size: 40px;
        color: #333;
        letter-spacing: -2px;
        margin-top: 40px;
    }

    .furnitureConstruction p {
        font-size: 22px;
    }


/* Standard Construction */

.kitchenHeader {
    background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/kitchen_header.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 179px;
   
}

/*standard construction*/

.standardConst {
    width: 990px;
    margin: 20px auto;
}

   

.plywood1 {
    height: 246px;
    margin-top: 25px;
}


.plywood2 {
    margin-top: 25px;
}

.upgrade2 {
    margin-top: 65px;
}

.door {
    margin-bottom: 50px;
}

    .door .text {
        width: 120px;
        float: left;
        margin-left: 10px;
    }

       

    .door .figure {
        float: left;
    }


.borderBottom {
    border-bottom: 1px solid #3d5567;
    margin-bottom: 20px;
}

.marginBt40 {
    margin-bottom: 40px;
}


/* Kitchen Hardware */

.kitchenHwHeader {
    background: url(https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/kitchen_hardware_header.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 179px;
   
}

/*iframe{width:100%; margin:0 auto; min-height:600px;} */

#contact_form {
    border-bottom: 2px solid #1c2b39;
    margin-bottom: 50px;
    padding-bottom: 20px;
}

/* fixes */ 

#DrawerMenu{z-index:999;}

#DrawerMenu h3 {display:none;}
.SortBox div.selector span, .SearchSorting div.selector span{background-color:transparent;}

/* for ipad*/
@media (min-width: 767px) and (max-width: 1024px) {



    .standardConst {
        width: 100%;
    }


        .standardConst img {
            width: 100%;
        }

#Header {
    padding-top: 22px;
}


.block{width:215px;}

p{font-size:13px; line-height:1.2;}

.door .figure{margin-bottom:20px;}

  }

/* submenu */
.CardellSubPages ul {
background-color: #e7e7e7 !important;
  margin-left: 0;
padding:  1% 0;
}

.CardellSubPages ul > li{
 text-transform: uppercase;
    margin-bottom: 0px;
    padding-left: 12px !important;
padding-right:12px !important;
    line-height:200%;
    background: none !important;
    list-style: none;
display: inline;

}

.CardellSubPages ul > li a{

}

.CardellSubPages ul > li a:hover{

}

.TitleHeading {
/* padding-bottom:10px;*/
margin-bottom:5px;
}

.slide-show .slide-overlay {
    background-color: rgba(28, 43, 57, 0.93); 

}


.PageMenu .sf-menu li ul {
border:1px solid #a8a7a7;
   
}

.PageMenu li ul li a {
color: #1c2b39;
}

.PageMenu li ul li a:hover {
color: #1c2b39;
}


.productOptionPickListSwatch .textureContainer, .productOptionPickListSwatch .swatchColours {
    height: 37px;
}

.button {
        font-family: brandon regular;
        text-align: center;
        color: #3d5567;
        background: #fff;
        text-decoration: none;
        display: block;
        border: 2px solid #3d5567;
        padding: 8px 0px !important;
        width: 200px;
        margin: 0 auto;
        font-size: 14px;
    }

.darkBtn{
    text-decoration: none;
    border: 1px solid #c7c9c7;
    padding: 8px 10px !important;
    font-size: 12px;
    text-transform: uppercase;
    color:#fff !important;
}

.darkBtn:hover{
text-decoration: none;
    border: 1px solid #1c2b39;
    color:#1c2b39 !important;
    background-color: #fff;
}

.doorDetails {
    border-bottom: 1.5px solid rgba(61, 85, 103, 0.19);
    width: 400px;
    padding-bottom: 2px;
}

.doorAttribute {
text-transform: uppercase;
font-weight: 900;
}

 .ProductDetailsGrid .ErrorMessage {display:none !important;}


.ProductMain {margin-top: 0 !important;}

.left-content {margin-top:20px;}

.productAttributeLabel .required {color: #fff !important;}

.ProductTinyImageList {margin-top:5%;}

.mobileHomeImage {display:none; margin-bottom: 2%;}

.HomePageCopy{width:60%; margin:auto !important;}
 .greyContent  {max-width: 1080px; width:60%; margin:auto !important;}
 .narrowCotent  {max-width: 1080px; width:70%; margin:auto !important;}

.greyArea {background-color: #c7c9c7; padding: 3% !important;}

.greyContent img {border: 2px solid #c7c9c7;}

.col-md-offset-4 {
    margin-left: 33.33333333% !important;
}

#DrawerMenu, #DrawerMenu .drawer-subcat  {background-color: #1c2b39;}


.redLine {background-color: #D50032; height:15px; margin-bottom:50px !important;}

/*.noPadding {padding-right: 0 !important; padding-left: 0 !important;}*/

.addPadding {padding: 15px !important;}

.banner_home_page_top {margin-bottom: 0; }

.icon-social {
    background: none;
}

/*Houzz*/
.icon-tumblr {background: url('https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/houzz-vector-smart-object3.png?t=1513788995&_ga=2.268988593.1599031574.1513627422-473189117.1502412619');}

.icon-facebook {background: url('https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/facebook-vector-smart-object.png?t=1513781235&_ga=2.193042413.1599031574.1513627422-473189117.1502412619');}

.icon-pinterest {background: url('https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/pinterest-vector-smart-object.png?t=1513781237&_ga=2.193042413.1599031574.1513627422-473189117.1502412619');}

.icon-instagram {background: url('https://cdn3.bigcommerce.com/s-lz786/product_images/uploaded_images/instagram-vector-smart-object.png?t=1513781236&_ga=2.193042413.1599031574.1513627422-473189117.1502412619');}

.icon-youtube {background: url('https://cdn10.bigcommerce.com/s-lz786/product_images/uploaded_images/youtubeicon.png?t=1548264625&_ga=2.227816285.1535496714.1548257530-2050129639.1507582166');}

.PinterestButtonContainer {
    margin: 0;
    text-align: left;
}
 
/*for iphone and greater*/

@media only screen and (min-width : 280px) and (max-width : 767px) {
.furnitureHardware span, .classicCountertop span{display:block;}
.furniture_vanity_header .video, .cardell_kitchen{display:none;}
#location h1, .project_name h1 {
    font-size: 20px;
    margin-bottom: 5px auto;}
.number {
    font-size: 30px !important;
    height: 40px !important;
    width: 40px !important;
}

.vanity_layout .project_name {
    padding-left: 12px;
}

#Header {
padding-top: 0px;
border-bottom:0;
}
#Header > .inner {
    padding-top: 0;
}

.header-logo img {max-height:40px;}

.header{padding-top:60px; }

.door .figure{margin-bottom:20px;}

.durable img, .durable1 img, .furnitureConstruction img{width:25%;}

#thumbnails{width:150px; margin:0 auto;}


.searchicon {
  
    right: 15px;
    top: 22px;
}

#ToggleMenu{color:#fff;}
#SearchForm{width:70%;}
#cart-amount .Cart .total{background:#fff;color:#fff}#cart-amount .Cart .bag-handle{border:2px solid #fff}
}

.currentPromotions {background-color: #c8c8c8; color: #212b37; width: 50%; float: left; text-align: center; margin: 0 !important; cursor: pointer;}

.freeShipping {background-color: #3e5567; color: #ffffff; width: 50%; float: right; text-align: center; margin: 0 !important; cursor: pointer;}

.freeShippingOnly {background-color: #3e5567; color: #ffffff; width: 100%; float: right; text-align: center; margin: 0 !important; cursor: pointer;}

.currentPromotions h3, .freeShipping h3, .freeShippingOnly h3 {padding: 0; margin-top: 10px; font-size: 16px;}

.PrimaryProductDetails .ProductMain {width:65%;}
.left-content {width:35%;}

.addto {display: none !important;}

#ProductDetails .ProductThumbImage img {max-height: 640px;}

@media only screen and (max-width : 909px) {

.CardellSubPages ul > li{display: block;}

}

@media only screen and (max-width : 767px) {

.mobileHomeImage {display:block; margin-bottom: 2% !important;}
 .currentPromotions h3, .freeShipping h3, .freeShippingOnly h3{padding: 0; font-size: 12px;}
.header {padding-top:0;}

}

@media only screen and (max-width : 480px) {

.header-secondary, #home .PageMenu {
     display: none !important; 
}
 .currentPromotions h3, .freeShipping h3, .freeShippingOnly h3 {padding: 0; font-size: 10px; margin-top:20px;}
.header {padding-top:60px;}

}

/** landing page **/

/** landing page **/

/** landing page **/

/** landing page **/

/** landing page **/

.TitleHeading.reno-landing-heading {
    max-width:1080px !important;
    margin:0 auto !important;
    width:90%;
}

.reno-landing {
    padding: 40px 40px 70px;
    text-align: center;
}

.reno-landing.left {
    text-align:left;
}

.reno-landing.dark {
    background:#c7c9c7;
}

.reno-landing-cols .reno-landing-col {
    width: 50%;
    float: left;
}

.landing-video-placeholder {
    cursor: pointer;
}

.landing-youtube-video {
    position: relative;
    display: none;
    padding-bottom: 56.25%;
}

.landing-youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reno-landing-form-img {
    float: right;
    margin-left: 40px;
}

.reno-landing-map {
    width: 100%;
    height: 500px;
}

.reno-landing form .required {
    color: #929293 !important;
    position: relative;
    left: 0;
    font-weight: 400;
}

.reno-landing form input[type="text"] {
    border: 1px solid #929293;
    color: #929293 !important;
    font-size: 16px;
    width: 90%;
    margin-bottom: 12px;
    padding: 10px;
}

.reno-landing form label,
.reno-landing .codesection {
    display: none;
}

.reno-landing form .errMsg {
    margin-bottom: 12px;
    color: #be0303 !important;
}

.reno-landing form .primaryAction {
    padding:8px 13px;
    border: 2px solid #1c2b39;
    color:#fff;
    font-weight:700;
    background: #1c2b39;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.reno-landing form .primaryAction:hover {
    color:#1c2b39;
    background:#fff;
}

.reno-landing .button-link{
	padding: 8px 13px;
    border: 2px solid #1c2b39;
    color: #fff !important;
    font-weight: 700;
	background: #1c2b39;
}

.reno-landing .button-link:hover {
    color: #1c2b39 !important;
    background: #fff;
	text-decoration: none !important;
}

.BlockContent .gm-svpc img {
    height: 30px;
    max-width: none;
}

.reno-landing-map-link {
    color: #000 !important;
    text-decoration: underline;
}

.reno-landing-map-link:hover {
    text-decoration: none;
}

@media only screen and (max-width : 767px) {
    .reno-landing {
        padding: 10px 10px 30px;
    }

    .reno-landing.left {
        padding: 30px 10px;
    }

    .TitleHeading.reno-landing-heading {
        padding-left:10px; padding-right:10px;
    }

    .reno-landing-form-img {
        float:none; margin-left:0;
    }
    
    .reno-landing-map {
        height: 300px;
    }
    
    .reno-landing form input[type="text"] {
        width: 100%;
    }
    
    .reno-landing-cols .reno-landing-col {
        width: 100%;
        float: none;
    }
}