html, body {
    padding:0px;
    margin:0px;
    font-family: 'Open Sans', sans-serif;
}
img {
    border:0px;
}
a, a:hover {
    text-decoration:none;
}
.fullWrapper {
    width:100%;
}
.centerWrapper {
    max-width:1100px;
    /*! min-width:1000px; */
    margin:0 auto;
    width:100%;
}

#topWrapper{
   display:flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   max-width:1100px;
   width:100%;

}
#topWrapper .callUsText{
    padding:15px 0
}
#headerFull{
    padding-top:50px;
}
#headerTopFull {
    position:fixed;
    z-index: 99;
    border-bottom:1px solid #ccc;
    background:#dfdfdf;
}
#headerTopSection {
    font-size:12px;
}
#headerTopSection span {
    padding:0px 10px;
    color:#696969;
}
#headerTopSection a {
    color:#000;
}
#headerTopSection a:hover {
    text-decoration:underline;
}
.socialBtn {
    display:inline-block;
    padding:5px 10px;
    color:#696969;
    font-size:16px 
}
#facebookIcon:hover {
    color:#fff;
    background:#3b5998;
}
#pinterestIcon:hover {
    color:#fff;
    background:#cb2027;
}
#twitterIcon:hover {
    color:#fff;
    background:#55acee;
}
#houzzIcon:hover {
    color:#fff;
    background:#73ba37;
}
#headerSection {
    font-size:14px;
}

#storeAddresses{
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
}

.paradiseAddress{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 55px 35px 
}
#logoImage {
    padding:10px 0 0;
    height:145px;
    float:left;
}
#marquee {
    color: #e60000;
    font-size: 12px;
}
#headerSection a {
    color:#000;
}
#headerSection a:hover {
    text-decoration:underline;
}
#menuFull {
    border-bottom:1px solid #ccc;
}
#menuSection {
}
.menuContainer {
    dsiplay:inline-block;
    text-align:center;
}
.dropTab {
    vertical-align:top;
}
.dropName {
    padding:0px 7px;
    line-height:33px;
    color:#666;
    font-size:16px;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
.dropBox {
    width:200px;
    background:#f1f1f1;
    border:1px solid #ccc;
    text-align:left;
    padding:5px;
    margin-left:0px !important;
}
.dropBox .dropName {
    color:#666;
    border-radius:0px;
    text-transform:capitalize;
}
.dropBox .dropName:hover {
    background:#fff;
    color:#666 !important;
}
.activeDrop {
    background:#dfdfdf !important;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:0px;
}
.activeDrop {
    color:#666 !important;
}
.activeLeft {
    margin-left:-200px;
}
.activeRight {
    margin-left:200px;
}
.fa-angle-down {
    display:none;
}
#searchBox {
    display:block;
    vertical-align:top;
    transition: all 0.3s ease;
}
#searchIcon {
    font-size:16px;
    text-align:center;
    cursor:pointer;
}
#searchIcon:hover {
    background:#dfdfdf;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:0px;
}
#searchEngine {
    width:100%;
    margin:0 auto;
    z-index:100;
    position:relative;
    overflow:hidden;
    transition: all 0.3s ease;
    background:#dfdfdf;
    height:0;
    padding:0 15px;
}
#searchInputBox {
    display:inline-block;
    vertical-align:top;
    border-bottom:1px solid #333;
    background:transparent;
    border-right:0px;
    height:55px;
}
#searchInputBox input {
    border:0px;
    background:transparent;
    margin:2px;
    padding:10px;
    width:1000px;
    font-size:26px;
    color:#333;
    font-weight:300;
}
#searchSubmitBtn {
    display:inline-block;
    vertical-align:top;
    background:transparent;
    line-height:55px;
    padding:0px 15px 0px 10px;
    color:#6d6d6d;
    cursor:pointer;
    border-bottom:1px solid #333;
    margin-left:-5px;
    font-size:18px;
}
#searchSubmitBtn:hover {
    color:#999;
}
#lowerHeaderFull {
    border-bottom:1px solid #ccc;
    padding:3px 0;
    font-weight:700;
    color:#666;
    font-size:12px;
    background-color:#f4f4f4;
}
#bodyFull {
    padding-bottom:50px;
}
.photoBox {
    width:100%;
    height:300px;
    background:#ccc;
    margin-top:50px;
    border-radius:5px;
    line-height:300px;
    font-weight:300;
    text-align:center;
    color:#fff;
    font-size:70px;
    cursor:pointer;
    text-transform:uppercase;
}
.photoBox:hover {
    opacity:.75;
}
.photoBox strong {
    font-weight:700;
}
#productSlider {
    border-top:1px solid #ccc;
    padding:50px 0;
    background:#fff;
}
#footerFull {
    padding:50px 0;
    background: #666;
    font-size:16px;
    border-top:2px solid #666;
}
.footerCol {
    width:200px;
    float:left;
    padding:0 20px;
}
.fa-arrow-right {
    display:none;
}
.colTitle {
    color:#fff;
    font-weight:700;
    font-size:20px;
    padding-bottom:15px;
}
.colContent {
    line-height:35px;
}
.colContent a {
    color:#fff;
    font-weight:400;
    font-size:16px;
}
.colContent a:hover, .colContent a:hover i {
    text-decoration:underline;
}
#quoteBox {
    width:400px;
    font-size:18px;
    line-height:30px;
    color:#fff;
    padding:20px;
    font-family: 'Merriweather', serif;
    font-style:italic;
}
#quoteBox i {
    font-size:12px;
    vertical-align:top;
}
.slideContainer {
    background: transparent !important;
}

