/*
 *  jodstrap
 *  Copyrights - saltflakes.net
 *  Creator: saltflakes.net
 *  January 2013
 */ 


/* === general === */

html, body {
  height: 100%;
}
body {  background:#fff;
	color: #484848;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
    background: url('../../images/bg_body.jpg') no-repeat top center;
    font-size: 13px;
    line-height:1.5em;
}
p {
	line-height: 24px;
}
.table th{
color: #faa81f;
}
.table th, .table td { border-top:none; }

input, button, select, textarea {
font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
input[type="submit"] {
       border:0;
	background-color: #1c82ab;
	color: #fff;
	width: 100px;
	padding: 6px 10px;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition:    all 0.15s ease-in 0s;
	-o-transition:      all 0.15s ease-in 0s;
	-ms-transition:     all 0.15s ease-in 0s;
	transition:         all 0.15s ease-in 0s;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
        border-radius:0px;
}
input[type="submit"]:hover {
	background-color: #ffdd00;
	color: #000;
	-webkit-transition: all 0.15s ease-in 0s;
	-moz-transition:    all 0.15s ease-in 0s;
	-o-transition:      all 0.15s ease-in 0s;
	-ms-transition:     all 0.15s ease-in 0s;
	transition:         all 0.15s ease-in 0s;
}
.min-height{
	min-height: 400px;
}
.row, .row-fluid {
	margin: 0 0 00px 0;
}

.clear {
	clear: both;
}

a:hover, h3:hover {
	filter:alpha(opacity=70); /* For IE8 and earlier */
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s; /* Firefox 4 */
	-webkit-transition-duration: 0.3s; /* Safari and Chrome */
	-o-transition-duration: 0.3s; /* Opera */ 
}

/* === header === */

#header {
	padding: 80px 0;
	text-align: center;
	position:relative;
}
.header-right{
	float: right;
	margin-top: 36px;
	position: relative;
	text-align: right;}
@media (max-width:939px) {
	.header-right {float:none; text-align:center; margin-top:28px;}
	.header-right img.header-phone {max-width:244px; width:40%;}
    .header-right img.header-logo-couch-tours {display:none;}
}

@media (max-width:480px) {
     .header-right {margin-top:15px;}
}

ul#bottom-menu {list-style:none; margin:0; padding:0;}
ul#bottom-menu li {list-style:none; margin:0; padding:0; border-bottom: 1px solid #fff; line-height:24px;}

#content ul {list-style:none; margin:0; padding:0 0 3px 25px;}
#content ul li {line-height: 1.7em; list-style: outside; padding-left: 0;}

/* === support === */

.offset-top {
	margin-top: 20px;
}

.offset-top-xl {
	margin-top: 0px;
}

.offset-bottom {
	margin-bottom: 20px;
}

.offset-both {
	margin: 30px 0;
}

.margin10 {
	margin:10px;
}

.margin20 {
	margin:20px;
}

.no-margin {
	margin:0 !important;
}

.marginlr5 {
	margin-left:5px;
	margin-right:5px;
}

.more {
	float: left;
}

hr.small {
	margin: 10px 0;
}

label.error {
	color: red;
}


/* === navigation === */

.navbar-inner {
	min-height: 80px;
	line-height: 80px;
	background: none !important;
	background-color: none;
	background-image: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	filter: none !important;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
}

.sf_nav {
	margin-bottom: 0px;
}

.sf_navmenu li {
	line-height: 80px;
}

.sf-sub-indicator {
	display: none !important;
}

