@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,700,800,600,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic);
body { 
margin:0px;
padding:	0px;
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
}
.clear {
clear: both;
}

/*======================== TOP BAR ========================*/
/*======================== TOP BAR ========================*/
/*======================== TOP BAR ========================*/
.topBar {
margin:0;
padding:15px 0px;
width:100%;
background-color:#fff;
}
.headCon{
max-width:1170px;
margin:auto;
}
.logo {
padding:0;
float:left;
width:248px;
height:110px;
margin:0px 0px 0px 15px;
}
.logo a {
padding:0;
width:248px;
height:110px;
display:block;
overflow:hidden;
position:relative;
text-indent:-9999px;
}
.logo a {
width:248px;
height:110px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(/images/Condo_World-Myrtle-Beach-Area.jpg); /*Condo_world.jpg*/
}
.logo.home a { background:url(/condo/images/Condo_World-Logo.png); }
.logo.blog a { background:url(/condo/images/Condo_World-Logo.png); }
.logo.destin a { background-image:url(/condo/images/Condo_World-Destin.jpg); }
.logo.gatlinburg a { background-image:url(/condo/images/Condo_World-Gatlinburg.jpg); }
.logo.gulfshores a { background-image:url(/condo/images/Condo_World-Gulf-Shores.jpg); }
.logo.hiltonhead a { background-image:url(/condo/images/Condo_World-Hilton-Head.jpg); }
.logo.orlando a { background-image:url(/condo/images/Condo_World-Orlando.jpg); }
.logo.panama a { background-image:url(/condo/images/Condo_World-Panama.jpg); }
.logo.pigeonforge a { background-image:url(/condo/images/Condo_World-Pigeon-Forge.jpg); }
.logo.southwalton a { background-image:url(/condo/images/Condo_World-South-Walton.jpg); }
.logo.smokymtn a { background-image:url(/Condo/images/Condo_World-Cabin-Collection.jpg); }
.webp .logo a { background-image:url(/images/webp/Condo_World-Myrtle-Beach-Area.webp); }
.webp .logo.home a { background:url(/images/webp/Condo_World-Logo.webp); }
.webp .logo.blog a { background:url(/images/webp/Condo_World-Logo.webp); }
.webp .logo.destin a { background-image:url(/images/webp/Condo_World-Destin.webp); }
.webp .logo.gatlinburg a { background-image:url(/images/webp/Condo_World-Gatlinburg.webp); }
.webp .logo.gulfshores a { background-image:url(/images/webp/Condo_World-Gulf-Shores.webp); }
.webp .logo.hiltonhead a { background-image:url(/images/webp/Condo_World-Hilton-Head.webp); }
.webp .logo.orlando a { background-image:url(/images/webp/Condo_World-Orlando.webp); }
.webp .logo.panama a { background-image:url(/images/webp/Condo_World-Panama.webp); }
.webp .logo.pigeonforge a { background-image:url(/images/webp/Condo_World-Pigeon-Forge.webp); }
.webp .logo.southwalton a { background-image:url(/images/webp/Condo_World-South-Walton.webp); }
.webp .logo.smokymtn a { background-image:url(/images/webp/Condo_World-Cabin-Collection.webp); }
.logo a:hover,
.logo a:focus {
opacity:0.7;
}
.headBox {
margin:0;
padding:0;
height:35px;
width:650px;
float:right;
margin:20px 15px 0px 0px;
}
.headBox.temp {
margin: 30px 15px 0 0;
padding: 0;
height: auto;
width: auto;
float: right;
}
.sexybutton {
margin:0;
padding:0;
float:right;
text-align:center;
}
.sexybutton a {
margin:0;
color:#fff;
display:block;
font-size:12px;
font-weight:300;
padding:10px 15px;
text-align:center;
letter-spacing:1px;
text-decoration:none;
background-color:#d86000;
text-transform:uppercase;
transition:background-color .6s ease-in-out;
-o-transition:background-color .6s ease-in-out;
-moz-transition:background-color .6s ease-in-out;
-webkit-transition:background-color .6s ease-in-out;
}
.sexybutton a:hover {
color:#fff;
background-color:#295b74;
}
.connect #blue {
color:#3b96d7;
}
.connect {
padding:0;
color:#555;
float:left;
font-size:16px;
margin-top:10px;
text-align:right;
line-height:14px;
letter-spacing:.2em;
font-family:'Roboto', sans-serif;
}
.connect a {
color:#555;
text-decoration:none;
}
a.connectNum[href^=tel] {
    color: #3b96d7;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    letter-spacing: normal;
}
.showhide .headBox {
margin:0;
padding:0;
height:35px;
width:80%;
float:right;
}
.showhide .connect {
padding:0;
color:#fff;
font-size:14px;
margin-top:22px;
text-align:center;
line-height:14px;
letter-spacing:.2em;
font-family:'Roboto', sans-serif;
}
.showhide .connect a {
padding:0;
color:#fff;
text-decoration:none;
}
.showhide .sexybutton {
margin:12px;
padding:0;
text-align:center;
width:150px;
}
.showhide .sexybutton a {
margin:0;
color:#3b96d7;
display:block;
font-size:12px;
font-weight:300;
padding:10px 5px !important;
text-align:center;
letter-spacing:1px;
text-decoration:none;
background-color:#fff;
text-transform:uppercase;
transition:background-color .6s ease-in-out;
-o-transition:background-color .6s ease-in-out;
-moz-transition:background-color .6s ease-in-out;
-webkit-transition:background-color .6s ease-in-out;
}
.showhide .sexybutton a:hover {
color:#fff;
background-color:#295b74;
}
/*======================== TOP BAR ========================*/
/*======================== TOP BAR ========================*/
/*======================== TOP BAR ========================*/


