body{
    margin:0;
    padding: 0px;
    font-size: 16px;
    background-color: #fff;
    color: #222;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

a:link {
	color: #3d6ea1;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3d6ea1;
}
a:hover {
text-decoration: none;
	color: #3d6ea1;
}
a:active {
	text-decoration: none;
	color: #3d6ea1;
}

#reverseTitle{border-radius: 10px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; background-color:#000; color: #fff;}

p{
  color: #333;
    display: block;
  margin: 0px;
  padding: 0px;
  line-height: 2em;
  font: 400 16px/1.3'Montserrat', sans-serif;
}

#lighterPar{
 font-weight: 400;
}

#bolderPar{
 font-weight: 600;
}

.card-header{
  background-color: #fff;  
}

#txtLeft{
  text-align: left;  
}

#txtLeftSpace{
  text-align: left;
  padding-bottom: 20px;
}


#txtCenter{
  text-align: center;  
}
#txtCenter{
  text-align: center;  
  margin: 5px;
}

#txtCenterSpace{
  color:#3d6ea1;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 16px;
}

#txtCenterSpace2{
  color:#333;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 16px;
}

#redTxt{
  color: #cc0000; 
  margin: 0px;
  padding: 0px;
  line-height: 1.9em;
  font: 600 16px/1.3'Montserrat', sans-serif;
}

#ital{
  color: #333;
  margin: 0px;
  padding: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  letter-spacing: 1px;
  font: 700 17px/1.3 'Montserrat', sans-serif;
  font-style: italic
}

#ital2{
  color: #ccc;
  margin: 0px;
  padding: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  letter-spacing: 1px;
  font: 700 19px/1.3 'Montserrat', sans-serif;
  font-style: italic
}

h1 {
  color: #333;
  margin: 0;
  margin-bottom: 10px;
  font: 700 20px/1.3 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(198, 198, 198, 0.2)
}
h2 {
  color: #333;
  margin: 0;
  margin-bottom: 10px;
  font: 700 22px/1.3 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(99, 99, 99, 0.2)
}

h3 {
  color: #cccbcb; 
  margin: 0px;
  padding: 0px;
  letter-spacing: 2px;
  font: 700 21px/1.3 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(180, 180, 180, 0.2)
}

h4 {
  color: #cccbcb; 
  margin: 0;
  padding-top: 10px;
  font: 600 20px/1.3 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(208, 208, 208, 0.2)
}

h5 {
  color: #3d6ea1;
   margin: 0;
   text-align:center;
   padding-top: 10px;
   font: 600 18px/1.3 'Montserrat', sans-serif;
   text-shadow: 1px 1px 2px rgba(178, 178, 178, 0.2)
}

h6 {
 color: #3d6ea1;           
  margin: 0;
  margin-top: 10px;
  font: 500 17px/1.3 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(188, 188, 188, 0.2)
}

#bolder{font-weight: 700;color: #3d6ea1;}

#bluHeader1 {
  color: #3d6ea1;
   margin: 0;
   padding-top: 10px;
   font: 600 18px/1.3 'Montserrat', sans-serif;
   text-shadow: 1px 1px 2px rgba(178, 178, 178, 0.2)
}

#bluHeader2 {
  color: #3d6ea1;          
  margin: 0;
  margin-top: 10px;
  font: 600 17px/1.3 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(188, 188, 188, 0.2)
}
#greyTitle{
   color: #cccbcb; 
     margin: 0;
    padding-top: 15px;
    margin-bottom: 10px;
    font: 700 21px/1.3 'Montserrat', sans-serif;
    text-shadow: 1px 1px 2px rgba(199, 199, 199, 0.2)
}
#greyTitleCenter{
    text-align: center;
   color: #cccbcb; 
     margin: 0;
    padding-top: 15px;
    margin-bottom: 10px;
    font: 700 21px/1.3 'Montserrat', sans-serif;
    text-shadow: 1px 1px 2px rgba(199, 199, 199, 0.2)
}

#myListBdr{border: solid 1px #fff;}

#intro{
			color: #000;
			letter-spacing: 1px;
			font: 700 22px/1.3 'Montserrat', sans-serif;
            text-shadow: 1px 1px 2px rgba(99, 99, 99, 0.2);
			background-color: none;
            border: none;
			padding: 10px 25px 17px 25px;
		}
     #introducing {
		 display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
