/* this is my custom CSS */


.block{
  width: 100%;
  height: auto;


}

.feature-box {
    border-radius: 10px;
    background-color:#e2e2e2;
    padding-top:20px;
    padding-bottom:20px;
}

.csmiheaderimage {
 
  z-index: -1;
  position: absolute;
  top: 100;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}

.csmifeature
{
            border-radius:50%;
    border:2px solid #e2e2e2;
            background:#676470;
            transition:all 0.3s ease;
            width:75%;
            overflow:hidden;
    margin-top:20px;
}
    
    .csmifeature:hover
{
     
    border-radius:0%;
    border:2px solid #FFF;

}



.link-white {
    
}

.link-white:hover {
    color: #FFF;
}

.csmiblogimage {
    margin-bottom:10px; 
    margin-left:10px; 
    float:right; 
    width:100%; 
    max-width:500px; 
    height:auto;
}

.csmicollectionimage {
    margin-bottom:10px; 
    margin-left:10px; 
    float:left; 
    width:100%; 
    max-width:500px; 
    height:auto;
}

.csmisectionwrap {
    margin-top:40px; 
    padding-bottom: 20px;
    border-bottom:3px solid #e2e2e2;
}

.csmiheader-sm {
    margin:10px; 
    font-weight:700; 
    color:#6d6e71; 
    font-size:1.4em; 
}

.csmiheader-spaname {
    font-size:1.1em; 
    margin-bottom:5px;
    margin-left:10px;
    font-weight:700; 
    color:#6d6e71; 
    letter-spacing:0.1em;
    padding-bottom:0px;
}

.feature-box-inner {
    border:1px solid #555;
    margin:0px;
    border-radius:10px;
    overflow: hidden;
    padding:0px;
    
}


.csmi-specwrap {
    height:50px;
}

.csmi-speccat {
    color:#6d6e71;
    margin:10px;
    font-size:0.8em;
    float:left;
    margin-top:0px; 
    padding-right:15px;
}

.csmi-spectub {
   font-size:0.8em; 
    clear:right; 
    position:relative;
    right:20px;
    color:#6d6e71;
    font-weight: 400;
}


.csmiheader {
    font-size:2.5em; 
    margin:10px; 
    font-weight:700; 
    color:#6d6e71; 
    line-height: 35px;
    
}

.csmiheadermenu {
    font-size:1.8em; 
    margin:10px; 
    font-weight:700; 
    color:#6d6e71; 
    line-height: 35px;
    
}

.csmisubheader {
    font-size:1.6em; 
    margin:10px; 
    font-weight:700; 
    color:#6d6e71; 
}

.csmisubheadermobile {
    font-size:1.0em; 
    margin-left:10px; 
    font-weight:700; 
    color:#6d6e71; 
}


.csmiseriessubheader {
    font-size:0.8em; 
    margin-top:10px; 
    margin-bottom:2px;
    margin-left:10px;
    font-weight:700; 
    color:#6d6e71; 
}

.csmiseriessubheader2 {
    font-size:0.8em; 
    margin-top:5px; 
    margin-bottom:2px;
    margin-left:0px;
    font-weight:700; 
    color:#6d6e71; 
}

.csmibutton {
    margin:10px; 
    padding:10px; 
    font-size:0.8em; 
    color:#6d6e71; 
    letter-spacing:0.1em; 
    font-weight:700;
    }

