html	{ font-size: 10px; }


body, h1, h2, h3, p, ul, li, table, td, th, .formfield, .formbutton, form, div

			{ font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; }


body 							{ background-color: #344768; margin: 0px; }




h1, h2, h3, h4, h5, p, li					{ line-height: 125%; }

h1								{ font-family:'Roboto Condensed'; font-size:40px; font-weight: 700; color:#123985; margin: 0 0 10px 0;  }
h2								{ font-family:'Roboto Condensed'; font-size:26px; font-weight: 400; color:#02092e; margin-bottom: 25px;   }
h3								{ font-family:'Roboto Condensed'; font-size:18px; font-weight: 600; color:#123985; margin: 30px 0px 15px 0   }

p								{ font-family:'Open Sans'; line-height: 145%; color:#333333; font-weight:300; text-decoration: none; margin: 0 0 16px 0; font-size: 15px }

ul								{ margin: 0 0 0 30px; }
li								{ font-family:'Open Sans'; font-size: 15px; color:#333333; }

a								{ color:#ff6600; text-decoration: none; }
a:hover							{ text-decoration: none; color:#1e7bd9; }

form							{ margin: 0; }
img								{ border: 0; max-width: 100%; }
table							{ border-collapse:collapse; width: 100%;  }

div                 { box-sizing:border-box; }

iframe     { max-width: 100%;}


form							{ margin: 0; padding: 0;}
.formfield						{ border: 1px solid #bababa; background-color: #ffffff; color:#333333; padding: 2px; max-width: 100%;}
.formfield:focus                {

-webkit-box-shadow: 0px 0px 3px 3px #cacaca;
 -moz-box-shadow: 0px 0px 3px 3px #cacaca;
box-shadow: 0px 0px 3px 3px #cacaca; 

}



p.pager { font-size: 16px; text-align:center; margin: 14px 0 }
p.pager a { background-color: #dddddd; border: 1px #cacaca solid;  padding: 3px 8px; color:black; text-decoration: none; }
p.pager a:hover{ background-color:#cacaca; }
p.pager span    { background-color:black; color:white; padding: 3px 8px; border: 1px black solid; }


p.goback            { font-size: 16px; text-align:right; margin: 14px 0; }
p.goback a { background-color: #dddddd; border: 1px #cacaca solid;  padding: 3px 8px; color:black; text-decoration: none; }
p.goback a:hover{ background-color:#cacaca; }




.menu                       { background-color:#d7d7d7; margin-bottom: 20px; padding: 8px 10px }
.menu .formfield            { width: 100%; }



.col10                   { width: 10%; float:left; }
.col15                   { width: 15%; float:left; }
.col20                   { width: 20%; float:left; }
.col25                   { width: 25%; float:left; }
.col30                   { width: 30%; float:left; }
.col33                   { width: 33.33%; float:left; }
.col35                   { width: 35%; float:left; }
.col40                   { width: 40%; float:left; }
.col45                   { width: 45%; float:left; }
.col50                   { width: 50%; float:left; }
.col55                   { width: 55%; float:left; }
.col60                   { width: 60%; float:left; }
.col65                   { width: 65%; float:left; }
.col70                   { width: 70%; float:left; }
.col75                   { width: 75%; float:left; }
.col80                   { width: 80%; float:left; }
.col85                   { width: 85%; float:left; }
.col90                   { width: 90%; float:left; }
.col95                   { width: 95%; float:left; }
.col100                   { width: 100%; }



.rounded2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.rounded3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.rounded4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.rounded5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rounded6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.rounded7 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.rounded8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.rounded9 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}

.round { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}



.pad-right10                   { padding-right: 10px }
.pad-right15                   { padding-right: 15px }
.pad-right20                   { padding-right: 20px }
.pad-right25                   { padding-right: 25px }
.pad-right30                   { padding-right: 30px }
.pad-right35                   { padding-right: 35px }
.pad-right40                   { padding-right: 40px }
.pad-right45                   { padding-right: 45px }
.pad-right50                   { padding-right: 50px }



.clear-fix							{ clear: both; }


.worldmap        { background-image:url('//s3.amazonaws.com/oa-bookings/2630/images/worldmap.png'); margin: 0px; padding: 0px; background-position: top center; background-repeat: no-repeat; position: fixed; width: 100%; height: 100%; z-index:1;}
.wrapper        { width: 100%; position:relative; z-index:2; }



/* -------------------- header styles ---------------------- */
.preheader_outer {

background: #233047; /* Old browsers */
background: -moz-linear-gradient(top,  #233047 0%, #445167 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#233047), color-stop(100%,#445167)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #233047 0%,#445167 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #233047 0%,#445167 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #233047 0%,#445167 100%); /* IE10+ */
background: linear-gradient(to bottom,  #233047 0%,#445167 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233047', endColorstr='#445167',GradientType=0 ); /* IE6-9 */


}

.preheader              { max-width: 1100px; margin: 0 auto; padding: 6px 0; }


.social                 { float:right; }

.preheader a.social         { font-size: 13px; 	width:28px; height:28px; line-height:28px; }



/* social icons */
a.social								{ 
	display:inline-block; 
	width:38px; height:38px; 
	line-height:38px; 
	font-size:18px; 
	text-align:center; 
	background:#575757; 
	color:#ffffff; 
	margin: 0 5px 0 0; 
	text-decoration:none;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:38px; height:38px; line-height:38px; }
a.social.fa-microphone:hover                 {background:#41b7d8!important; color:#fff!important;}
a.social.fa-instagram:hover             {background:#2b658b!important; color:#fff!important;}


.header_outer            {}


.header_inner           { max-width: 1100px; margin: 0 auto; }

.logo                   { float:left; padding: 30px 0px 15px 10px;  }

.phone_area { float: right; padding: 0px 20px;}


.tollfree               {padding: 30px 0px 0px 0px; width: 280px; white-space:nowrap;}
.tollfree p             { text-align:right; color:white; font-size: 14px; font-weight:bold; margin: 0px;  text-shadow: 1px 1px 5px #000000; }
.tollfree p span        { font-size: 25px; color:#f8d670; letter-spacing: -0.5px; padding-top: 12px; }


.signup {    float: right; padding-top: 30px;}
.signup p { font-size: 12px;         color: white;     }

.signup .fa-envelope { color:#ddbd48; font-size: 16px; margin-right: 7px;    }



.nav_right .bookonline          {  padding: 12px 8px 0 0 }
.nav_right .bookonline p          { text-transform:uppercase; font-weight:bold; margin: 0px; }
.nav_right .bookonline a         { background-color:#689dd4; color:white; padding: 4px 14px; }
    .nav_right .bookonline a:hover {
        background-color: #446e9a;
        color: white;
        padding: 4px 14px;
        transition: 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        -moz-transition: all 0.2s;
    }













/* -------------------- header styles -- end  ---------------------- */








/* -------------------- content ---------------------- */




.contactinfo  div           { float:left; width: 50%; }
.contactinfo .quote { font-size: 16px; font-weight:bold; font-style:italic;}
.contactinfo .quote a { background-color:#344768; color:#f8d670; padding: 6px 13px;    }
.contactinfo .quote a:hover { color:#344768; background-color:#f8d670;    }


.section           { padding: 0px;} 


.content_outer                  { margin-bottom: 60px; background-color:white; }

.content_fade {

height: 15px; 
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.content                { background-color:white; max-width: 1100px; margin: 0px auto; padding: 30px 0px; }


.content a							{ color:#1e7bd9; }
.content a:hover					{ color:#ff6600; text-decoration: underline; }


.rightmenu .sect                    { padding: 15px 25px; 


background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

.rightmenu .sect p { color:black;}
.content a:hover { text-decoration:none; }



.parax_outer { max-width: 1300px; margin: 0 auto;}
.parax_outer .parallax { min-height: 400px; }






.rightmenu .win { padding: 15px 25px; 

background: #344768; /* Old browsers */
background: -moz-linear-gradient(top,  #344768 0%, #4d5d7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#344768), color-stop(100%,#4d5d7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #344768 0%,#4d5d7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #344768 0%,#4d5d7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #344768 0%,#4d5d7a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #344768 0%,#4d5d7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344768', endColorstr='#4d5d7a',GradientType=0 ); /* IE6-9 */



}

.rightmenu .win { margin-bottom: 20px;}
.rightmenu .win h3             { margin: 0px; color:white; font-size: 26px; text-shadow: 2px 2px 2px #000000;}
.rightmenu .win p { color: white; font-size: 14px; margin: 0px; }
.rightmenu .win p span { background-color:#f8d670; color:#344768;  padding: 2px 5px; font-size: 11px;      }



.insurance { }
.insurance img { margin-bottom: 10px; }
.insurance p { color:white; font-size: 14px; }

.valuefinder { padding-top: 14px; }
.valuefinder h3 { margin: 0px;}
.valuefinder img        { max-width: 180px;}
.valuefinder p.start         { text-align:right;    }
.valuefinder p.start span        {  background-color:#344768; color:white; padding: 3px 8px; font-weight:bold; font-style:italic;  }



#t_searches_open { display:none;}
#t_searches_close { display:none;}

#t_searches { width: 350px; float:left;}

.s_tab_on {float: right; background-color:red; color:white; padding: 4px 8px; }
.s_tab_off {float: right; background-color:black; color:white; padding: 4px 8px; }


#t_searches_open { display:none; background:url('//s3.amazonaws.com/oa-bookings/2630/images/search_bg.png'); padding: 8px; color:white; font-weight:bold;  }
#t_searches_close { display:none; float:right; background:url('//s3.amazonaws.com/oa-bookings/2630/images/search_bg.png'); padding: 8px; width: 40px; text-align:center; color:white; font-weight:bold; }


.search_area {max-width: 1100px; margin: 0 auto; }
.m_search_inner { max-width: 333px; background:url('//s3.amazonaws.com/oa-bookings/2630/images/search_bg.png'); padding:0px ; clear:both;  }

.search { padding: 45px 35px 10px 35px;}
.search a {color:white;  margin-left: 15px;    }
.search h3 { color:#ffffff; font-size: 24px; font-family:"Open Sans"; font-weight:800; margin: 0px 0px 12px 0px; text-transform:uppercase;  }
.search .formbutton         { background-color:#3b9900; border: 1px #378b02 solid;  }


/* -------------------- content -- end ---------------------- */
















/* -------------------- footer styles ---------------------- */

.footer_outer               { 

background: #999da3; /* Old browsers */
background: -moz-linear-gradient(top,  #999da3 0%, #d6dae1 2%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999da3), color-stop(2%,#d6dae1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #999da3 0%,#d6dae1 2%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #999da3 0%,#d6dae1 2%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #999da3 0%,#d6dae1 2%); /* IE10+ */
background: linear-gradient(to bottom,  #999da3 0%,#d6dae1 2%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999da3', endColorstr='#d6dae1',GradientType=0 ); /* IE6-9 */

}
.footer                     { max-width: 1100px; margin: 0 auto; padding: 25px 0;}
.footer h2                  { color:white; font-size: 30px; font-weight: 400; margin-bottom: 4px; }
.footer p                   { color:white; font-size: 16px;  }

#clear							{ clear: both; }

.copy                   { clear:both; padding-top:6px; }
.copy p.copyright       { font-size: 12px; text-align:left; color:black; font-size: 11px; margin: 3px 0px; }

.footer_links { float:right; }

.footer_links p { font-size: 12px; color: black; }
    .footer_links p a {
    color:black;}


.oasis { text-align: left; border-top: 1px #999999 solid; padding-top: 10px; clear:both; font-size: 11px; }
.oasis img { margin-bottom: 5px; }


.stn { padding-bottom: 65px; }


.offerid 							{float:right;}
.offerid table                      { border-collapse:collapse; padding:0; margin: 0px;}
.offerid table td                   { vertical-align:top; padding: 0px;}
.offerid .formfield                 { max-width: 135px; margin: 0; font-size: 14px; font-weight:normal; color:#2b2b2b }
.offerid .formbutton                { background-color:#2b2b2b; color:white; font-size: 14px; padding: 3px 10px;}

p.linkback			{ text-align:center; font-size: 10px; margin: 20px 0px;  }
p.linkback a			{ color:gray; }



/* -------------------- footer styles -- end ---------------------- */






@media screen and (max-width:900px) {

    
.appear-animation { opacity: 100;}

    

.content h1 { font-size: 26px;}


.nav_outer {padding: 0px;}



#t_searches {display: none;}

#t_searches_open { display: block;}

.m_search_inner {max-width: 100%;}

.search { padding: 12px;}

.footer                     { padding: 25px 15px;}

}


@media screen and (max-width:600px)

{

   

.col10                   { width: 100%; float:none; clear:both; }
.col15                   { width: 100%; float:none; clear:both; }
.col20                   { width: 100%; float:none; clear:both; }
.col25                   { width: 100%; float:none; clear:both; }
.col30                   { width: 100%; float:none; clear:both; }
.col33                   { width: 100%; float:none; clear:both; }
.col35                   { width: 100%; float:none; clear:both; }
.col40                   { width: 100%; float:none; clear:both; }
.col45                   { width: 100%; float:none; clear:both; }
.col50                   { width: 100%; float:none; clear:both; }
.col55                   { width: 100%; float:none; clear:both; }
.col60                   { width: 100%; float:none; clear:both; }
.col65                   { width: 100%; float:none; clear:both; }
.col70                   { width: 100%; float:none; clear:both; }
.col75                   { width: 100%; float:none; clear:both; }
.col80                   { width: 100%; float:none; clear:both; }
.col85                   { width: 100%; float:none; clear:both; }
.col90                   { width: 100%; float:none; clear:both; }
.col95                   { width: 100%; float:none; clear:both; }
.col100                   { width: 100%; float:none; clear:both; }

.pad-right10                   { padding: 0px }
.pad-right15                   { padding: 0px }
.pad-right20                   { padding: 0px  }
.pad-right25                   { padding: 0px }
.pad-right30                   { padding: 0px }
.pad-right35                   { padding: 0px }
.pad-right40                   { padding: 0px }
.pad-right45                   { padding: 0px }
.pad-right50                   { padding: 0px }



.logo                   { float:none; text-align:center; }


 

.content .col70 { padding: 0px 20px;     }

.contactinfo  div           { float:none; width: 100%;  }



.phone_area { float: none; clear:both; width: 100%;}



.signup {    float: none; width: 100%; padding-top: 0px;}
.signup p { text-align:center;}




.tollfree           { float:none; width: 100%; text-align:center; padding: 10px 0; }
.tollfree p         { text-align:center; font-size: 16px; }
.tollfree p span        { font-size: 16px; }






      
.col33                  { padding: 15px; }

.win_bg { padding: 0px; margin-bottom: 15px;}
.win p span { white-space: nowrap;    }

.insurance { padding: 12px;}
.insurance p { font-size: 12px; }

.valuefinder img { width: 100%;    }


.stn { padding: 6px; width:100%; text-align:center;  }


.offerid                    { padding-top: 8px; margin: 0 auto; width: 200px; float:none;}

.copy p.copyright          { text-align:center;}

.footer_links { width: 100%; text-align:center; float:none;  padding-top: 15px;   }

}









@media screen and (max-width:450px) {

    
.social            {text-align:center; }

    .tollfree { padding: 6px 12px; }
    .signup { padding: 6px 12px; }


}