#spacerSmall{height: 7px;width: 200px}

#homeSlides{
	max-width: 90%;
}

#homeLogos{
	max-width: 90%;
}

 #fullSpace{
		padding: 0px;
		width: 100%;
	}
.overlayImage {
  position: relative;
  text-align: center;
  color: white;
  padding-top:5px;
}

.overlayTitle {
	position:absolute;
	text-align: center;
	top: 40px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	color: #FFF;
	z-index:5;
	font: 700 21px/1.3 'Montserrat', sans-serif;
    text-shadow: 1px 1px 2px rgba(180, 180, 180, 0.2)
}
.overlayBox {
	position:absolute;
	text-align: center;
	background-color: none;
	border: none;
	color: #FFF;
	z-index:5;
	font: 700 21px/1.3 'Montserrat', sans-serif;
    text-shadow: 1px 1px 2px rgba(180, 180, 180, 0.5)
}

.overlayBox{
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
}

.overlayBox {
		top: 70px;
}


#txtRight{
	text-align:right;
}

  #reducedContainer{max-width: 900px}
   
  #smallContainer{max-width: 700px}
  
   #reducedContainer2{max-width: 60%}
/*----Show Hide--------------*/

div.myFormPanel{
	margin: 0px;
	padding: 5px;
	text-align: center;

}

p.myFormTrigger{
    color: #ccff66;
} 

div.myFormPanel {
	width: 100%;
	height: auto;
	display: none;
}

/*----Show Hide--------------*/

#myBtn {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 20px;
    background-color: #555;
    color: #9ec6ea;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
	 border-radius: 7px;
	 z-index: 99999999999999;
}

#myBtn:hover {
  background-color: #9ec6ea;
  color: #555;
}



#logoTopMobile{
 height: auto;
   width: 240px;
   display: block;
}


#logoTop{
 height: auto;
   width: 240px;
    display: none;
}

#logoTopMobile{
  display: block;
  margin-left: auto;
  margin-right: auto;

}

#logoTop{
   position: fixed;
    border-bottom: solid 1px #b1d1f7;
    border-right: solid 1px #b1d1f7;
    border-left: solid 1px #b1d1f7;
    z-index: 9999999999px;
    background-color: #fff;
    left: 20px; 
    top: 0px;
}

#p7PM3_1{
   padding-left: 280px; 
    padding-right; 40px;
    
}


#topImgSpace{
    padding-top: 0px;
}

#myBtnDownload{
  background-color: #000; 
  border: solid 1px #000;
  color: #fff; 
  padding-left: 35px;
  padding-right: 35px;
  font-weight: bold;
}

#myBtnDownload:hover{
background-color: #666; 
 color: #fff; 
  border: solid 1px #333;
}
    
#myBtnDownload:active{
  background-color: #379fdc; 
   color: #fff;
   border: solid 1px #0000;
    }
	
#awf-form{margin-top: 35px;
}

#myBtnClose{
  position: absolute;
  right: 5px;
  margin-top: 4px;
  margin-right: 13px;
  background-color: #fff; 
  border: solid 1px #379fdc;
  color: #379fdc; 
}

#myBtnClose:hover{
background-color: #379fdc; 
 color: #fff; 
  border: solid 1px #1f6eb0;
}
    
#myBtnClose:active{
  background-color: #379fdc; 
   color: #fff;
   border: solid 1px #1f6eb0;
    }	
	
#firstContent{
  padding-top: 20px;   
}

#spaceAbove{
  padding-top: 10px;  
}

#spacer{
    width: 300px;
    height: 20px;
}

#spacer2{
    width: 300px;
    height: 9px;
}

#spaceBelow{
  padding-bottom: 10px; 
}

#txtPadSpace{
 text-align: left;
 padding-top: 10px;
}

#txtPadSpaceBottom{
 text-align: left;
 padding-top: 10px;
 padding-bottom: 10px;
}

#legalMenuArea{
   padding-bottom: 12px;
text-align: center; 
}
#apartMenuArea{
   padding-top: 12px;
   padding-bottom: 12px;
