/*----- media queries -----*/
@media only screen and (max-width:320px){}
@media only screen and (max-width:480px){}
@media only screen and (max-width:768px){}
@media only screen and (max-width:1024px){}
/* PERSISTENT STYLES ========================================================================================*/
*{box-sizing:border-box; -moz-box-sizing:border-box}
::-moz-selection{color:white; background:#23456C}

::selection{color:white; background:#23456C}
html, body{background-color:rgb(21,60,103); width:100%; height:100%; margin:0px; padding:0px; font-family:'Raleway',Helvetica,Arial,sans-serif; font-size:18px; line-height:26px; color:#333}
img, img a, img a:link{border:0px}
.clickable{cursor:pointer}
h1{font-size:36px; line-height:38px; margin:0px 0px 30px 0px; padding-bottom:30px; border-bottom:solid 1px #ccc; text-transform:uppercase}
h2{font-size:24px; text-transform:uppercase; font-weight:500; padding-bottom:10px}
.lowerContent h2{border-bottom:solid 1px #ccc}
h3{font-weight:500}
h4{}
p{margin:0px 0px 15px 0px}
hr{margin:30px 0px 30px 0px; color:#3d2308; background:#3d2308; border:0px; height:1px}
a:link{color:#1e426e}
a:visited{color:#1e426e}
a:hover{color:#000}
/*.noLink >a{cursor:text}
*/
#content a{display:inline-block}
.clear{clear:both}
.clearfix:before{content:""; display:table}
.clearfix:after{content:""; display:table; clear:both}
.center{display:block; max-width:1070px; margin:0 auto; position:relative}
.block{display:block}
#container{right:0; position:relative; transition:right .1s linear; background:#fff}
.bodyslidding{right:50% !important}
.gray-bg{background:#f2f2f2; background:#C2D9F4}
.clickable{cursor:pointer}
/* HEADER STYLES ========================================================================================*/
#header{width:100%; height:300px; padding-top:0px; position:relative; z-index:2}
#header .logo{width:255px; height:148px; background:url('/templates/client/images/header-logo.png') no-repeat center bottom; margin-top:-37px; float:left; display:inline}
#header .menu-bar{position:absolute; margin-top:55px; width:100%; height:75px; background-color:#08315F}
.menu >ul{margin:0px; padding:0px; list-style:none; text-align:right; /* height:75px */}
.menu ul li{font-size:22px; line-height:75px; display:inline-block; position:relative}
.menu >ul >li.divider{margin:0px 15px 0px 15px; color:#666}
.menu ul li a{color:#fff; text-decoration:none; font-weight:400}
.menu >ul >li:last-child{padding-right:1%}
.menu ul ul li{display:block; line-height:20px; font-size:17px}
.menu ul ul{position:absolute; left:-7px; /* display:none; */ padding:0; z-index:999}
.menu ul ul li a{display:block; width:190px; text-align:left; background:#08315F; padding:10px; border-bottom:1px solid #051E3A; transition:.3s}
.menu ul ul li a:hover, .menu ul ul li a:active, .menu ul ul li a:focus{background:#234F80}
.dailySchedule a{background:#234F80 !important; font-style:oblique; text-shadow:1px 1px 1px #000}
ul.rslides.rslides1{z-index:0}
.mobiles{display:none; position:absolute; color:#fff; right:0; font-size:37px; top:0}

.menu ul ul ul{position:absolute; right:-190px; top:0; left:auto}
.menu ul li:hover >ul, .open{opacity: 1 !important; max-height: 800px !important; overflow:visible}
.menu ul li ul{opacity:0; transition:.3s; max-height:0; overflow:hidden}

@media screen and (min-width:1107px)and (max-width:1249px){.menu ul li:last-child >ul{left:-92px}
}
.clickPictures{top:0}
.clickPictures span:after{width:20px; top:1px; right:-3px}
.clickPictures span:before{width:20px; top:1px; left:-3px}
.menu >ul{height:50px}
#header .menu-bar{height:50px; margin-top:40px}
.menu ul li{line-height:50px; font-size:18px}
.menu ul ul li{font-size:15px}
#header .logo{width:200px; height:148px; background-size:contain; margin-top:-64px; position:relative; z-index:99999}
.menu >ul >li.divider{margin:0 10px}


@media screen and (min-width:798px)and (max-width:1106px){.menu ul li:last-child >ul{left:-112px}
}
/*@media screen and (max-width:989px){.menu ul li{font-size:16px}
.menu ul ul li{font-size:14px}
.menu >ul >li:last-child{padding-right:1.5%}
}*/
@media screen and (max-width:1030px){html{overflow-x:hidden}
#header .logo{width:150px; margin-top:-55px; left:10px}
.mobiles{display:block; background:rgb(8,49,95); padding:5px 10px;  margin-top: 34px; font-size: 16px;}
.menu >ul{height:100%; position:absolute; width:100%; z-index:9999; min-height:100%; float:none}
.menu ul li{display:list-item; line-height:20px; text-align:center}
.menu ul li a{background:rgb(21,60,103); display:block; width:100%; line-height:40px; border-bottom:1px solid #051e3a}
.menu .divider{display:none}
.menu{position:absolute; width:100%; top:50px; display:block; /* transition:right 0.1s linear; */}
.menu >ul >li:last-child{padding:0}
.clickPictures span:before, .clickPictures span:after{display:none !important}
.clickPictures{font-size:12px; height:0px; top:7px !important}
.clickPictures span{z-index:0 !important}
#header .menu-bar{margin-top:0; background:none}
.menu{position:absolute; width:50%; right:-50%; height:100%; background:#08315F; top:0; overflow:hidden}
.menu ul ul, .menu ul ul ul{position:relative; left:0}
.menu ul ul li a{width:100%; text-align:right; font-size:14px; line-height:normal; color:rgba(255,255,255,0.54)}
.menu.slidding{overflow:visible}
.homePage ul.rslides img{width:100%; height:auto; min-height:300px}
#slideshow ul.rslides img{width:100%; height:auto; min-height:240px}
li.has-kids >a:after{content:'\f107'; color:#fff; position:relative; width:15px; height:auto; display:inline-block; font-family:fontawesome}
li.has-kids{color:#fff}
.menu ul ul li.has-kids >a{color:#fff}
.menu ul ul ul li a{background:rgb(21,60,103)}



}
/* HOME STYLES ========================================================================================*/
.clickPictures{position:absolute; text-align:center; width:100%; top:-30px}
.clickPictures span{background:#08315F; padding:10px; position:relative; z-index:0; color:#fff}
.clickPictures span:before, .clickPictures span:after{content:""; background:rgb(8,49,95); width:55px; height:100%; display:block; position:absolute; top:14px; z-index:-1}
.clickPictures span:before{left:-34px; -ms-transform:rotate(-43deg); -webkit-transform:rotate(-43deg); transform:rotate(-43deg)}
.clickPictures span:after{right:-33px; -ms-transform:rotate(43deg); -webkit-transform:rotate(43deg); transform:rotate(43deg)}

#content .TA {position:absolute;left:50%; top:-200px; margin-left:-72px;}
@media screen and (max-width:797px){#content .TA {width: 100px; height: auto;left: 37px;margin-left: 0px; top: -118px;}}
#content .featured{width:100%; background:#e6e6e6; background:#CFE5FE; padding:20px 0px 0px 0px; box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,.125); border-top:40px solid rgb(8,49,95)}
#content .featured .title{width:100%; background:url('/templates/client/images/home-featured-title-bg.png') repeat-x center; margin-bottom:20px}
#content .featured .title h2{color:#c00; display:block; padding:0; width:145px; background:#e6e6e6; background:#CFE5FE; margin:0 auto; text-align:center; border:none}
#content .featured li.cta{background:#fff; margin-top:0px; margin-bottom:22px}
#content ul.ctas{margin:0px; padding:0px; list-style:none}
#content li.cta{width:23.5%; background:#f8f8f8; float:left; display:inline; margin:22px 2% 0px 0px; font-size:12px; line-height:18px}
#content li.cta .ctaImg{width:100%; position:relative}
#content li.cta .ctaText{display:block; padding:10px 20px; text-align:center}
#content li.cta .ctaTitle{font-size:16px; font-weight:600; text-transform:uppercase; margin-bottom:5px}
#content li.cta .ctaIcons div{ display:inline-block; margin:0 5px;  }
#content li.cta:nth-child(4n+0){margin-right:0px}
.ctaImg a{width:100%}
.special{position:absolute; top:-4px; left:-4px; max-width:100px}
.walkingTours{/* width:100%; */ /* display:block */}
.walkingTours img{width:25px !important}
.busTour img{width:35px !important}
.tourIcons{text-align:center}
.tourIcons >div{display:inline-block; vertical-align:middle}
.tourIcons >div img{margin:10px 10px 0}
.homePage ul.rslides img{max-height:600px}
.homePage #content{padding-top:0}
 	
	
	/*JAZZ CTA----*/
	.jazz {position:relative;max-width:1070px;margin: 22px auto 0px;padding-left: 39%;background:#08315F url(../images/seasonal.jpg) no-repeat left center;color:white;}
	
	.jazz .tag {position: absolute;z-index:10;content:'';left: -5px;top: -5px;}
	.jazz .blue {position:relative;background:#08315F;padding: 20px 130px 20px 0px;line-height: 15px !important;}
	.jazz .blue:before {content:'';position:absolute;left: -288px;top:0px;width: 288px;height:100%;background: url(../images/fade.png) repeat right;}
	.jazz .blue:after {content:'';position:absolute;z-index: 20;right:20px;top:50%;margin-top: -17px;background: url(../images/busIconWhite.png) no-repeat left center;background-size: contain;width:62px;height:33px;}
	.jazz .blue a.title {display:block;position:relative;z-index:10; width:100%; margin-bottom: 10px;left: -30px;color:white;line-height: 25px !important;font-size: 21px; text-decoration:none !important;}
	.jazz .blue .text {position:relative;z-index:10;left: -30px;color:white;font-size: 15px;line-height: 22px !important;}
	
@media only screen and (max-width:1070px){
	#content .center{padding:0px 25px}
	
}
@media only screen and (max-width:860px){
	#content .center{padding:0px 25px}
	#content li.cta .ctaTitle{font-size:14px}
	.jazz {padding-left: 52%;}
	.jazz .blue {padding: 20px 70px 20px 0px;}
}
@media only screen and (max-width:768px){#content li.cta{width:48%; margin:22px 4% 0px 0px}
#content li.cta:nth-child(2n+0){margin-right:0px}
#content .featured li.cta{background:#fff}
}

@media only screen and (max-width:550px){
	.jazz .tag {width:100px !important}
	.jazz .blue {padding: 20px 0px 20px 0px;}
	.jazz .blue:before {width: 188px;left: -188px; background-size:100%}
	.jazz .blue:after {display:none;}
}
@media only screen and (max-width:390px){
	.jazz .blue:before {width: 100px;left: -100px; background-size:100%}
}
@media only screen and (max-width:430px){#content li.cta{width:100%; height:auto; margin:22px 0px 0px 0px}
#content li.cta .ctaText{padding:18px 20px 18px}
}
/* SLIDESHOW STYLES ========================================================================================*/
#slideshow{width:100%; background:#fff; margin-top:-300px}
#slideshow .rslides{/* max-height:400px */}
 .rslides{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
.homePage .rslides{max-height:inherit}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; height:auto; float:left; /* width:100%; */ border:0}
ul.rslides img{/* min-height:200px; */ max-height:400px; height:auto}
.homePage #slideshow .rslides{max-height:600px}
/* CONTENT STYLES ========================================================================================*/
#content{padding:40px 0px; position:relative}
@media screen and (max-width:550px){#content img,.caption{width:100%; height:auto; padding:0}
.caption{margin:0 0 10px}
}
/*Lower Listing Pages*/
.walkIcon:after{content:""; width:26px; height:26px; background:url(/templates/client/images/walkingIcon.png) no-repeat center; background-size:contain; position:relative; display:inline-block; vertical-align:bottom; left:1%; top:-4px}
.lowerLeft{width:100%}
.tourDetails{margin-bottom:35px}
.lowerTitle, .lowerInfo{padding:0; display:inline-block; vertical-align:top; padding-top:10px}
.lowerTitle{margin:0; width:24%; padding-left:15px; font-size:16px}
.lowerInfo{position:relative; padding-left:6%; text-align:left; padding-right:2%; width:76%; margin-bottom:10px; font-size:14px; line-height:18px}
.lowerContent{padding:5px}
.lowerContent ul{padding:0 30px; font-size:14px; line-height:16px}
.lowerContent ul li{margin-bottom:10px}
.bookLink a{width:48%; display:block; color:#fff; background:rgb(8,49,95); text-decoration:none; line-height:20px; position:relative; padding:15px 5% 15px 2%; margin-top:5%; font-size:21px; font-weight:bold; transition:background .3s linear}
.bookLink a:after{content:url('/templates/client/images/footer-cta-btn-arrow.png'); position:absolute; right:3%; top:15px}
.bookLink a:hover{background:rgb(21,60,103)}
.tourVideo, .lowerLeft{display:inline-block; vertical-align:top}
.tourVideo{width:100%; }
.tourVideo img{width:100%!important; height:auto !important}
.youtube-video{position:relative; padding-top:25px; text-align:center !important}
.youtube-video iframe{width:100%;}
/*.youtube-video iframe{position:absolute; width:100%; height:100%; top:0; left:0}*/
@media screen and (max-width:900px){.lowerLeft,.tourVideo{width:100%}
.tourVideo{margin-top:5%; margin-left:0}
.bookLink a{width:100%}
}
@media screen and (max-width:400px){.bookLink a{font-size:15px; /* line-height:40px */}
.bookLink a:after{/* top:20px; */}
}
/*CONTACT PAGE =============================================================== */
.form{margin-top:25px; border-radius:4px; transition:3s; transition:0.3s}
::-webkit-input-placeholder{color:#9C9C9C}
:-moz-placeholder{color:#9C9C9C}
::-moz-placeholder{color:#9C9C9C}
:-ms-input-placeholder{color:#9C9C9C}
.form h2{margin:43px 0 12px 0}
.form img{border:none !important; border-radius:3px; margin:0px !important; padding:1px 0px 2px 0px; position:absolute; top:0px; right:0; width:100px !important; height:35px}
.form input, .form select, .form textarea{outline:0; border:none; width:100%; background-color:#FFF; padding:7px 10px; margin:0; border-right:none; font-family:'Carrois Gothic',sans-serif; font-size:17px; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; transition:0.3s; box-shadow:1px 1px 9px #DDDADA; -webkit-box-shadow:1px 1px 9px #DDDADA; -moz-box-shadow:1px 1px 9px #DDDADA}
.form select{padding:6px 2%; margin-bottom:0px !important}
.form textarea{padding:7px 10px; width:100%; height:70px; resize:vertical}
.form button, .form input[type="submit"]{position:relative; width:100%; border:none; padding:5px 20px; font-size:15px; cursor:pointer; border-radius:4px; text-transform:uppercase; margin-top:0; outline:0; background:#08315F; color:#fff; text-shadow:0 1px 1px #000; cursor:pointer; transition:0.4s,margin-top 0.0s; box-shadow:1px 1px 9px #DDDADA; -webkit-box-shadow:1px 1px 9px #DDDADA; -moz-box-shadow:1px 1px 9px #DDDADA}
.form button:hover, .form input[type="submit"]:hover{background:#153C67}
.form button:active, .form input[type="submit"]:active{}
.form button:after{content:"\f054"; font-family:FontAwesome; position:absolute; right:10px; top:5px; font-size:17px; text-shadow:0 1px 1px #000}
.form label{display:none; margin-top:-20px; color:#53320C}
.catcha{height:32px}
.form img{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding-bottom:7px; background:#FFF}
.inputsFull{padding:19px 14px 0px 14px; list-style:none !important; background:#E6E6E6; border-radius:4px}
.inputsFull label{margin-top:10px}
.inputsFull li{width:47.5%; float:left}
/* FORM VALIDATION */
div.formErrors{display:none !important}
.error{background-color:#333!important; color:white; text-shadow:0px 1px 3px rgba(0,0,0,0.29); transition:0.3s,background-color 0.3s !important; -moz-box-shadow:inset 1px 1px 6px rgba(0,0,0,0.26); -webkit-box-shadow:inset 1px 1px 6px rgba(0,0,0,0.26); box-shadow:inset 1px 1px 6px rgba(0,0,0,0.26)}
.error::-webkit-input-placeholder{color:#fff}
.error:-moz-placeholder{color:#fff}
.error::-moz-placeholder{color:#fff}
.error:-ms-input-placeholder{color:#fff}
.form label.error{display:none !important}
.form select.required{background-position:right 29px top 1px}
.form select.error{background-position:right 29px top -30px !important}
/* FORM HIGHLIGHT */
.highlight{}
.highlight label{text-shadow:1px 1px 10px black}
.highlight-selected{background-color:#FF0}
@media screen and (max-width:760px){.inputsFull li{width:100% !important; margin:0 !important}
.inputsFull .addresss{width:90% !important}
}
@media screen and (max-width:450px){textarea{height:200px !important}

}
/* Contact Page*/
.contactContent table{width:49%; display:inline-block; vertical-align:top; text-align:left}
.contactContent ul{padding-left:20px}
.contactContent h3{margin:0; font-size:20px; line-height:18px}
.contactContent{border-top:1px solid #ccc; padding-top:30px; margin-top:30px}
.brochure span, .brochureRadio, .brochure div{display:inline-block; vertical-align:baseline}
.brochure{color:#777; font-size:16px; margin-bottom:15px}
input.brochureRadio{margin-bottom:0}
.brochure span, .brochureRadio{width:31px !important}
.brochure div{    font-style:oblique !important; font-size:14px}
@media screen and (max-width:900px){.brochure div{display:block; float:none; line-height:18px}
}
/*MAIN IMAGE*/
.gallery-photos .rslides{ width:30px !important}

#gallery-photos{ width:auto;  display:inline-block}

.gallery .center{ text-align:center}
#gallery-pager ul{padding:0; list-style-type:none; width:92%; height:55px; overflow:hidden; white-space:nowrap; margin-left:auto; margin-right:auto}
#gallery-pager ul li{display:inline-block}
#gallery-pager ul li img{width:50px; height:50px; border:2px solid #ccc; transition:.3s}
#gallery-pager ul li img:hover{box-shadow:0px 4px 10px -3px rgba(0,0,0,0.64); -moz-box-shadow:0px 4px 10px -3px rgba(0,0,0,0.64)}
/*GATEGORIES*/
#gallery-categories{padding:0}
#gallery-categories li{position:relative; float:left; list-style-type:none !important; width:33.3%; border-radius:5px; padding:0 6px 12px 6px; box-sizing:border-box; -moz-box-sizing:border-box}
#gallery-categories li img{margin:0 auto; display:block; width:100%; height:auto; background:#F0F0F0; padding:20px; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; transition:0.3s}
#gallery-categories li:hover img{opacity:0.65}
#gallery-categories li span{display:block; position:absolute; bottom:52px; left:50%; margin-left:-95px; width:180px; text-align:center; background:#93989E; background:rgba(147,152,158,0.8); line-height:35px; border:5px solid #fff; border:5px solid rgba(255,255,255,0.85); font-size:13px; text-transform:uppercase; font-weight:bold; color:#fff; transition:all 0.2s ease-in-out; text-shadow:1px 1px 1px #000}
#gallery-categories li:hover span{}
a.prev, a.next{position:absolute; z-index:999999999; color:#333; font-size:30px; display:block; top:30%; font-family:fontawesome; text-decoration:none}
#gallery-pager{position:relative; overflow:hidden}
#gallery-photos{position:relative; padding:2%; text-align:center; margin-bottom:20px; border-radius:0 0 5px 5px; background:#F0F0F0; padding:15px; /* width:auto; */margin-left:auto; margin-right:auto}
.next{right:0}
a.rslides_nav.prev{left:-12px}
.rslides_nav.prev, .rslides_nav.next{z-index:300; position:absolute; top:50%; margin:-50px 0 0 0; background:#302F2C; width:40px; height:80px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:1px 1px 8px #A29F9F; -moz-box-shadow:1px 1px 8px #A29F9F; -webkit-box-shadow:1px 1px 8px #A29F9F; color:#fff; transition:all 0.3s ease-in-out; text-align:center; line-height:79px}
a.rslides_nav.next{right:-12px}
span#gallery-caption{padding:15px 2% 0; display:block}
@media screen and (max-width:900px){#gallery-categories li{width:50%}
#gallery-categories li img{padding:15px}
}
@media screen and (max-width:760px){.brochure div{margin:5px 0 10px}
}
@media screen and (max-width:560px){#gallery-categories li{width:100%}
#gallery-categories li img{padding:10px}
}
@media screen and (max-width:400px){#gallery-pager ul{width:78%}
}
/*BLOG*/
div#sidebar{float:left; max-width:240px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; width:25%}
.blog-content{padding-left:250px; box-sizing:border-box; -moz-box-sizing:border-box}
.blogitem img{margin-right:10px; border-radius:5px; margin-bottom:15px}
#sidebar ul{list-style:none; padding-left:0; margin-bottom:20px}
.blogListDate, .blogListCat{text-align:center; background:#F7F7F7; padding:10px 0 0; box-shadow:0px 1px 12px -5px #000; font-size:20px; overflow:hidden}
.blogListDate ul li:hover, .blogListCat ul li:hover{background:#fff}
.blogListDate ul li a, .blogListCat ul li a{text-align:left; padding:10px; display:block; border-right:none; border-left:none}
.blogListDate ul li a{text-decoration:none}
.blog-content{padding-left:250px; box-sizing:border-box; -moz-box-sizing:border-box}
#sidebar ul{list-style:none; padding-left:0; margin-bottom:0}
.blogListDate ul:first-child, .blogListCat ul:first-child{padding-top:10px}
.blogListDate ul li a, .blogListCat ul li a{text-decoration:none; font-size:16px; transition:all .3s linear; position:relative; margin-right:25px}
.blogListCat{margin-top:19px}
.blogListAll a{text-align:center; margin:15px auto; background:#162346; line-height:40px; display:block !important; transition:all .3s linear; color:#fff !important; text-decoration:none; text-shadow:1px 1px 1px #000}
.blogListAll a:hover{background:rgba(22,35,70,0.52)}
.blogListDate ul li a:hover, .blogListCat ul li a:hover{background:#FFF}
.blogListDate ul li a:after, .blogListCat ul li a:after{content:"\f137"; font-family:"fontAwesome"; position:absolute; right:-40px; opacity:0; transition:all .2s linear}
.blogListDate ul li a:hover:after, .blogListCat ul li a:hover:after{opacity:1; right:-20px}
.blogListDate li, .blogListCat li{border:1px solid #fff; transition:all .3s linear}
.blogitem img, .blogitem h2{display:inline-block; vertical-align:middle}
a.category, .blogitem .date{display:block; font-size:14px; margin-top:5px; position:absolute !important; bottom:0px; background:#162346; padding:10px; width:50%; color:#fff !important; text-shadow:1px 1px 1px #000}
.blogitem{position:relative; padding:10px 10px 50px; box-shadow:0px 3px 6px -2px #000; margin-bottom:40px}
.blogitem .date{right:0; text-align:right}
a.category{left:-1px; width:51%}
.pageContainer a{color:#01484a; text-decoration:none}
.blogitem a::after{display:none}
.blog-content p{padding-bottom:0px !important}
.blog-content a{color:#01484a}
.blogitem a{text-decoration:none}
/* Post */
.post ul.tabs, .post .tab_container{display:none !important}
.post .blog-content p{padding-bottom:20px !important}
.fb-like, .datecatText{display:inline-block; vertical-align:top; text-align:center}
.blog-area{width:75%; float:right; margin-bottom:20px}
a.blog-link{font-size:14px; white-space:nowrap}
.brochure p{margin:0 10px 0 0}
.post .datecatText{font-size:11px; display:block; text-align:left; margin-bottom:10px}
@media screen and (max-width:767px){div#sidebar{float:none; width:100%; max-width:100%; padding:0; margin-bottom:20px}
.blogListCat{display:none}
.blogListDate{width:100%; padding:1% 2% 1.3%; text-align:left}
.blogListDate h3{font-size:16px; text-align:left; margin:0}
#sidebar ul{margin:0}
.blogListDate li{border:none; display:inline-block; width:auto}
.blogListDate ul li a{font-size:12px; line-height:14px; display:inline-block; padding:2%; margin-right:7%; min-width:100px}
.blogListAll{display:none}
.blog-area{float:none; width:100%; margin-top:0}
.blogListDate ul li a:after, .blogListCat ul li a:after{display:none}
}
@media screen and (max-width:450px){.brochure p{display:block}
}
@media screen and (max-width:400px){.contactContent table{width:100%}
}
@media screen and (max-width:350px){a.category,.blogitem .date{font-size:10px !important}
}
/* FOOTER STYLES ========================================================================================*/
#footer{width:100%; background-color:#08315f; padding:50px 10px 10px}
#footer{color:#fff}
#footer .cta{display:inline-block; vertical-align:top; width:32%; text-align:center; background:#153c67; position:relative; height:280px}
#footer .cta:nth-child(even){margin:0 1%}
.footer-logo{background:url('/templates/client/images/header-logo.png') no-repeat center bottom; width:150px; height:87px; margin:0 auto; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/client/images/header-logo.png',sizingMethod='scale'); position:relative; top:-15px}
.ctaImg img{width:100%; height:auto}
#footer .ctaText{padding:0 1%}
#footer .cta h3{margin:0; position:absolute; text-align:center; width:100%; top:9%; font-weight:500; text-shadow:1px 1px 1px #565656}
#footer .cta .title{margin:-1px 0 10px}
#footer .cta a{color:#fff; text-decoration:none}
#footer .ctaBtn{margin:7% 5% 0; background:rgb(8,49,95); padding:5% 15% 2% 4%; text-align:left; text-transform:uppercase; font-size:15px; position:absolute; bottom:7%; width:88%}
#footer .ctaBtn:first-line{font-weight:lighter; font-size:12px; line-height:10px; color:#92A4B9; color:rgba(255,255,255,0.56); text-shadow:none}
#footer .ctaBtn:after{content:url('/templates/client/images/footer-cta-btn-arrow.png'); position:absolute; right:5%; top:50%; margin-top:-9px}
p.address{color:#c8cfd7; font-size:14px; line-height:14px}
.social-icon{display:block; margin:25px auto 0px}
.socIcon{display:inline-block}
.footerLike, .twitter{position:relative; vertical-align:middle; margin:5px 0 10px}
.twitter{margin:10px 0 4px}
div#___plusone_0{width:65px !important}
p.address{color:#c8cfd7; font-size:14px; line-height:18px}
.corporateLink{text-align:center; font-size:12px; margin:15px 0 0; color:#92A4B9; color:rgba(255,255,255,0.56)}
.corporateLink a{color:#92A4B9; color:rgba(255,255,255,0.56)}
a span[itemprop]{color:#A9D1FF}
@media screen and (min-width:890px) and (max-width:930px){.g-plus{margin-top:15px}
}
@media screen and (max-width:890px){div#footer{padding:30px 10px 0}
#footer .center{text-align:center}
#footer .cta{width:48%; margin-bottom:0}
#footer .cta:last-of-type{margin-top:30px}
}
@media screen and (min-width:890px) and (max-width:610px){#footer .cta{width:100%; margin:0 auto; height:auto; min-height:0 !important}
div#footer .cta:nth-child(even){margin:40px auto}
#footer .cta:last-of-type{margin-top:0px}
#footer .ctaBtn{position:relative; margin:35px auto 0; bottom:20px}
}
@media screen and (max-width:600px){#footer .cta{width:100%; max-height:315px; padding-bottom:20px; height:100%; min-height:0 !important}
.ctaImg img{overflow:hidden}
#footer .cta:first-of-type{max-height:410px; height:100%}
#footer .ctaBtn{position:relative}
#footer .cta:nth-child(even){margin-top:30px}
#footer .cta h3{top:15%}
}
@media screen and (max-width:553px){.twitter{top:0px}
}
/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie{display:none}
.cc2:hover{fill:rgba(0,0,0,0.4)}
.compucast{position:relative; margin:0px auto 0; width:58px; height:64px; color:black; border-radius:2px; overflow:hidden; transition:0.5s 1.4s}
.compucast.dark{color:white}
.logo1, .logo2, .old-ie{position:absolute; top:50%; right:10px; margin-top:-13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover{width:225px; background:rgba(0,0,0,0.04); box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); -moz-box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); -webkit-box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); box-shadow:1px 7px 16px -7px rgba(0,0,0,0.3); transition:0.3s 0s}
.dark:hover{background:rgba(255,255,255,0.12)}
.compucast p{position:absolute; left:-200px; margin:0 0 0 10px; line-height:21px; padding:11px 0; font-family:Arial,"Times New Roman",Times,serif; font-size:12px; color:#808080; opacity:0; transition:0.5s 1.4s}
.compucast a{font-size:14px; font-weight:bold; color:#000; text-decoration:none}
.compucast:hover p{left:0px; opacity:1; transition:0.4s 0.0s}
.compucast.dark:hover p{color:#AFACAC}
.compucast.dark a{font-size:14px; color:#fff}
.purple{fill:#7F3F98}
.green{fill:#00A14B}
.black1{fill:rgba(0,0,0,1)}
 .black2{fill:rgba(0,0,0,0.5)}
.white1{fill:rgba(255,255,255,1)}
 .white2{fill:rgba(255,255,255,0.5)}
/*COMPUCAST LOGO CSS end-------------------------------*/
.innernote.note{ width:60%;}
@media screen and (max-width:953px){
	.innernote.note{  font-size:0.8em; line-height:normal;}
}
@media screen and (max-width:753px){
	.innernote.note{ float: none; width: 100%; margin: 0 0 10px 0; }
}
@media screen and (max-width:570px){
	.innernote.note{ font-size:1em; clear:both; }
}

.note{padding:15px}
strong, b{color:#333}
@media screen and (max-width:553px){h1{font-size:25px; padding-bottom:15px}
#content{padding:15px 0}
.homePage #content{padding-top:0}
.tourDetails{margin-bottom:15px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
body{font-size:16px; line-height:20px}
}

@media screen and (max-width:553px){#header{height:250px}
#slideshow{margin-top:-250px}
.clickPictures span{display:block; padding:0px 2% 3px}
#content .featured{padding-top:35px}
}

@media screen and (max-width:380px){.lowerTitle{display:block; text-align:center; width:100%}
}

/*GROUP PAGE */
.groupPage table:not(.ui-datepicker-calendar) ul{padding:0; list-style:none; display:none; margin:0}
.groupPage table:not(.ui-datepicker-calendar){vertical-align:top; margin:0.5%; width:32%; border:1px solid #ccc; border-radius:5px; display:inline-block}
.groupPage table:not(.ui-datepicker-calendar) h3{margin:0; padding:2%; width:100%; text-align:center; color:#777; border-bottom:1px solid #eee;cursor: pointer;}
.groupPage table:not(.ui-datepicker-calendar) tbody{display:block}
.groupPage table:not(.ui-datepicker-calendar) tr{display:block}
.groupPage table:not(.ui-datepicker-calendar) td{display:block}
.groupPage table:not(.ui-datepicker-calendar) li{padding:0% 2%; background:#eee; font-size:14px; border-top:1px solid #E4E4E4}
.groupPage table:not(.ui-datepicker-calendar) li:nth-child(even){background:#F9F9F9}
.groupPage img.captchaImg{height:31px; width:111px !important; border-radius:0 !important}
.groupPage table:not(.ui-datepicker-calendar) td >h3:after{font-family:fontawesome; content:"\f107"; position:relative; left:5px; top:1px; transition:transform .3s ease; display:inline-block}
.groupPage table:not(.ui-datepicker-calendar).rotate h3:after{transform:rotate(180deg)!important}
@media screen and (max-width:979px){.groupPage table{max-width:30%}
 .groupPage table:not(.ui-datepicker-calendar) h3{font-size:16px}
}
.groupContent table{text-align:center}
}
.groupTableWrap{text-align:center}
@media screen and (max-width:750px){.groupPage table h3{font-size:14px}
}
@media screen and (max-width:670px){.groupPage table{max-width:100%; width:100%}
.groupPage table h3{font-size:16px}
.groupPage table td >h3{font-size:18px}
}
/* Daily Schedule */
.schedule h1{margin:0}
.row{width:100%; padding:0 1% 0 0}
.row:before{content:""; display:table}
.row:after{content:""; display:table; clear:both}
.sched.col3 .row >div{display:inline-block; width:17%; vertical-align:top; float:left; margin:0 1% 3px; padding:0 .6%; }
.sched.col4 .row >div{display:inline-block; width:18%; vertical-align:top; float:left; margin:0 1% 3px; padding:0 .6%}
.sched .row>div:first-child {width: 18%;}
.row >div span{color:#ccc}
.group .nov, .group .marOct, .group .dec{letter-spacing:4px; text-align:center}
.row.dailyScheduleHeaders >div{text-align:center}
.tourLength, .tourPrices{text-align:center}
.row div.title{width:24%; margin-left:0; background:#fff}
.row div.title a{width:100%; ; display:block}
.group .row div.title{position:relative; box-shadow:3px 3px 7px -5px #000}
.group .row div.title:after{content:"\f0da"; font-family:fontawesome; position:absolute; right:-12px; color:#fff; font-size:42px; text-shadow:1px 1px 1px rgba(0,0,0,0.2); top:1px}
.row div.tourPrices{width:16%}
.row.dailyScheduleHeaders{padding:0}
.group{padding:0 0 1%; border:1px solid #ccc; margin-bottom:20px; box-shadow:0px 3px 11px 0px rgba(0,0,0,0.11); background:#F2F2F2}
.group h3{margin:0px 0 10px; color:#888; background:rgb(213,213,213); padding:.5%}
.row a{text-decoration:none; color:#696969}
.row div.title{width:24%; margin-left:0; background:#fff}
.row div.title a{width:100%; ; display:block; transition:.3s; color:#08315F}
.group .row div.title{position:relative; box-shadow:3px 3px 7px -5px #000; transition:.3s}
.group .row div.title:after{content:"\f0da"; font-family:fontawesome; position:absolute; right:-14px; color:#fff; font-size:44px; text-shadow:1px 1px 1px rgba(0,0,0,0.2); top:1px; transition:.3s}
.row div.tourPrices{width:16%}
.row.dailyScheduleHeaders{padding:0; margin-bottom:20px}
.group{padding:0 0 1%; border:1px solid #E7E7E7; margin-bottom:20px; box-shadow:0px 3px 11px 0px rgba(0,0,0,0.11); background:#F2F2F2}
.group h3{margin:0px 0 10px; color:#888; background:rgb(213,213,213); background:#C2D9F4; padding:.5%; color:#08315F}
.row a{text-decoration:none; color:#696969}
.group .row:hover div.title{background:rgb(8,49,95)}
.group .row:hover div.title:after{color:rgb(8,49,95)}
.group .row:hover .title a{color:#fff}
.group .row:hover{background:#fff; background:-webkit-linear-gradient(left,#fff,#fff,rgb(242,242,242)); background:-o-linear-gradient(right,#fff,#fff,rgb(242,242,242)); background:-moz-linear-gradient(right,#fff,#fff,rgb(242,242,242)); background:linear-gradient(to right,#fff,#fff,rgb(242,242,242))}
.group .row{transition:1s}
.row.dailyScheduleHeaders >div{background:#888; background:rgb(8,49,95); display:block; color:#F2F2F2; padding:.3% 0; position:relative}
.row.dailyScheduleHeaders >div p{margin:0}
.row.dailyScheduleHeaders .title{background:none}
.row.dailyScheduleHeaders >div:after{content:"\f0d7"; font-family:fontawesome; position:absolute; color:rgb(136,136,136); color:rgb(8,49,95); bottom:-16px; left:50%; font-size:26px; margin-left:-6px}
.row.dailyScheduleHeaders .title:after{display:none}
.row.dailyScheduleHeaders .title{background:none; box-shadow:none}
.dailyHeadersWrap.fixed .row.dailyScheduleHeaders{position:fixed; max-width:1070px; top:0}
.dailyHeadersWrap{position:relative}
@media screen and (max-width:1070px){.dailyHeadersWrap.fixed .row.dailyScheduleHeaders{max-width:93.5%}
.row{font-size:14px}
}
@media screen and (max-width:872px){.tourLength{width:11% !important}
.row div.title{width:26%}
}

@media screen and (max-width:829px){.row{font-size:13px}
}
@media screen and (max-width:775px){.row{font-size:12px}
}
@media screen and (max-width:719px){.row.dailyScheduleHeaders{display:none}
.group h3{text-align:center; margin-bottom:0; background:rgb(21,60,103); color:#fff; font-size:23px; padding:1.5%}
.row >div{float:none; width:100% !important; text-align:left; display:inline-block; margin:0 !important; padding:1%}
.row >div:before{width:41%; display:inline-block; text-align:right; border-right:2px dotted #ccc; padding:0 3%; margin-right:2%; position:relative}
.row >div.title:before{display:none}
.row >div.title{text-align:center; background:rgb(213,213,213) !important; box-shadow:none !important; display:block; width:100%!important}
.row a{float:none; padding:0; margin:0}
.group .nov, .group .marOct, .group .dec{text-align:left}
.row{font-size:18px; padding:0 0 1%; border-top:1px solid #ccc}
.group .row div.title:after{display:none}

.group .row:hover div.title{background:rgb(213,213,213)}
.group .row:hover .title a{color:inherit}
.group .row:hover{background:inherit}
.marOct:before{content:"Mar-Oct"}
.nov:before{content:"Nov"}
.dec:before{content:"Dec"}
.tourLength:before{content:"Tour Length"}
.tourPrices:before{content:"Price:A/C"}
.row >div:nth-child(odd){background:#E7E7E7}
}

.groupPage h2{margin-bottom:0; padding-bottom:0}

.groupPage #content a{ display:table;  background:rgb(1,96,162);  color:#fff;  text-decoration:none;  padding:5px 2%;  min-width:200px;  text-align:center;  margin-top:10px;  box-shadow:0px 3px 11px -2px #000;  font-size:16px;  font-style:normal}

.groupPage #content p{ font-style:oblique;  margin-top:0;  border-bottom:1px solid rgba(204,204,204,0.5);  padding-bottom:20px}

@media screen and (max-width:553px){.groupPage h2{margin-bottom:initial; padding-bottom:10px} }

.ratesTable{ border-spacing: 1px; border-collapse: separate; background: #1f497d; }
.ratesTable tr th{ background: #b8cce4; padding: 5px; }
.ratesTable tr td{ background: #fff;  padding: 5px; text-align: center;}
.ratesTable th,.ratesTable td{ font-size:1em; }
.ratesTable tr.caption td{ background: #1f497d; color: #fff; text-align: center; }
.ratesTable tr.desc td{ text-align: left; }
.ratesTable tr th.text{ text-align: left; font-weight: normal; width:33%; vertical-align: top; }
.ratesTable ul{ margin: 0; padding: 0; list-style-type: disc; text-indent: 0; padding-left: 20px; }
@media screen and (max-width:553px){ 
	.ratesTable th,.ratesTable td{ font-size:0.8em; }
	.ratesTable.tableC tr th.text{ width:40%; }
}


.zcaptcha{
	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
	position: absolute;
	top: 0;
	right: 0;
	background: #f0f0f0;
	padding: 4px 15px;
	box-shadow: 1px 1px 9px #DDDADA;
	-webkit-box-shadow: 1px 1px 9px #DDDADA;
	line-height: normal;
	font-weight: bold;
	border-radius: 40px;
}