.addToBtnSub.addItemSubBtn.hide {
    display: none;
}
.callForPrice {
    color: #000 !important;
    font-size: 16px! important;
    height: 30px !important;
}
#callForPrice {
    color: #000 !important;
}
#leftStaticBrands {
    float:left;
    width:199px;
    border-right:1px solid #ddd;
}
.additionalImg {
    transform: translateY(0%) !important;
}

.boxContainer {
    display:inline-block;
    margin:20px 0;
    border:1px solid #ccc;
    width:350px;
    height:360px;
    position:relative;
    overflow:hidden;
}
.middleContainer {
    margin:20px 18px;
}
.boxImg img {
    height:100%;
    position:relative;
}
.boxText {
    width:100%;
    background:rgba(90, 90, 90, 0.8);
    position:absolute;
    bottom:0;
    text-align:center;
    color:#fff;
    padding:15px 0;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    font-size:18px;
    font-weight: bold;
}
.boxContainer:hover .boxText {
    padding:15px 0 35px;
}

.mobileMenuContainer{
    display:none;
}

#centerFooterWrapper {
    display:flex;
    justify-content: space-between;
    margin: 0 auto;
    width:100%;
    max-width: 1100px;
  }
  
.hamburger {
	display: none;
}
.hamburger.active .top-bar {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
}
.hamburger.active .middle-bar {
	opacity: 0;
}
.hamburger.active .bottom-bar {
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 50%;
}
.top-bar ,
.middle-bar, 
.bottom-bar {
	width: 22px;
	height: 2px;
	background-color: #000;
	position: absolute;
	right: 50%;
	transition-delay: 0.1s,0.2s;
	transition-duration: 0.1s,0.1s;
	transition-timing-function: ease-in-out;
	left: calc(50% - 11px);
	border-radius: 5px;
}
.top-bar {
	top: calc(50% - 7px);
	transform-origin: 11px 1px;
}
.middle-bar {
	top: 50%;
}
.bottom-bar {
	top: calc(50% + 7px);
}

@media only screen and (max-width: 1222px) {
    
    #searchbar{
        display: flex;
        justify-content:center;
    }
    
    #searchbar input{
      width:100%;
      max-width:638px;        
      height:30px;
    }
    
    #searchHolder #searchbar button{
        background:none;
        border:none
    }
    #searchHolder #searchbar .fa-search{
        font-size:25px;
    } 
    
    #searchHolder #searchbar input{
        border:none;
        font-size:18px;
    }
    .fa-angle-down {
    display:flex;
}
    .fullWrapper >.hamburger{
        display:flex;
        justify-content: center;
    }
    .hamburger {
		display: inline-block;
		cursor: pointer;
		padding: 20px;
	    right: 11px;
	    position: relative;
	}
    #headerSection{
        flex-direction: column;
    }
    #rightHeader, #leftHeader{
        display:flex;
        flex-direction: column;
        align-items: center;      
    }
    
    #rightHeader{
        padding-top:15px;
        padding-left:0
    }
     .hamburger {
                display: inline-block;
                cursor: pointer;
                padding: 25px;
                position: relative;
            }
            #menuSection{
                display: none;
            }
            
            #menuSection.show{
                display:flex;
                flex-direction: column;
                text-align: right;
            }
    .showMobileangle {
    display: inline-block !important;
    vertical-align: middle;

}
	
	    .showMobileangle.rotate180 {
        transform: rotate(180deg);
    }
     .slideContainer{
        background: none!important;
    }
    .fa-angle-down::before {
    content: "\f107";
}
    
/*for mobile devices*/
.mobileLogo {
    display: none;
    max-width: 400px;
    margin: auto;
}
.mobileLogo img{
    width: 100%;
}
#mobileMenu{
    display: none;
    background: #f7f7f7;
}
    
    #mobileMenu.show{
        display: block;
        background: #f7f7f7;
    }
.mobileDropName {
    font-size: 16px;
    padding: .75em .75em .75em 10px;
    /*margin-left: 10px;*/
    color: #000;
    text-transform: uppercase;
}
.mobileDropName i.fa.fa-angle-down {
    float: right;
    transition : transform .3s ease-in-out;
}
.mobileDropName:hover {
    background: #fff;
}
.mobiledropBox {
    display: none;
}
.mobiledropBox .mobileDropName{
    padding-left: 40px;
    background: #efefef;
}
.mobiledropBox .mobileDropName:hover{
    background: #fff;
}
.rotateAngle-down{
    -webkit-transform : rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform : rotate(180deg);
    transform : rotate(180deg);
}
	
    #loginbodyWrapper {
        width: 100% !important;
    }
    #loginLoginSubLeft {
        max-width: 398px;
        margin-bottom: 20px;
    }
    #loginLoginSubRight {
        max-width: 348px;
        border-left: none !important;
    }
    #loginLoginSubRight, #loginLoginSubLeft {
        height: auto !important;
        float: none !important;
        width: 100% !important;
        padding: 0 0 0 2% !important;
        box-sizing: border-box !important;
    }
    .loginSubFormWrapper {
        width: 100% !important;
    }
    #loginSignInHeader {
       padding: 18px 15px !important; 
    }       
}


@media screen and (max-width:1099px){
    #threeBoxes{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width:915px){
    #infoPage{
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}
@media screen and (max-width:790px){
    #centerFooterWrapper{
        align-items: center;        
        flex-direction: column;
        text-align: center;
        margin: 0 auto;
        width:100%;
    }
    
    .footerCol{
        padding: 15px 0;
    }
}
@media screen and (max-width:708px){
    #topWrapper{
        justify-content: center;        
    }
    #headerFull{
        padding-top:100px;
    }
    
    #headerSection{
        display:flex;
        flex-direction: column;        
        justify-content: center;
        align-items: center;
    }
    #storeAddresses{
        flex-direction: column;
    }
    
    .paradiseAddress{
        padding:20px 0
    }
}