text-align: center; 
}

#legalMenu{
   text-align: center; 
}
#salesArea{
   text-align: center; 
    padding-top: 15px;
}

#footerArea{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
    
}
#footerLeft{
   text-align: center;
    
}
#footerRight{
  text-align: center;
    
}

#footerMenuArea{
  padding-top: 14px;
  padding-bottom: 12px;
  text-align: center; 
}

#footerMenu{
  text-align: center;  
}

#copyrightArea{
  padding: 12px 0px;  
}

#copyright{
  text-align: center; font-size: 0.85em;  color: #444; 
}
#mainMenuContainer{padding: 0px; margin: 0px;}

#mainMenu{
   border-bottom: solid 1px #b1d1f7;
    padding-bottom: 0px;
    padding-top: 0px;
    
}

#centerMyText{padding-top:20px;padding-bottom: 10px;text-align: center;}

#dbar{
    color: #79b3e1; font-weight: 700; padding-left: 3px; padding-right: 3px;
}

.card{
    border: solid 1px #fff;
}

#leftCol{
    width: 20px; height: 28px; vertical-align: text-top;
}

#midCol{
    width: 80px;height: 28px;vertical-align: text-top;  color: #1f6eb0; font-weight: 600;
}

#rightCol{
    width: 300px;height: 28px;vertical-align: text-top;
}
#fullContainer3{padding-left: 0px; padding-right: 0px; border-top: solid 1px #ffffff; }

#fullContainer{padding-left: 0px; padding-right: 0px; border-bottom: solid 1px #ffffff; }

#fullContainer2{margin: 0px; padding-left: 0px; padding-right: 0px; }

#wideStripe{
  padding-top: 8px;
  border-bottom: solid 1px #ffffff;  
}
#wideStripe2{
  padding-top: 0px;
  border-top: solid 1px #ffffff;  
}
#stripBelow{ border-bottom: solid 1px #ffffff;  }

#linker3{
  z-index: 6000;
  color: #222;
  text-decoration:none;
  text-shadow: 1px 1px 2px rgba(198, 198, 198, 0.2);
  -o-transition:color 1s ease-out, background 2s ease-in;
  -ms-transition:color 1s ease-out, background 2s ease-in;
  -moz-transition:color 1s ease-out, background 2s ease-in;
  -webkit-transition:color 1s ease-out, background 2s ease-in;
  cursor: pointer
}

/*---------------OWL----------------------*/
 #cur-proj .item{
        margin: 3px;
		background-color: #333;
		padding: 5px;
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}

#cur_proj-demo .item img{
        display: block;
        width: 100%;
        height: auto;
}
 
#projPic{	
         opacity: 1;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
}

#projInfo{
         color: #fff;
		 text-align: center;
		 padding-top: 8px;
		 padding-bottom: 9px;
         background-color: #333;
		 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
}


#projPic:hover{opacity: 0.5}
#projPic:active{opacity: 0.5}



/* ------------Modals---------- */

shown.bs.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/* ------------Tooltips---------- */

.tooltip {
    left: 10px;
    top: 10px;
}

/* -------------/Tooltips---------- */

#linker3:hover {background-color: #fff; color:#79b3e1;text-decoration:none;}
#linker3:active {background-color: #fff; color: #79b3e1;text-decoration:none;}
#linker3 a{background-color: #fff; text-decoration:none;}
#linker3 a:hover{background-color: #fff; text-decoration:none;}
#linker3 a:active{background-color:#fff; text-decoration:none;}
#linker3 a:selected{background-color: #fff; text-decoration:none;}

#mapOutline{
   border: solid 1px #379fdc;  
    
}

#phone{
   color:  #379fdc; 
   padding-left: 6px;
   padding-right: 6px; 
   font-size: 1.3em;
}

#mobile{
    color:  #379fdc;
    padding-left: 6px;
    padding-right: 6px;
}

#user{
   color:  #379fdc; 
   padding-left: 6px;
   padding-right: 6px; 
}

#address{
   color:  #379fdc; 
   padding-left: 6px;
   padding-right: 6px; 
}

#email{
   color:  #379fdc; 
   padding-left: 6px;
   padding-right: 6px; 
}