.csmifooterbutton {
    margin:10px; 
    padding:10px; 
    font-size:0.8em; 
    color:#6d6e71; 
    background-color:#e7e7e7;
    border:1px solid #6d6e71; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.csmifooterbutton:hover {
    margin:10px; 
    padding:10px; 
    font-size:0.8em; 
    color:#6d6e71; 
    background-color:#FFF;
    border:1px solid #6d6e71; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.csmifooterbutton:visited {
    margin:10px; 
    padding:10px; 
    font-size:0.8em; 
    color:#6d6e71; 
    background-color:#e7e7e7;
    border:1px solid #6d6e71; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.csmifooterbutton:active  {
    margin:10px; 
    padding:10px; 
    font-size:0.8em; 
    color:#6d6e71; 
    border:1px solid #6d6e71; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }



.csmimenubutton {
    margin-top:10px;
    padding:10px 10px 20px 10px; 
    font-size:0.9em; 
    color:#6d6e71;
    border:1px solid #E2E2E2;
    letter-spacing:0.5em; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.csmimenubutton:hover {
    margin-top:10px;
    padding:10px 10px 20px 10px; 
    font-size:0.9em; 
    color:#6d6e71;
    border:1px solid #E2E2E2;
    letter-spacing:0.5em; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FFF;
    }

.csmimenubutton:visited {
    margin-top:10px;
    padding:10px 10px 20px 10px; 
    font-size:0.9em; 
    color:#6d6e71;
    border:1px solid #E2E2E2;
    letter-spacing:0.5em; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.csmimenubutton:active {
    margin-top:10px;
    padding:10px 10px 20px 10px; 
    font-size:0.9em; 
    color:#6d6e71;
    border:1px solid #E2E2E2;
    letter-spacing:0.5em; 
    font-weight:700;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }




.imagegrow {
    width:98%;
    height:auto;

}

.imagegrow:hover {
    width:100%;
    height:auto;
    -webkit-transition: width 0.1s; /* Safari prior 6.1 */
    transition: width 0.1s;

}



.imagebgcolor {
    width:100%;
    height:auto;

}

.imagebgcolor:hover {
background: rgb(192,246,252);
background: radial-gradient(circle, rgba(192,246,252,1) 0%, rgba(1,185,222,0) 48%);
    

}




.csmimainmenubox {
    height: 210px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    letter-spacing: 0.2em;
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-bottom:1px;
}

.csmimainmenubox:hover {
    color: rgba(255, 255, 255, 1.0);
    cursor: pointer;
    border-bottom: 1px solid #FFF;
    margin-bottom:0px;
}

.csmimainmenubox:visited {
}

.csmimainmenubox:active {
}

.csmimainmenubox2 {
    height: auto;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    letter-spacing: 0.2em;
    font-weight: 700;
    letter-spacing: 0.15em;
    font-size:0.8em;
    
}

.csmimainmenubox2:hover {
    color: rgba(255, 255, 255, 1.0);
    cursor: pointer;
}

.csmimainmenubox2:visited {
}

.csmimainmenubox2:active {
}



.menutextmd {
    position:relative;
    bottom:20px;
}

.csmipara {
    color:#6d6e71;
    margin:10px;
    font-size:1.2em;
}

.csmipara {
    color:#6d6e71;
    margin:10px;
    font-size:1.2em;
}

.csmiparasm {
    color:#6d6e71;
    margin:10px;
    font-size:1.0em;
}

.csmiparaNoMargin {
    color:#6d6e71;
}

.csmitextlink {
    color:#6d6e71;

}

.csmitextlink:hover {
    color:#6d6e71;

}
.csmitextlink:onclick {
    color:#6d6e71;

}



.csmimenu-button-custom1-mobile {
	           color: #6d6e71;
	           height:20px;
	           line-height: 20px;
	           font-size:0.9em;
	           padding-left:10px;
	          
	           
	       }
	       .csmimenu-button-custom1-mobile:hover {
	            color: #6d6e71;
	      
	          
	           padding-left:10px;
	      
	           
	       }
	       .csmimenu-button-custom1-mobile:visited {
	            color: #6d6e71;
	         
	         
	           padding-left:10px;
	           
	           
	       }
	       .csmimenu-button-custom1-mobile:active {
	            color: #6d6e71;
	          
	       
	           padding-left:10px;

	           
	       }
        
.csmijetbutton-classic {
    margin:0px 0px 0px 10px; 
    padding:4px 10px 4px 10px; 
    font-size:0.8em; 
    color:#6d6e71; 
    letter-spacing:0.1em; 
    font-weight:700;
  
    }



.csmibtncolor1 {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #b6bade;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #b6bade;
        position:relative;
        bottom:3px;
        
    }
    .csmibtncolor1:hover {
        background-color: #FFF;
        border:1px solid #b6bade;
        color:#b6bade; 
    }
    .csmibtncolor1:onclick {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #b6bade;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #b6bade;
        position:relative;
        bottom:3px;
      
    }


.spec-series-patio {
    width:90px; 
    float:left;
    color:#b6bade;

}


.spec-series-classic {
    width:90px; 
    float:left;
    color:#31c4ed;
 
}

.spec-series-elite {
    width:90px; 
    float:left;
    color:#0094cc;
   
}

.spec-series-luxury {
    width:90px; 
    float:left;
    color:#1B75BC;

}

.spec-series-wellness {
    width:90px; 
    float:left;
    color:#107c8c;
 
}

.spec-series-wellnessx {
    width:90px; 
    float:left;
    color:#1c5972;
 
}


.csmibtncolor2 {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #31c4ed;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #31c4ed;
        position:relative;
        bottom:3px;
        
    }
    .csmibtncolor2:hover {
        background-color: #FFF;
        border:1px solid #31c4ed;
        color:#31c4ed; 
    }
    .csmibtncolor2:onclick {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #31c4ed;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #31c4ed;
        position:relative;
        bottom:3px;
      
    }

.csmibtncolor3 {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #0094cc;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #0094cc;
        position:relative;
        bottom:3px;
        
    }
    .csmibtncolor3:hover {

        background-color: #FFF;
        border:1px solid #0094cc;
        color:#0094cc; 
      
    }
    .csmibtncolor3:onclick {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #0094cc;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #0094cc;
        position:relative;
        bottom:3px;
    }


.csmibtncolor4 {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #1B75BC;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #1B75BC;
        position:relative;
        bottom:3px;
        
    }
    .csmibtncolor4:hover {

        background-color: #FFF;
        border:1px solid #1B75BC;
        color:#0094cc; 
      
    }
    .csmibtncolor4:onclick {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #1B75BC;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #1B75BC;
        position:relative;
        bottom:3px;
    }



.csmibtncolor5 {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #107c8c;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #107c8c;
        position:relative;
        bottom:3px;
        
    }
    .csmibtncolor5:hover {
        background-color: #FFF;
        border:1px solid #107c8c;
        color:#107c8c; 
      
    }
    .csmibtncolor5:onclick {
        background-color: #FFF;
        border-right:1px solid #107c8c;
        border-bottom:1px solid #107c8c;
        border-left:7px solid #107c8c;
        border-top:1px solid #107c8c;
        color:#000; 
        position:relative;
        bottom:3px;
      
    }


.csmibtncolor6 {
        margin:0px 0px 0px 5px; 
        padding:2px 5px 2px 5px;
        color:#FFF; 
        border:1px solid #1c5972;
        letter-spacing:0.1em; 
        font-size:1.0em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #1c5972;
        position:relative;
        bottom:3px;
        
    }
    .csmibtncolor6:hover {
        background-color: #FFF;
        border:1px solid #1c5972;
        color:#1c5972; 
      
    }
    .csmibtncolor6:onclick {
        background-color: #FFF;
        border-right:1px solid #1c5972;
        border-bottom:1px solid #1c5972;
        border-left:7px solid #1c5972;
        border-top:1px solid #1c5972;
        color:#000; 
        position:relative;
        bottom:3px;
      
    }





.btn-grey{
    background-color:#D8D8D8;
	color:#FFF;
}
.rating-block{
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	padding:15px 15px 20px 15px;
	border-radius:3px;
}
.bold{
	font-weight:700;
}

.menuheader {
    color:#FFF;
    letter-spacing: 0.12em;
    font-size:1.0em;
}

 .csmimenu-button-custom1 {
               font-family: 'Roboto', sans-serif;
     font-size: 0.9em;
	           color: rgba(255, 255, 255, 0.8);
	           height:22px;
	           line-height: 22px;
	           padding-left:10px;
                font-weight: 100;
                letter-spacing: 0.02em;
	   
	           
	       }
	       .csmimenu-button-custom1:hover {
	           color: rgba(255, 255, 255, 1.0);

	           padding-left:10px;
	           background-color: rgba(255, 255, 255, 0.4);
	      
	           
	       }
	       .csmimenu-button-custom1:visited {
	          color: #6d6e71;

	           padding-left:10px;
	           
	           
	       }
	       .csmimenu-button-custom1:active {
	           color: #6d6e71;

	           padding-left:10px;

	           
	       }

            .csmimenu-button-custom2 {
	           color: #6d6e71;
	           height:25px;
	           line-height: 22px;
	           padding-left:10px;
	          
	           
	       }
	       .csmimenu-button-custom2:hover {
	           color: #6d6e71;
	           height:25px;
	           line-height: 22px;
	           padding-left:10px;
	           background-color: #FFF;
	      
	           
	       }
	       .csmimenu-button-custom2:visited {
	          color: #6d6e71;
	           height:25px;
	           line-height: 22px;
	           padding-left:10px;
	           
	           
	       }
	       .csmimenu-button-custom2:active {
	           color: #6d6e71;
	           height:25px;
	           line-height: 22px;
	           padding-left:10px;

	           
	       }