:root {
  --black: #000000;
  --black_39393A: #39393A;
  --black_494949: #494949;
  --black_4A4A4A: #4A4A4A;
  --black_1B1B1B: #1B1B1B;
  --black_222222: #222222;

  --light_gray_F5F5F5: #F5F5F5;
  --light_gray_FAFAFA: #FAFAFA;
  --light_gray_DDDDDD: #DDDDDD;
  --light_gray_F8F4F4: #F8F4F4;
  --light_gray_B3B3B3: #B3B3B3;
  --light_gray_D7D7D7: #D7D7D7;
  --light_gray_D3D8DB: #D3D8DB; 
  --gray_D8D8D8: #D8D8D8;
  --gray_9B9B9B: #9B9B9B;
  --gray_231F20: #231F20;
  --gray_A6A4A4: #A6A4A4;
  --gray_A6A6A6: #A6A6A6;
  --dark_gray_979797: #979797;
  --dark_gray_767676: #767676;
  --dark_gray_5B5B5B: #5B5B5B;


  --blue_139CE9: #139CE9; 
  --royal_blue_00ADEE: #00ADEE;
  --steel_blue_34495E: #34495E;
  --dim_blue_1188BF: #1188BF;
  --light_blue_55ACEE: #55ACEE;
  --steel_sky_blue_02A4CB: #02A4CB;
  --sky_blue_3CB5EC: #3CB5EC;  
  --deep_sky_blue_16A0E2: #16A0E2;

  --gold_FDBA30: #FDBA30;
  --gold_FCB930: #FCB930;
  --dark_gold_B08528: #B08528;
  --steel_gold_705625: #705625;           
  --light_gold_FFBA33: #FFBA33;

  --deep_red_E21836: #E21836;
  --red_F54B5E: #F54B5E;

  --green_6CB33E: #6CB33E;
  --light_green_82E072: #82E072;
    
  --deep_cyan_164F5D: #164F5D;

  --white: #ffffff;
}

h1{
    font-family: Avenir-Black;
    font-size:110px;
    line-height: 150px;
    color: #ffffff;
}
h2{
    font-family: Extra-Mile;
    font-size:80px;
    line-height: 96px;
    color: #ffffff;
    display: inline-block;
}
h3{
    font-family: Avenir-Black;
    font-size: 50px;
    line-height: 60px;
    color: #000000;
}
h4{
    font-family: Extra-Mile;
    font-size:80px;
    line-height: 96px;
    color: #00ADEE;
    display: inline-block;
    padding-left: 10px;
}
h5{
    font-family: Extra-Mile;
    font-size:80px;
    line-height: 76px;
    color: #000000;
}
h6{
    font-family: Extra-Mile;
    font-size:72px;
    line-height: 86px;
    color: #231F20;
}
.container-main{
    width:100%;
    display:inline-block;
    position:relative;        
}
.one-col{
    width: 8.333%;
    display:inline-block;
    position:relative;
}
.two-col{
    width: 16.666%;
    display:inline-block;
    position:relative;
}
.three-col{
    width: 25%;
    display:inline-block;
    position:relative;
}
.four-col{
    width: 33.333%;
    display:inline-block;
    position:relative;
}
.five-col{
    width: 41.666%;
    display:inline-block;
    position:relative;
}
.six-col{
    width: 50%;
    display:inline-block;
    position:relative;
}
.seven-col{
    /*width: 58.333%;*/
	width: 790px;
    display:inline-block;
    position:relative;
}
.eight-col{
    width: 66.666%;
    max-width: 950px;
    display:inline-block;
    position:relative;
}
.nine-col{
    width: 75%;
    display:inline-block;
    position:relative;
}
.ten-col{
    width: 83.333%;
    display:inline-block;
    position:relative;
}
.eleven-col{
    width: 91.666%;
    display:inline-block;
    position:relative;
}
.twelve-col{
    width: 100%;
    display:inline-block;
    position:relative;
}
a:hover{
    color: ‎#00bfff	;
    text-decoration: none;
}
.tiles-container {
    width: 100%;
    max-width: 1000px;        
    display:inline-block;
    position:relative;   
}
.narrow-body-container {
    width: 100%;
    max-width: 800px;       
    display: block;
    position:relative;
    text-align:left;
    float: none;
    padding: 20px 25px;
    margin: 0 auto;
}        
.text-center{
    text-align: center;
}        
.pac-container::after {
   display: none;
}
.keep-in-touch-container .ten-col {
   width: 100%;
   display: block;
   /*display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;*/
   padding: 25px;
}
.hide-item {
	display: none;            
}
.space-top-container{
	padding-top:60px;
}
 
/*According design for tablet portrait view tiles content was not gettong fix for 600-650px. So changed view bellow 768*/        

@media only screen and (min-width: 600px) and (max-width: 1199px) {
    .space-top-container {
    	padding-top: 40px;
	 }
}
        
        
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.tiles-container {
     	width: 666.6px;
     }
            

}
@media only screen and (min-width: 600px) and (max-width: 768px) {
	.tiles-container {
     	width: 600px;
     }
    .card-spacing{
        padding: 11px;
     }
     .location-section .location-card-title {
     	font-size: 33px;           
     }
}        
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.tiles-container {
     	width: 100%;
     }
     .black-footer > .eight-col {
        width: 50.666%;
     }
            
}        
@media only screen and (max-width: 599px) {
	.keep-in-touch-container .ten-col {
     	height: 510px;           
     }
     .space-top-container {
    	padding-top: 40px;
	 }
     .seven-col{
        max-width: 100%;
    }       
}