#gps{
   color:  #379fdc; 
   padding-left: 6px;
   padding-right: 6px; 
}


#skyelogo{
  max-width: 300px;
  padding-top: 13px;
  padding-bottom: 10px;
}
#teamlogo{ 
  max-width: 300px
   } 

#teamlogo2{ 
  padding-top: 15px;
  max-width: 300px;
   }
#leftLogo{ 
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 300px;
   }
#rightLogo{ 
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 300px;
   }

 #footerStripe{
     border-bottom: solid 1px #ffffff;
}

.footerBottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999999999;
  background-color: #ecf3fc;
  border-top: solid 1px #b1d1f7;
  text-align: center;
 
}

/* ------------- Team ---------- */

.teamblock{
    padding: 12px 0px;
    margin: 10px 0px;
}

.teamblock-part{
    border: solid 1px #fff;
    border-radius:0;
    padding:30px 10px;
    margin:10px 0px;
}

.signupContainer {
visibility: hidden;
  position: fixed;
  left: 50%;
  padding: 10px;
  z-index: 10000;
  background-color: #f7fafe;
  border: solid 1px #b1d1f7;
}

#Spacer{padding: 20px 0px}
.team-text{margin-bottom: 15px;}

#lrnMore{font-weight: 600;letter-spacing: 1px;}

#myTagBtn1{
background-color: #a483bc; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn1:hover{
    opacity: 0.7;
}

#myTagBtn2{
background-color: #417db9; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn2:hover{
    opacity: 0.7;
}

#myTagBtn3{
background-color: #ebb26f; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn3:hover{
    opacity: 0.7;
}

#myTagBtn4{
background-color: #70869d; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn4:hover{
    opacity: 0.7;
}

#myTagBtn5{
background-color: #3eacc7; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn5:hover{
    opacity: 0.7;
}

#myTagBtn6{
background-color: #8cc419; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn6:hover{
    opacity: 0.7;
}

#myTagBtn7{
background-color: #000; 
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin-bottom: 8px;
}
#myTagBtn7:hover{
    opacity: 0.7;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#rightLogo{ 
  margin-left: auto;
 margin-right: auto;
  display: block;
  }
    
#leftLogo{ 
 margin-left: auto;
 margin-right: auto;
  display: block;

  }

#fourPicsContainer{
    padding-top: 20px;
}

#fourPics{
    text-align: center;
    padding: 5px;
    margin: 0px;
    line-height: 90%;

}

#fourPicsImg{padding-bottom: 6px;}

#imgCaption{text-align: center; font-size: 0.85em; font-weight: 500;}

#lifestyleArea1{padding: 0px;}

#imgContentArea{padding: 0px;}
#imgContent{padding: 0px;}

/* ------  Column Control------------- */

* {
box-sizing: border-box;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

.content {
  height: 100%;
  padding: 0px 0px 0px;
  color: #fff;
}

.flLevel1 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel2 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel3 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel4 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel5 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel6 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel7 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.flLevel8 img{
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;   
}

.apartCol1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.apartCol2 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.apartCol3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.apartCol4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.apartCol5 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.apartCol6 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}


.contCol1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.contCol2 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.contCol3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.contCol4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.rrrCol1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.rrrCol2 img {
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.rrrCol3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.rrrCol4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.hotelCol1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.hotelCol2 img {
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.hotelCol3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.hotelCol4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.driveCol1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.driveCol2 img {
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.driveCol3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.driveCol4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.driveCol5 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
.driveCol6 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.driveCol7 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.driveCol8 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.relaxCol1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.relaxCol2 img {
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.relaxCol3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.relaxCol4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.relaxCol5 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.column1 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.column2 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.column3 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.column4 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}
        
.column5 img {
  margin-top: 5px;
  vertical-align: middle;
  width: 100%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#centerTxt {
 text-align: center;
}

#loveLife{padding-top: 20px; max-width: 280px}
#lifeStyle{padding-top: 20px; max-width: 350px}


#footerSpace{
	padding: 30px 0px
}

#footerSpace2{
	padding: 44px 0px
}
.signupContainer {
	  width: 500px;
	  height: 216px;
	 margin-left: -250px;
	 bottom: 118px;
}

/* --------------Listings--------------------------- */
ul {
  list-style-type: none;
  padding: 0px;
}

#listSubItems ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#listSubItems li {
  float: left;
}