ul.navsub {
	position: absolute;
	z-index: 99999999999999;
	display: none;
	background: #F8F8F8;
	margin: -15px 0 0 0;
	border: 1px solid #CCC;
	-webkit-box-shadow: 5px 5px 13px -6px #BBB;
	box-shadow: 5px 5px 13px -6px #BBB;
	-moz-box-shadow: 5px 5px 13px -6px #BBB;
	min-width: 135px;
}
ul.navsub li {
	display: block;
	float: none;
	line-height: 20px;
	padding: 0;
}
ul.navsub li a {
	color: #666;
	text-transform: none;
	font-size: 142px;
	line-height: 30px;
	height: 30px;
	float: none;
	font-weight: normal;
	margin: 0;
	padding: 0 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	border-top:1px solid rgba(0, 0, 0, 0.0);
}
ul.navsub li a:hover {
	border-bottom: 1px solid #DDD;
	border-top:1px solid #E6820E;
	background:#Fff;
	color:#444;
}
ul.sf_navmenu li a.menuparent, ul.sf_navmenu li a span { font-size:14px; font-weight:bold;  }
.navbar .nav.sf_navmenu > li > a {
	padding: 10px 8px;
	font-weight: normal;
	letter-spacing: 0;
	color: #FFF;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}

@media screen and (min-width: 891px) and (max-width: 940px) {
.navbar .nav.sf_navmenu > li > a {
	padding: 10px 0px;
}
}

.navbar .nav.sf_navmenu > li > a span {
	color: #CCC;
	font-size: 11px;
	display: block;
	line-height: 0;
	margin-top: -25px;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 200;
	text-align: left;
}
.navbar .nav.sf_navmenu > li > a:hover {
	text-shadow: none;
	color: #ff8201;
}
.navbar .nav.sf_navmenu > li > a:hover span {
	/*color: #FFF;*/
}

.selectnav { 
	display: none; 
}

.navanimation {
	position: relative;
	padding: 0;
	margin: 0 auto;
	display:table;
}

.navanimation, .navanimation ul {list-style:none; }
.navanimation ul {margin:0; position:absolute; top:auto; display:none; z-index:1000; margin-top: -1px;}
.navanimation li {float:left; margin-right: 10px;}
.navanimation li + li {border-left:1px solid #ccc; padding-left: 10px;}
.navanimation a, .navanimation a:link,.navanimation a:visited {
	padding:5px 0px;
	text-align:center;
	color:#818285;
	font-size:12px;
	font-weight:none;
	line-height:20px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;

}

.navanimation a:active{}
.navanimation li:hover > a, .navanimation li a:hover, .navanimation li:hover {color:#0058a9;}
.navanimation li a.menuactive {color:#0058a9; border-bottom:3px solid #0058a9;}

.navanimation ul ul {margin-top:1px; left:100%; top:0px; display:none;}
.navanimation li li {width: 160px; margin:0; float:none; position:relative; text-align:left; border:0; margin-left:0px; margin-top:1px;}
.navanimation li li + li {padding-left:0;}
.navanimation li li ul {top:-2px; border-left: 1px solid #fff;}
.navanimation li li:first-child { }
.navanimation li li a, .navanimation li li a:link, .navanimation li li a:active, .navanimation li li a:visited {
	padding:3px 20px;
	background:#0058a9;
	font-size:13px;
	color:#fff;
	text-transform:none;
	border-left:1px solid #0058a9;
	border-right:1px solid #0058a9;
	border-bottom:1px solid #0058a9;
	border-top:1px solid #0058a9;
	width:auto;
	text-align:left;
}
.navanimation ul, .navanimation li:hover ul, .navanimation li:hover ul ul, .navanimation li:hover ul ul ul, .navanimation li.menuparenth ul, .navanimation li.menuparenth ul ul, .navanimation li.menuparenth ul ul ul { display: none;}
.navanimation li li a:hover {background: #fff; color:#0058a9;}
.navanimation ul li.menuparenth, .navanimation ul li.menuparent:hover, .navanimation ul li.menuparenth {background-position:center right; background-repeat:no-repeat;}
.navanimation ul, .navanimation li:hover ul, .navanimation li:hover ul ul, .navanimation li.menuparenth ul, .navanimation li.menuparenth ul ul {background: #fff; color:#0058a9;}
.navanimation li:hover ul, .navanimation ul li:hover ul, .navanimation ul ul li:hover ul, .navanimation li.menuparenth ul, .navanimation ul li.menuparenth ul, .navanimation ul ul li.menuparenth ul {display:block; background-color:#FFF; }

.backLava {
	border-top: 4px solid #FF8900;
}

.navbar .nav.sf_navmenu > li.selectedLava > a {

}
.nav-stacked li {
	float: none !important;
}


/* === icons and titles === */

.iconframe {
	float: left;
	width: 48px;
	height: 48px;
	font-size: 34px;
	color: #f08019;
	line-height: 48px;
	text-align: center;
	margin: 0 10px 0 0;
}

.iconframe-small {
	float: left;
	width: 36px;
	height: 36px;
	font-size: 28px;
	color: #f08019;
	line-height: 36px;
	text-align: center;
	margin: 0 10px 0 0;
}

.title1 h2 {
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	font-size: 30px;
	line-height: 35px;
}

.title1 h3 {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: 200;
	line-height: 10px;
	color: #78838f;
}

.title2 h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 20px;
	line-height: 20px;
}

.span6 .title2 h2, .span12 .title2 h2 {
	margin: 10px 0 15px 0;
}

.about-img {
	text-align: right;
}
@media screen and (max-width: 977px) {
	.about-img {
	text-align: center;
	}
}

img.img-right {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) and (max-width: 989px) {
img.img-right {
	float: none;
	margin: 0 auto 10px;
	display: block;
}
}
@media screen and (max-width: 500px) {
img.img-right {
	float: none;
	margin: 0 auto 10px;
	display: block;
}
}
blockquote:hover {
border-left: 5px solid #FF8900;
}

.title2 h3 {
	padding: 0 0 0 0;
	margin: 0 0 16px 0;
	font-size: 15px;
	font-weight: 200;
	line-height: 18px;
	color: #888888;
}

.lsf {
	font-size: 36px;
	color: #222222;
}

.lsf a, .lsf a:active, .lsf a:visited, .lsf a:hover{
	outline:none;
}


/* === portfolio === */

.sf-isotope-filters, .sf-da-isotope-filters {
	list-style: none;
	height: 30px;
	margin: 0 0 20px;
}

.sf-isotope-filters li, .sf-da-isotope-filters li {
	display: inline-block;
	margin-right: 25px;
	line-height: 27px;
}

.sf-isotope-filters li a, .sf-da-isotope-filters li a {
	color: #777;
	text-decoration: none;
}

.sf-isotope-filters li a:hover, .sf-da-isotope-filters li a:hover {
	text-decoration: none;
}

.sf-isotope-filters li.active, .sf-da-isotope-filters li.active {
	border-top: 3px solid #E6820E;
}

.sf-isotope-filters li.active a, .sf-da-isotope-filters li.active a {
	color: #222;	
}

.sf-isotope-filters li:hover, .sf-da-isotope-filters li:hover {
	border-top: 3px solid #E6820E;
}

.sf-isotope {
	height: 900px;
}

.sf-da-item{
	width: 20.3%;
	float: left;
	margin: 5px 10px 12px 0px;
}

.sf-item {
	width: 20.8%;
	float: left;
	margin: 5px 10px 12px 0px;
}

.sf-item-text {
	width: 100%;
	height: 33px;
	line-height: 33px;
	text-align: center;
}

.sf-item-inner {
	padding: 0.2%;
	overflow: hidden;
}

.sf-item-text h5 {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	z-index: 200;
	font-weight: 300;
	line-height: 33px;
}

.sf-item-overlay {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 100;
	height: 100%;
	background: rgba(20,20,20,0.7);
	margin: 0 0 40px 0;
	opacity: 0;
}

.sf-item-overlay .lsf {
	font-size: 36px;
	color: #E6820E;
	margin-top: 26%;
}

.sf-item-overlay .lsf a {
	color: #FFFFFF;
}

.sf-item-overlay .lsf a:hover {
	text-decoration: none;
	color: #E6820E;
}

.sf-inline-list {
	list-style: none;
}

.sf-inline-list li {
	float: left;
	padding: 0 20px;
}

.fx-filter {
	position: relative;
	display: block;
}




/* === footer === */

.sf_footer {
	overflow: hidden;
	padding: 20px 10px 0 10px;
	margin: 0 0px;
	border-bottom: 13px solid #25659f;
	margin-top: 30px;
	background: rgba(0,88,168,0.7);
	color: #fff;
	text-align:center;
}
.sf_footer a{
	color: #FFF;
        text-decoration: none;
}
.sf_footer a:hover, .sf_footer a:focus{
	color: #ffdd00;
	text-decoration: none
}
.sf_footer h4{
	color: #fff;
}

.sf_footer hr {
	margin: 5px 0;
	border-top: 0px solid #d7d9de;
}

.sf_footer .row, .sf_footer .row-fluid {
	margin: 0;
}
.sf_footer .social-links img {margin:0 5px;}
.sf_footer .footer-menu ul {margin:0 auto; display:table;}
.sf_footer .footer-menu ul li {list-style:none; float:left; padding:0 7px; line-height: 1em; margin: 7px 0;}
.sf_footer .footer-menu ul li + li {border-left:1px solid #fff;}

@media (max-width: 767px) {
.sf_footer .footer-menu ul {margin:0; float:left; width:100%;}
.sf_footer .footer-menu ul li {list-style:none; float:none; padding:4px 0; line-height: 1em; margin: 0; border-bottom: 1px solid #5796cf;}
.sf_footer .footer-menu ul li + li {border-left:0;}
}

.icon-chevron-up {
    background: url('../../images/go-to-top.png') no-repeat 10px 10px;
	width: 40px;
	height: 40px;
	margin: 0 auto;
}


/* === media queries === */

/* Landscape phones and down */
@media (max-width: 480px) {
	.sf-item {
		width: 46%;
		padding: 0.2%;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.sf_footer {
		margin: 0 -20px;
		padding: 20px 20px 0;
	}
}

/* Landscape phone to portrait tablet - mobile navigation */
@media screen and (max-width: 979px) {
  #sf-menu-responsive { 
  	display: none; 
  }
  .selectnav{ 
  	display: block; 
  	clear: both;
  	width: 94%;
        margin:10px auto;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Large desktop */
@media (min-width: 1200px) {
}

legend {
display: none !important
}
.captcha img {
display: block;
margin-bottom: 5px
}
.captcha input {
margin-top: 5px;
display: block
}
textarea#message {
width: 98%
}
.span4 input[type=text] {
width: 94%
}
@media screen and (min-width: 501px) and (max-width: 767px) {
.span4 input[type=text] {
width: 98%
}
}

@media screen and (max-width: 500px) {
.span4 input[type=text], textarea#message {
width: 96%
}
}
.contactform fieldset#fbrp__29 div, .contactform fieldset#fbrp__39 div {
color: #000
}
ul#da-thumbs li:hover {
box-shadow: 0 1px 3px #ff8201;
}
ul#da-thumbs li:hover a {
text-decoration: none;
}


/************* Content ***************/
#content h1 {font-family: 'Droid Serif', serif; text-align:center; border-bottom:1px solid #bfbfbf; padding: 10px 0;  margin-bottom:30px;}
#content h1.welcome {border-top:1px solid #bfbfbf; margin-bottom:10px;}
#content h1, #content h2, #content h3, #content h4 {text-transform:uppercase;}

.quicklinks .span4 {text-align:center;}
.quicklinks .span4 a {
    text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	background: #1c82ab;
	padding: 5px 0;
	width: 60%;
	display: table;
	margin: 0 auto 20px;
	max-width: 200px;
}
.quicklinks .span4 a:hover {background:#ffdd00; color:#000;}
.logos {border-top:1px solid #bfbfbf; font-size:15px; padding-top: 30px; margin-top:20px; text-align:center;}
.logos img {margin: 5px 5px; vertical-align: middle;}

img.alignright {float:right; margin-left:20px; border:2px solid #333333; }
@media (max-width:767px) {
	img.alignright {float:none; margin: 0 auto 10px; display: table;}
}

.school-services h3 + ul {display: table;}
.school-services h3 + ul li {float: left; width: 45%; min-width: 400px;}

@media (max-width:480px){
    .school-services h3 + ul li {float: left; width: 100%; min-width: 300px;}    
}

.quoteform-left {float: left; width: 48%; margin-right: 2%;}
.quoteform-right {float: left; width: 48%; margin-left: 2%;}
.quoteform-4 {float: left; width: 23%; margin-right: 2%;}
.quoteform-none {float:left; width:100%;}
.quoteform-none textarea {width:98%;}
.checkbox div {float: left; width: 155px;}
.checkbox input[type=checkbox] {float:left; width:13px;}
.checkbox label {float:left;}
.quote select {width:30%;}
.margin-top {margin-top:20px;}

@media (max-width:767px) {
	.quoteform-4 {float: left; width: 45%; margin-right: 4%;}
}
.captcha input {width:200px;}
/* Stylesheet: Standard Modified On 2017-03-07 15:55:09 */