/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/
.navBar {
margin:0;
padding:0;
background-color:#295b74;
}

.ta-logo-container { float: right; display: none; margin: -6px 0; max-width: 112px; text-align: center; }
.ta-logo-container img { width: 112px; max-width: 100%; height: 98px; max-height: 100%; }
.ta-logo-container a { color: #3b96d7; font-size: 12px; line-height: normal; text-decoration: underline; }
.header-button { float: none; /*margin-top: 10px;*/ padding: 0; text-align: right; line-height: normal; letter-spacing: normal; font-family: 'Roboto', sans-serif; }
.book-button { display:inline-block; padding: 9px 20px; color: #fff; background-color: #fa8072; border: none; font-size: 14px; font-weight: 700; position: relative; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.book-button:hover,
.book-button:focus { color: #fff; background-color: #e0494e; }
@media (min-width: 860px) {
    .ta-logo-container { display: none; }
}
/*======================== RESPONSIVE STYLES ========================*/
/*======================== RESPONSIVE STYLES ========================*/
/*======================== RESPONSIVE STYLES ========================*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Desktops & Laptops */
@media only screen and (max-width : 979px) {
    .logo.home { width: 290px; }
    .logo.home a { width: 290px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 786px) {
#hideAll {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}	
.topBar{
display: none;
padding: 3px 0 0 0;
background-color:#295b74;
border-bottom:1px solid #fff;
}
.logo {
padding:0;
float:none;
width:248px;
/*height:78px;*/
margin:0px auto 0px;
}
.logo a {
width:248px;
height:55px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/Mobile_Header_LOGOWHITE2.png);
background-repeat: no-repeat;
background-position: center;
margin-bottom: 5px;
}
.headBox {
margin:0;
padding:0;
height:76px;
width:300px;
float:right;
margin:0px 15px 0px 0px;
}
.showhide .home-link {
width: 195px;
height: 60px;
float: left;
}
.showhide .connect {
padding:0;
color:#295b74;
float:none;
font-size:14px;
margin-top:15px;
text-align:center;
/*border-left: 1px solid #e0e0e0;*/
/*border-right: 1px solid #e0e0e0;*/
}
.showhide .connect span {
font-size:13px;
letter-spacing:normal;
text-transform:uppercase;
color: #fff;
}
.showhide .connect a{
padding:0;
color:#295b74;
float:none;
font-size:16px;
line-height: 20px;
/*margin-top:20px;*/
text-align:center;
}
.showhide .sexybutton {
margin:12px;
padding:0;
text-align:center;
width:120px;
}
.showhide .sexybutton a {
margin:0;
color:#fff;
display:block;
font-size:12px;
font-weight:300;
padding:10px 5px !important;
text-align:center;
letter-spacing:1px;
text-decoration:none;
background-color:#d86000;
text-transform:uppercase;
transition:background-color .6s ease-in-out;
-o-transition:background-color .6s ease-in-out;
-moz-transition:background-color .6s ease-in-out;
-webkit-transition:background-color .6s ease-in-out;
}
.showhide .sexybutton a:hover {
color:#fff;
background-color:#295b74;
}
.menubutton {
margin-bottom:20px;
padding:0;
float:left;
text-align:center;
background-color:#d86000  !important;
}
.showhide .menubutton a {
margin:0;
color:#fff!important;
display:block;
font-size:12px;
font-weight:300;
padding:8px 10px;
text-align:center;
letter-spacing:1px;
text-decoration:none;
background-color:#d86000  !important;
text-transform:uppercase;
transition:background-color .6s ease-in-out !important;
-o-transition:background-color .6s ease-in-out !important;
-moz-transition:background-color .6s ease-in-out !important;
-webkit-transition:background-color .6s ease-in-out !important;
}
.showhide .menubutton a:hover {
color:#295b74  !important;
background-color:#fff !important;
opacity:1;
}
.connect #blue {
color:#f3f3f3;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
#hideAll {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}

.showhide .connect a{
padding:0;
color:#295b74;
font-size:14px;
/*margin-top:30px;*/
text-align:center;
line-height:18px;
letter-spacing:0em;
font-family:'Roboto', sans-serif;
}
}

@media only screen and (max-width: 400px) {
.showhide .home-link {
width: 150px;
height: 60px;
float: left;
}
}

/*======================== FAKE CONTENT ========================*/
/*======================== FAKE CONTENT ========================*/
/*======================== FAKE CONTENT ========================*/
.fake {
margin:0;
padding:0;
width:100%;
height:1000px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/fake-content.jpg);	
}