#listSubItems li a {
  color: #333;
  display: block;
  text-align: center;
  padding-right: 6px;
  padding-bottom: 8px;
  text-decoration: none;
}
#listSubItems li a:hover{
  color: #333;
  display: block;
  text-align: center;
  padding-right: 6px;
  padding-bottom: 8px;
  text-decoration: none;
}

a {
    text-decoration: none!important;
}

.list-inline>li {
    padding: 0 10px 0 0;
}
.container-pad {
    padding:0px 0px;
	
}
#listingImage{
margin: 10px;


opacity: 0.8;
}
#listingImage:hover{
opacity: 1;
}

.bgc-fff {
    background-color: #fff!important;
}
.box-shad {
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.brdr {
    border: 1px solid #ededed;
}

.fnt-smaller {
    font-size: .9em;
}
.listingBtn{
		    padding-left: 15px;
			padding-right: 15px;
            border-radius: 8px;
			margin-top: 6px;
			margin-bottom: 10px;
		   background-color: #f7fafe;
            border: solid 1px #b1d1f7;
			color: #379fdc;
          
}
.listingBtn:hover{
             background-color: #379fdc;
            border: solid 1px #b1d1f7;
			color: #fff;

          
}
#listBox{
margin-bottom: 20px;
border: solid 1px #ddd;
}
.pad-10 {
    padding: 5px !important;
}
.mrg-0 {
    margin: 0!important;
}

#listSubItems{
 color: #000;
}
.media-heading{
 margin-top: 0px;
 padding-top: 4px;
}

@media only screen and (max-width: 991px) {
    #property-listings .property-listing {
        padding: 5px!important;
    }
    #property-listings .property-listing a {
        margin: 0;
    }
    #property-listings .property-listing .media-body {
        padding: 10px;
    }
}

@media only screen and (min-width: 992px) {
    #property-listings .property-listing img {
        max-width: 194px;
    }
}




/* ------------- Media Queries ---------- */


@media (min-width: 576px) { 
 
/* ------  Column Control------------- */  

.overlayBox{
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
}

.overlayBox {
		top: 100px;
}


#footerSpace{
	padding: 30px 0px
}

#footerSpace2{
	padding: 44px 0px
}

.signupContainer {
	  width:540px;
	  height: 236px;
	 margin-left: -270px;
	 bottom: 118px;
}


#salesArea{
   text-align: center; 
    padding-top: 15px;
}


#p7PM3_1{
   padding-left: 280px; 
    padding-right; 40px;
    
}       
    
#logoTopMobile{
 height: auto;
   width: 240px;
   display: block;
}

#logoTop{
 height: auto;
   width: 240px;
    display: none;
}

#logoTopMobile{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

    
 .flLevel1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}

.flLevel2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
    
.flLevel3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
    
.flLevel4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
    
.flLevel5 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
    
.flLevel6 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
    
.flLevel7 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
    
.flLevel8 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;  
}
       
.apartCol1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
      
.apartCol2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
      
.apartCol3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
      
.apartCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
      
.apartCol5 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
      
.apartCol6 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
 
.contCol1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
    
.contCol2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
    
.contCol3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
    
.contCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 

.rrrCol1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
   
.rrrCol2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  
.rrrCol3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.rrrCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }    
   
.hotelCol1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
   
.hotelCol2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  
.hotelCol3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.hotelCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }    
   .driveCol1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
   .driveCol2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .driveCol3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.driveCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.driveCol5 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 
    
  .driveCol6 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.driveCol7 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.driveCol8 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  } 

.relaxCol1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
   .relaxCol2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .relaxCol3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.relaxCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.relaxCol5 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }     
  
#centerTxt {
 text-align: center;
}
.column1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
   .column2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .column3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .column4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
    .column5 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }  

#loveLife{padding-top: 20px; max-width: 380px}

#lifeStyle{padding-top: 20px; max-width: 300px}
    
    
#skyelogo{ 
  max-width: 300px
   } 
    
#teamlogo{ 
  max-width: 300px
   }
#rightLogo{ 
  margin-left: auto;
 margin-right: auto;
  display: block;
  }
    
#leftLogo{ 
 margin-left: auto;
 margin-right: auto;
  display: block;

  }
    
}

@media (max-width: 700px){

 #reducedContainer3{max-width: 60%}
	
.overlayBox {
		top: 110px;
}
	
#salesArea{
   text-align: center; 
    padding-top: 15px;
}
    
#logoTopMobile{
 height: auto;
   width: 240px;
   display: none;
    
}

#logoTop{
 height: auto;
   width: 240px;
    display: none;
}

#logoTopMobile{
  display: block;
  margin-left: auto;
  margin-right: auto;

 }   
}

@media (min-width: 700px){
	
 #reducedContainer3{max-width: 60%}
   
.signupContainer {
	  width: 620px;
	  height: 216px;
	 margin-left: -310px;
	 bottom: 118px;
}
   
#logoTopMobile{
 height: auto;
   width: 240px;
   display: none;
   
}

#logoTop{
 height: auto;
   width: 200px;
    display: inline-block;
}

#p7PM3_1{
   padding-left: 240px; 
    padding-right; 25px;
    
}

#logoTopMobile{
  display: none;
  margin-left: auto;
  margin-right: auto;

 }   
}


@media (min-width: 768px) { 

/* ------  Column Control------------- */

#reducedContainer3{max-width: 60%}

.overlayTitle{ 
   left: 50%;
   width: 500px;
   margin-left: -250px;
}

.overlayBox{
  left: 50%;
  width: 600px;
  height: 150px;
  margin-left: -300px;
}

.overlayBox {
		top: 130px;
}


#footerSpace{
	padding: 30px 0px
}

#footerSpace2{
	padding: 44px 0px
}

.signupContainer {
	  width: 700px;
	  height: 216px;
	 margin-left: -350px;
	 bottom: 118px;
}

#salesArea{
   text-align: center; 
    padding-top: 15px;
	color: #6aaedf;
}

#p7PM3_1{
   padding-left: 280px; 
    padding-right; 40px;
    
}
       
#logoTopMobile{
  display: none;
 }
    
#logoTop{
 height: auto;
   width: 240px;
   display: inline-block;
}    
    
.flLevel1 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel2 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel4 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
   
.flLevel5 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}

.flLevel6 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}

.flLevel7 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel8 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}   
    
.apartCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }

.apartCol2 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }

.apartCol3 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.apartCol4 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
    
.apartCol5 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.apartCol6 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }    
    
.contCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
.contCol2 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  } 
    
.contCol3 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  } 
    
.contCol4 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  } 
     
.hotelCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .hotelCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .hotelCol3 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .hotelCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }   
  .driveCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .driveCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .driveCol3 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .driveCol4 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
 .driveCol5 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .driveCol6 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
 .driveCol7 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
 .driveCol8 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  } 

  .relaxCol1 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
  .relaxCol2 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    }
 .relaxCol3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
 .relaxCol4 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
 .relaxCol5 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  } 
  
 .column1 {
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75%;
  }
  .column2 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    }
  .column3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
 .column4 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
 .column5 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }  
    
#loveLife{padding-top: 20px; max-width: 300px}

#lifeStyle{padding-top: 20px; max-width: 200px}
    
#skyelogo{ 
  max-width: 300px
   } 
    
#teamlogo{ 
  max-width: 300px
   } 
#rightLogo{ 
  margin-left: auto;
 margin-right: auto;
  display: block;
  }
    
#leftLogo{ 
 margin-left: auto;
 margin-right: auto;
  display: block;

  }
}

@media (min-width: 992px) { 

/* ------  Column Control------------- */

#reducedContainer3{max-width: 60%}

.overlayTitle{ 
   left: 50%;
   width: 500px;
   margin-left: -250px;
}

.overlayBox{
  left: 50%;
  width: 600px;
  height: 150px;
  margin-left: -300px;

}

.overlayBox {
		top: 160px;
}


#footerSpace{
	padding: 24px 0px
}

#footerSpace2{
	padding: 30px 0px
}

.signupContainer {
	  width: 700px;
	  height: 216px;
	 margin-left: -350px;
	 bottom: 90px;
}

#salesArea{
   text-align: center; 
    padding-top: 15px;
}


#p7PM3_1{
   padding-left: 280px; 
    padding-right; 40px;
    
}
    
    
#logoTopMobile{
  display: none;
 }
      
#logoTop{
 height: auto;
   width: 240px;
}

.flLevel1 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel2 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel4 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
   
.flLevel5 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}

.flLevel6 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}

.flLevel7 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel8 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.apartCol1 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
    
.apartCol2 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.apartCol3 {
    -ms-flex: 50%;
    flex:50%;
    max-width: 50%;
  }
    
.apartCol4 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
    
.apartCol5 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.apartCol6 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
    
    
.contCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
    
.contCol2 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.contCol3 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  } 
    
.contCol4 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
    
.hotelCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .hotelCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .hotelCol3 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .hotelCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }    
    
.driveCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .driveCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .driveCol3 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .driveCol4 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
 .driveCol5 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  } 
 .driveCol6 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .driveCol7 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .driveCol8 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }  
       
 .relaxCol1 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
  .relaxCol2 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    }
 .relaxCol3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
 .relaxCol4 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
 .relaxCol5 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }  
  
 .column1 {
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75%;
  }
  .column2 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    }
  .column3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
 .column4 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
 .column5 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }  

#loveLife{padding-top: 20px; max-width: 300px}

#lifeStyle{padding-top: 20px; max-width: 250px}
    
#skyelogo{ 
  max-width: 300px
   } 
    
#teamlogo{ 
  max-width: 300px
   }
}

@media (min-width: 1200px) { 

/* ------  Column Control------------- */

#reducedContainer3{max-width: 55%}

.overlayTitle{ 
   left: 50%;
   width: 600px;
   margin-left: -300px;
}

.overlayBox{
  left: 50%;
  width: 600px;
  height: 150px;
  margin-left: -300px;
}

.overlayBox {
		top: 180px;
}


#footerSpace{
	padding: 20px 0px
}
#footerSpace2{
	padding: 28px 0px
}

.signupContainer {
	  width: 700px;
	  height: 216px;
	 margin-left: -350px;
	 bottom: 90px;
}

#salesArea{
   text-align: center; 
    padding-top: 15px;
}


#p7PM3_1{
   padding-left: 280px; 
    padding-right; 40px;
    
}
        
#logoTopMobile{
  display: none;
 }
    
#logoTop{
 height: auto;
   width: 240px;
    display: inline-block;
}
    
    
.flLevel1 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel2 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel4 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
   
.flLevel5 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}

.flLevel6 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}

.flLevel7 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}
    
.flLevel8 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;  
}    
   
.apartCol1 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
    
.apartCol2 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.apartCol3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
    
.apartCol4 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
    
.apartCol5 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.apartCol6 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
    
    
.contCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
    
.contCol2 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
    
.contCol3 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  } 
    
.contCol4 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }

.rrrCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .rrrCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .rrrCol3 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .rrrCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }    

.hotelCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .hotelCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .hotelCol3 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
 .hotelCol4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }    
    
   .driveCol1 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
  .driveCol2 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
    }
 .driveCol13 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
.driveCol4 {
    -ms-flex: 66%;
    flex: 66%;
    max-width: 66%;
  }
.driveCol5 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  } 
 .driveCol16 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
.driveCol7 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }
.driveCol8 {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }  

  .relaxCol1 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
  .relaxCol2 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    }
 .relaxCol13 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
.relaxCol4 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
.relaxCol5 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
  
 .column1 {
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75%;
  }
  .column2 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    }
  .column3 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
 .column4 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
 .column5 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
    
#loveLife{padding-top: 20px; max-width: 350px}

#lifeStyle{padding-top: 20px; max-width: 350px}
 
#pierPic{max-height: 887px;}
    
#surfer1{max-height: 887px; }
    
#skyelogo{ 
  max-width: 300px
    }
	
#skyelogo2{ 
 margin-top:13px;
  max-width: 300px;
  margin-right: 50px;
    }
	
#snglogo{ 
  max-width: 300px
    }
    
#teamlogo{ 
  max-width: 300px
   }    
}