/* 

 ========================================================================== 

 GLOBAL & WP SPECIFIC STYLES 

 ========================================================================== 

 */ 

 



* { 

 -webkit-box-sizing: border-box; 

 -moz-box-sizing: border-box; 

 box-sizing: border-box; 

 } 

 



img, 

 audio, 

 video, 

 canvas { 

 max-width: 100%; 

 } 

 



html { 

 min-height: 100%; 

 margin-bottom: 1px; 

 overflow: -moz-scrollbars-vertical!important; 

 -webkit-text-size-adjust: none; 

 } 

 



::selection { 

 background:#93d250; 

 color:#fff; 

 } 

 



::-moz-selection { 

 background:#93d250; 

 color:#fff; 

 } 

 



::-webkit-selection { 

 background:#93d250; 

 color:#fff; 

 } 

 



strong { 

 font-weight:bold; 

 } 

 



em { 

 font-style:italic; 

 } 

 



img.alignright {

 padding: 10px;

 float:right;

 margin: 0 0 20px 20px;

} 

 



img.alignleft {

 float:left;

 margin:0 20px 20px 0;

 padding: 10px;

} 

 



img.aligncenter {

 display: block;

 margin-left: auto;

 margin-right: auto;

 padding: 10px;

} 

 



.alignright {

 padding: 10px;

 float:right;

 margin: 0 0 20px 20px;

} 

 



.alignleft {

 float:left;

 padding: 10px;

 margin:0 20px 20px 0; 

 } 

 



img.wp-smiley { 

 float: none; 

 margin: 0 0 0 5px; 

 vertical-align:middle; 

 } 

 



.cf:before,.cf:after {content: " "; /* 1 */ display: table; /* 2 */} 

 .cf:after {clear: both;} 

 .cf {clear: both;} 

 

 

 

/* 

 ========================================================================== 

 H & LINKS 

 ========================================================================== 

 */ 

 

 

 

h1 { 

 font: 30px Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin:0 0 10px 0; 

 padding:0; 

 } 

 



h2 { 

 font: 26px Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin:0 0 10px 0; 

 padding:0; 

 } 

 



h3 { 

 font: 22px Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin:0 0 10px 0; 

 padding:0; 

 } 

 



h4 { 

 font: 20px Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin:0 0 10px 0; 

 padding:0; 

 } 

 



h5 { 

 font: 18px Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin:0 0 10px 0; 

 padding:0; 

 } 

 



a { 

 color: #608c1e; 

 text-decoration: none; 

 } 

 



a:hover { 

 color: #3c521b; 

 text-decoration: none; 

 } 

 



p { 

 margin: 0 0 20px 0; 

 } 

 



/* 

 ========================================================================== 

 GENERAL & WP SPECIFIC 

 ========================================================================== 

 */ 

 



body { 

 background: #eaf1f1; 

 color: #4a4f55; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin:0; 

 -webkit-font-smoothing: antialiased; 

 } 

 



.page-template-calendar { 

 background: #000; 

 height: 100%; 

 } 





.container { 

 max-width: 1100px; 

 width:100%; 

 margin: 60px auto; 

 } 

 



.inner { 

 position: relative; 

 width: 100%; 

 max-width: 1100px; 

 margin: 0 auto; 

 padding: 0 10px; 

 } 

 



p { 

 margin: 0 0 20px 0; 

 } 

 



blockquote { 

 background: url("images/blockquote.png"); 

 background-repeat: no-repeat; 

 margin: 15px 0; 

 padding: 15px 15px 15px 70px; 

 vertical-align: middle; 

 } 

 



strong { 

 font-weight:bold; 

 } 

 



em { 

 font-style:italic; 

 } 

 



img.alignright { 

 float:right; 

 margin:0 0 2em 1em; 

 } 

 



img.alignleft { 

 float:left; 

 margin:0 2em 1em 0; 

 } 

 



img.aligncenter { 

 display: block; 

 margin-left: auto; 

 margin-right: auto; 

 } 

 



.alignright { 

 float:right; 

 margin:0 0 2em 1em; 

 } 

 



.alignleft { 

 float:left; 

 margin:0 0 2em 1em; 

 } 

 



img.wp-smiley { 

 float: none; 

 margin: 0 0 0 5px; 

 vertical-align:middle; 

 } 

 

 

 

/* 

 ========================================================================== 

 HEADER 

 ========================================================================== 

 */ 

 

 

 

header { 

 width: 100%; 

 margin: 0 auto; 

 position: relative; 

 background: #fff; 

 } 

 



.logo { 

 background: url("images/logo.png") no-repeat; 

 height: 154px; 

 width: 154px; 

 margin:0; 

 position: absolute; 

 left:0; 

 top: 15px; 

 z-index: 999; 

 transition: all 0.3s ease 0s; 

 cursor: pointer; 

 } 

 



.logo:hover { 

 



} 

 



.green-bar { 

 height: 60px; 

 width: 100%; 

 background: #6fa322; 

 background: -moz-linear-gradient(top, #6fa322 0%, #608c1e 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fa322), color-stop(100%,#608c1e)); 

 background: -webkit-linear-gradient(top, #6fa322 0%,#608c1e 100%); 

 background: -o-linear-gradient(top, #6fa322 0%,#608c1e 100%); 

 background: -ms-linear-gradient(top, #6fa322 0%,#608c1e 100%); 

 background: linear-gradient(to bottom, #6fa322 0%,#608c1e 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa322', endColorstr='#608c1e',GradientType=0 ); 

 font-size: 13px; 

 text-transform: uppercase; 

 } 

 



.top-nav { 

 float: left; 

 } 

 



.top-nav ul { 

 list-style-type: none; 

 display: block; 

 float:left; 

 margin: 0 0 0 165px; 

 } 

 



.top-nav li { 

 display: block; 

 float:left; 

 padding: 0; 

 margin: 0 5px 0 0; 

 position: relative; 

 } 

 



.top-nav a { 

 color: #fff; 

 padding: 20px 10px; 

 background: none; 

 display: inline-block; 

 transition: all 0.3s ease 0s; 

 font-weight: bold; 

 } 

 



.top-nav a:hover { 

 color: #fff; 

 padding: 20px 10px; 

 background: #4e7319; 

 transition: all 0.3s ease 0s; 

 } 

 



.top-nav a:hover:after { 

 content: ""; 

 position: absolute; 

 top: 55px; 

 left: 44%; 

 border-left: 5px solid transparent; 

 border-right: 5px solid transparent; 

 border-bottom: 5px solid #fff; 

 } 

 



.top-nav .current-menu-item { 

 color: #fff; 

 padding: auto; 

 background: #4e7319; 

 transition: all 0.3s ease 0s; 

 } 

 



nav { 

 height: 60px; 

 width: 100%; 

 background: #fff; 

 font-size: 13px; 

 z-index: 999999; 

 -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); 

 } 

 



nav a { 

 color: #4a4f55; 

 padding: 6px 1px 5px 5px; 

 transition: all 0.3s ease 0s; 

 font-weight: bold; 

 display: block; 

 border-left: 1px solid #b7cc97; 

 } 

 



nav a:hover { 

 color: #679620; 

 padding: 6px 1px 5px 5px; 

 transition: all 0.3s ease 0s; 

 } 

 



.toggleMenu { 

 display: none; 

 padding: 10px 15px 10px 8px; 

 color: #fff; 

 border: 2px solid #679620; 

 background: #679620; 

 width: 100%; 

 font-size: 14px; 

 line-height: 1.7; 

 } 

 



.toggleMenu:hover { 

 padding: 10px 15px 10px 8px; 

 color: #fff; 

 border: 2px solid #3c521b; 

 background: #3c521b; 

 transition: all 0.3s ease 0s; 

 } 

 



.nav { 

 list-style: none; 

 *zoom: 1; 

 text-align: justify; 

 margin: 0 0 0 130px; 

 padding: 14px 0 0 40px; 

 } 

 



.nav:before, 

 .nav:after { 

 content: " "; 

 display: table; 

 } 

 



.nav ul { 

 list-style: none; 

 width: 9em; 

 min-width: 200px; 

 margin:0; 

 padding:0; 

 } 

 



.nav li { 

 position: relative; 

 



} 

 .nav > li { 

 display:inline-block; 

 } 

 

 

 

.nav > li > .parent { 

 background-image: url("images/downArrowG.png"); 

 background-repeat: no-repeat; 

 background-position: right; 

 padding: 6px 18px 5px 11px; 

 margin: 0 5px 0 0; 

 } 

 



.nav > li > a { 

 display: block; 

 } 

 



.nav li ul { 

 position: absolute; 

 left: -9999px; 

 margin:0; 

 } 

 



.nav > li.hover > ul { 

 left: 0; 

 } 

 



.nav li li.hover ul { 

 left: 100%; 

 top: 0; 

 } 

 



.nav li li a { 

 display: block; 

 background: #f3f3f3; 

 position: relative; 

 z-index:100; 

 border-top: 0; 

 color: #4a4f55; 

 padding: 10px; 

 margin:0; 

 } 

 



.nav li li li a { 

 background:#37266b; 

 z-index:200; 

 border-top: 0; 

 color: #fff; 

 } 

 



.nav li li a:hover, .nav li li li a:hover { 

 background:#d2d7d7; 

 color: #4a4f55; 

 } 

 



.mymor a {

 color: #ec7a00 !important;

} 

 .mymor a:hover {

 color: #679620 !important;

} 

 

.social { 

 float: right; 

 } 

 



.social a { 

 padding: 17px 5px 13px; 

 background: none; 

 display: inline-block; 

 transition: all 0.3s ease 0s; 

 font-weight: bold; 

 border-left: 1px solid #84a94c; 

 } 

 



.social a:hover { 

 padding: 17px 5px 13px; 

 background: none; 

 display: inline-block; 

 transition: all 0.3s ease 0s; 

 font-weight: bold; 

 opacity: 0.6; 

 } 

 



.social a:last-of-type { 

 border-left: 1px solid #84a94c; 

 border-right: 1px solid #84a94c; 

 } 

 



/* 

 ========================================================================== 

 HERO 

 ========================================================================== 

 */ 

 
.hero { 
margin: 0; 
position: relative; 
z-index: 0; 
background-position: top center; 
background-size: cover; 
height: 500px; 
    overflow: auto;
    transition: all 0.3s ease 0s;
    width: 100%;
}


.hero ul {
	list-style: none;
	width: 300%;
}

.hero ul li {
	display: block;
	float: left;
	width: 33%;
	height: 500px;
	-moz-background-size: cover!important;
	-webkit-background-size: cover!important;
	background-size: cover!important;
	background-position: center center!important;
	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}

.hero .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.hero .dots {
    bottom: 30px;
    display: block;
    position: relative;
    text-align: center;
}
		
.hero .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.hero .dots li.active {
	background: #fff;
	opacity: 1;
}


.hero-text { 

 margin: 0 auto; 

 text-align: center; 

 padding: 300px 0 0 0; 

 position: relative; 

 z-index:999; 

 display: block; 

 width: 75%; 

 } 

 



.hero-text h1 { 

 display: block; 

 color: #fff; 

 font-weight: 300; 

 background-color: rgba(0, 0, 0, 0.4); 

 padding: 10px 30px; 

 font-size: 36px; 
display:inline-block;
 } 

 



.buttons { 

 width: 440px; 

 margin: 20px auto; 

 } 

 



.white-button { 

 float:left; 

 width: 200px; 

 padding: 10px; 

 color: #fff; 

 border:1px solid #fff; 

 background: none; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 display: block; 

 font-size: 16px; 

 cursor: pointer; 

 margin: 0 10px; 

 transition: all 0.3s ease 0s; 

 } 

 



.white-button:hover { 

 color: #000; 

 border:1px solid #fff; 

 background: #fff; 

 font-size: 16px; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



.orange-button { 

 float:left; 

 width: 200px; 

 padding: 10px; 

 color: #fff; 

 border:1px solid #ec7a00; 

 background: #ec7a00; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 display: block; 

 font-size: 16px; 

 cursor: pointer; 

 margin: 0 10px; 

 transition: all 0.3s ease 0s; 

 } 

 



.orange-button:hover { 

 color: #ec7a00; 

 border:1px solid #ec7a00; 

 background: none; 

 font-size: 16px; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



.note { 

 display: block; 

 background: url("images/note.png") no-repeat; 

 position: absolute; 

 top:0; 

 right: 5px; 

 width: 360px; 

 height: 245px; 

 z-index: 9999; 

 } 

 



.note h2 { 

 font-size: 22px; 

 text-align: center; 

 } 

 



.note ul { 

 list-style-type: none; 

 margin: 78px auto 0 auto; 

 padding:0; 

 width: 301px; 

 } 

 



.note li { 

 float:left; 

 margin: 10px 5px; 

 padding: 5px; 

 text-align: center; 

 color: #7e868f; 

 font-size: 12px; 

 text-transform: uppercase; 

 font-weight: bold; 

 width:65px !important; 
 box-shadow: none !important; 
 } 

 



.note-mob { 

 display: none; 

 z-index:-1; 

 margin: 0; 

 } 

 



.note p { 

 margin: 10px 0 0 0; 

 } 

 



.flip { 

 -webkit-border-radius: 10px; 

 -moz-border-radius: 10px; 

 border-radius: 10px; 

 background: #2899a0; 

 background: -moz-linear-gradient(top, #2899a0 0%, #2899a0 50%, #2daab2 50%, #2daab2 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2899a0), color-stop(50%,#2899a0), color-stop(50%,#2daab2), color-stop(100%,#2daab2)); /* Chrome,Safari4+ */ 

 background: -webkit-linear-gradient(top, #2899a0 0%,#2899a0 50%,#2daab2 50%,#2daab2 100%); 

 background: -o-linear-gradient(top, #2899a0 0%,#2899a0 50%,#2daab2 50%,#2daab2 100%); 

 background: -ms-linear-gradient(top, #2899a0 0%,#2899a0 50%,#2daab2 50%,#2daab2 100%); 

 background: linear-gradient(to bottom, #2899a0 0%,#2899a0 50%,#2daab2 50%,#2daab2 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2899a0', endColorstr='#2daab2',GradientType=0 ); 

 text-align: center; color: #fff; 

 font-size: 30px; 

 height: 50px; 

 width: 35px; 

 padding: 10px; 

 } 

 

 

 

/* 

 ========================================================================== 

 HOME PAGE SPECIFIC 

 ========================================================================== 

 */ 

 



.grey-bg { 

 background: #eaf1f1; 

 padding: 40px 0; 

 width: 100%; 

 } 

 



.green-bg { 

 background: #679620; 

 padding: 40px 0; 

 width: 100%; 

 } 

 



.wood-bg { 

 background-color: #594236; 

 width: 100%; 

 background: url("images/wood.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: -30px 0 0 0; 

 } 

.quoter {
	font-size: 32px;
	margin: 0 auto 30px auto;
	text-align:center;
	width: 80%;
} 

 

.video-boxes {

 float:left;

 width: 66.06334841628959%;

 margin: 0 3.167420814479638% 0 0;

} 

 .video-boxes-core {

 display:block;

 width: 100%;

 margin: 0;

} 

 

.video-box {

 background: #fff;

 -webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 width: 100%;

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);

 padding: 20px;

 position: relative;

 z-index: 99; 

 } 

 .video-box-left {

 float:left;

 width:48%;

 margin: 0 2% 0 0;

} 

 .video-box-right{

 float:left;

 width:48%;

 margin: 0 0 0 2%;

} 

 

.video-box-bottom { 

 background: #fff; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 width: 98%; 

 margin: -35px auto 0 auto; 

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 padding: 20px; 

 position: relative; 

 z-index: 1; 

 } 

 



.video-box-bottom-last { 

 background: #fff; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 width: 96%; 

 margin: -35px auto 0 auto; 

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 padding: 20px; 

 position: relative; 

 z-index: 0; 

 } 

 



.spacer { 

 margin-top: 30px; 

 } 

 



.bx-wrapper .bx-loading { 

 min-height: 50px; 

 background: url(images/bx_loader.gif) center center no-repeat #fff; 

 height: 100%; 

 width: 100%; 

 position: absolute; 

 top: 0; 

 left: 0; 

 z-index: 2000; 

 } 

 



.bx-wrapper .bx-pager { 

 text-align: center; 

 font-size: .85em; 

 font-family: Arial; 

 font-weight: bold; 

 color: #dde0e6; 

 padding-top: 0; 

 margin: -10px 0 -5px 0; 

 position: relative; 

 display: block; 

 } 

 



.bx-wrapper .bx-pager .bx-pager-item, 

 .bx-wrapper .bx-controls-auto .bx-controls-auto-item { 

 display: inline-block; 

 *zoom: 1; 

 *display: inline; 

 } 

 



.bx-wrapper .bx-pager.bx-default-pager a { 

 background: #dde0e6; 

 text-indent: -9999px; 

 display: block; 

 width: 12px; 

 height: 12px; 

 margin: 0 5px; 

 outline: 0; 

 -moz-border-radius: 6px; 

 -webkit-border-radius: 6px; 

 border-radius: 6px; 

 } 

 



.bx-wrapper .bx-pager.bx-default-pager a:hover, 

 .bx-wrapper .bx-pager.bx-default-pager a.active { 

 background: #2daab2; 

 } 

 



.bx-pager { 

 float: right; 

 margin: 0 0 -5px 0; 

 vertical-align: middle; 

 } 

 



.banner-boxes { 

 float: right; 

 width: 30.76923076923077%; 

 } 

 



.banner-box { 

 background: #fff; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 width: 100%; 

 margin: 0 0 25px 0; 

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 padding: 10px; 

 position: relative; 

 } 

 



.vid-title { 

 margin: 17px 0 -5px 0; 

 font-weight: bold; 

 float:left; 

 } 

 



.blue { 

 color: #2daab2; 

 display: inline; 

 } 

 



.play { 

 position: absolute; 

 top: 37%; 

 left:0; 

 right:0; 

 text-align: center; 

 margin:0 auto; 

 } 

 



.blog-area { 

 padding: 40px 0 0 0; 

 width: 100%; 

 display: block; 

 } 

 



.blog-box { 

 background: #fff; 

 float: left; 

 width: 30.920060331855204%; 

 margin: 0 3.419909502262444% 3.619909502262444% 0; 

 } 

 



.blog-box img, .banner-box img { 

 border:0; 

 width: 100%; 

 height: auto; 

 } 

 



.blog-box:nth-of-type(3) { 

 margin: 0 0 0 0; 

 } 

 



.blog-box-content { 

 padding: 20px; 

 font-size: 14px; 

 } 

 



.blog-box-content h2 { 

 font-size: 22px; 

 margin: 0 0 10px 0; 

 } 

 



.arrow { 

 display: block; 

 width: 100%; 

 background: url("images/arrow.png"); 

 width: 22px; 

 height: 22px; 

 } 

 



.dates { 

 font-size: 12px; 

 color: #2daab2; 

 font-weight: bold; 

 margin: 0 0 10px 0; 

 } 

 



.grey-box { 

 float:left; 

 background: #fff; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 margin: 0 3.419909502262444% 0 0; 

 width: 48.2900452488%; 

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 padding: 10px 10px 4px 10px; 

 position: relative; 

 z-index: 9999; 

 } 

 



.grey-box:nth-of-type(2) { 

 margin: 0; 

 } 

 



.instagram { 

 clear: both; 

 padding: 20px 0; 

 } 

 



.instagram a { 

 float: left; 

 width: 15%; 

 margin: 0 2% 0 0; 

 } 

 



.instagram a:nth-child(6) { 

 margin: 0 0 0 0; 

 } 

 



.instagram img { 

 padding: 5px; 

 border: 2px solid #d3dcdc; 

 width: 100%; 

 height: 100%; 

 } 

 



.instagram img:hover { 

 transform: scale(0.9); 

 transition: all 0.3s ease 0s; 

 } 

 



.instagram a:nth-child(n+7) { 

 display: none; 

 } 

 



.fancy { border-bottom: 1px solid #d3dcdc; margin: 0 0 30px 0; display: block!important; }

.instagram h2 { display: none; } 

 

 .fancy span { 

 background: #eaf1f1; 

 position: relative; 

 bottom: -13px; 

 color: #4a4f55; 

 padding: 0 20px 0 0; 

 margin: 0; 

 display: inline-block; 

 font-size: 18px; 

 } 

 



.newsletter h1 { 

 font-size: 32px; 

 color: #fff; 

 margin: 0 0 30px 0; 

 text-align: center; 

 } 

 



.newsletter form { 

 margin: 20px auto; 

 text-align: center; 

 } 

 



.email { 

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 color: #4a4f55; 

 border:0; 

 width: 30%; 

 } 

 



.go { 

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 background: #3c521b; 

 color: #fff; 

 border:0; 

 width: 10%; 

 font-weight: bold; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



.go:hover { 

 background: #2e2822 !important; 

 color: #fff; 

 } 

 

 

 

/* 

 ========================================================================== 

 INNER PAGE SPECIFIC 

 ========================================================================== 

 */ 

 



.left { 

 width: 22.171945701357465%; 

 float: left; 

 margin: 0 3.619909502262444% 0 0; 

 } 

 



.right { 

 width: 74.2081447963801%; 

 float: left; 

 margin: 0; 

 background: #fff; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 padding: 30px; 

 } 

.blogs {
	background: none;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	padding:0;	 
}



.right h1 { 

 margin: 0 0 20px 0; 

 } 

 



.right img { 

 margin: 0 0 20px 0; 

 } 

 



.full { 

 width: 100%; 

 margin: 0 0 30px 0; 

 background: #fff; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 -moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2); 

 padding: 30px; 

 } 

 



.full-nobg { 

 width: 100%; 

 margin: 0 0 30px 0; 

 padding: 0; 

 } 

 

 

 

.contact-right { 

 width: 22.171945701357465%; 

 float: left; 

 margin: 0 3.619909502262444% 0 0; 

 } 

 



.contact-left { 

 width: 70.2081447963801%; 

 float: left; 

 margin: 0 4% 0 0 ; 

 } 

 



.widget { 

 margin: 0 0 30px 0; 

 } 

 



.left ul { 

 list-style-type: none; 

 margin:0; 

 padding:0; 

 } 

 



.left li { 

 margin:0; 

 padding:0; 

 width:100%; 

 } 

 



.left a { 

 margin:0; 

 padding:10px; 

 border-bottom: 1px solid #d3dcdc; 

 border-left: 5px solid #eaf1f1; 

 color: #4a4f55; 

 background: #eaf1f1; 

 display: block; 

 transition: all 0.3s ease 0s; 

 } 

 



.left a:hover { 

 margin:0; 

 padding:10px; 

 border-bottom: 1px solid #d3dcdc; 

 border-left: 5px solid #608c1e; 

 color: #4a4f55; 

 background: #d3dcdc; 

 transition: all 0.3s ease 0s; 

 } 

 



.left li:nth-of-type(1) { 

 border-top: 1px solid #d3dcdc; 

 } 

 



.left select { 

 display: none; 

 width: 100%; 

 padding: 10px; 

 margin: 0px 0 20px 0; 

 color: #4a4f55; 

 font: 16px Helvetica Neue,Helvetica,Arial,sans-serif; 

 border: 1px solid #d3dcdc; 

 cursor: pointer; 

 } 

 



.feat { 

 background-repeat:no-repeat !important; 

 -o-background-size: cover !important; 

 -ms-background-size: cover !important; 

 -moz-background-size: cover !important; 

 -webkit-background-size: cover !important; 

 background-size: cover !important; 

 -webkit-box-shadow: inset 0px -100px 50px 0px rgba(0, 0, 0, 0.6); 

 -moz-box-shadow: inset 0px -100px 50px 0px rgba(0, 0, 0, 0.6); 

 box-shadow: inset 0px -100px 50px 0px rgba(0, 0, 0, 0.6); 

 height: 420px; 

 } 

 



.feat h1 { 

 margin: 0 auto; 

 text-align: left; 

 padding: 0; 

 position: absolute; 

 left:5px; 

 top: 350px; 

 z-index: 1; 

 display: block; 

 color: #fff; 

 font-weight: 300; 

 text-shadow: 1px 1px 1px #000; 

 } 

 



.videoWrapper { 

 position: relative; 

 padding-bottom: 56.25%; /* 16:9 */ 

 padding-top: 25px; 

 height: 0; 

 border: 10px solid #d3dcdc; 

 } 

 



.videoWrapper iframe { 

 position: absolute; 

 top: 0; 

 left: 0; 

 width: 100%; 

 height: 100%; 

 } 

 



.video-bg { 

 background: url("images/video-bg.jpg") no-repeat; 

 background-size: cover; 

 background-repeat: none; 

 background-position: center top; 

 width: 100%; 

 margin: 0 auto; 

 -webkit-box-shadow: inset 0px 0 0 0 rgba(0, 0, 0, 0); 

 -moz-box-shadow: inset 0px 0 0 0 rgba(0, 0, 0, 0); 

 box-shadow: inset 0px 0 0 0 rgba(0, 0, 0, 0); 

 height: 510px; 

 } 

 



.live-bg { 

 background: url("images/seats.jpg") no-repeat; 

 background-size: cover; 

 background-repeat: none; 

 background-position: center; 

 width: 100%; 

 margin: 0 auto; 

 -webkit-box-shadow: inset 0px 0 0 0 rgba(0, 0, 0, 0); 

 -moz-box-shadow: inset 0px 0 0 0 rgba(0, 0, 0, 0); 

 box-shadow: inset 0px 0 0 0 rgba(0, 0, 0, 0); 

 height: 800px; 

 } 

 



.live-header { 

 font-size: 32px; 

 display: block; 

 text-align:center; 

 margin: 50px auto 0 auto; 

 color: #fff; 

 display: block; 

 font-weight: 300; 

 text-shadow: 1px 1px 1px #000; 

 } 

 



.vidpage { 

 border: 10px solid #d3dcdc; 

 height: 0; 

 margin: 20px auto 30px auto; 

 padding-bottom: 33.25%; 

 padding-top: 25px; 

 position: relative; 

 width: 65%; 

 } 

 



.video-bg h1 { 

 left: 0!important; 

 margin: 0 auto; 

 padding: 0; 

 position: relative!important; 

 text-align: center; 

 text-shadow: 1px 1px 1px #000; 

 top: 0!important; 

 } 

 

 

 

/* 

 ========================================================================== 

 FOOTER 

 ========================================================================== 

 */ 

 



footer { 

 clear:both; 

 background: #2e2822; 

 width: 100%; 

 padding: 25px 0 20px 0; 

 } 

 

 

 

.foot-logo { 

 background: url("images/footer-logo.png") no-repeat; 

 height: 68px; 

 width: 68px; 

 margin:0 20px 0 0; 

 float:left; 

 transition: all 0.3s ease 0s; 

 cursor: pointer; 

 } 

 



.foot-logo:hover { 

 transform: scale(0.9); 

 transition: all 0.3s ease 0s; 

 } 

 



.copy { 

 font-size: 12px; 

 vertical-align: middle; 

 color: #8a8586; 

 float:left; 

 display: block; 

 margin: 12px 0 0 0; 

 width: 75%; 

 } 

 



.foot-nav { 

 vertical-align: middle; 

 float:left; 

 display: block; 

 margin: 5px 0 0 0; 

 width: 75%; 

 } 

 



footer li { 

 display: inline; 

 } 

 



.foot-nav a { 

 color: #fff; 

 margin: 0 15px 0 0; 

 font-weight: bold; 

 font-size: 14px; 

 transition: all 0.3s ease 0s; 

 } 

 



.foot-nav a:hover { 

 color: #55504b; 

 transition: all 0.3s ease 0s; 

 } 

 

 

 

/* 

 ========================================================================== 

 SEARCH 

 ========================================================================== 

 */ 

 



#searchform { 

 margin: 0 0 15px 0; 

 width: 100%; 

 display:block; 

 } 

 



#s { 

 width: 74%; 

 margin: 0 2% 0 0; 

 border: 1px solid #d3dcdc; 

 padding: 10px; 

 color: #4a4f55; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 } 

 



#go { 

 width: 20%; 

 margin: 0; 

 border: 1px solid #2daab2; 

 padding: 9px; 

 background: #2daab2; 

 color: #fff; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



#go:hover { 

 border: 1px solid #679620; 

 background: #679620; 

 transition: all 0.3s ease 0s; 

 } 

 



/* 

 ========================================================================== 

 CONTACT 

 ========================================================================== 

 */ 

 



.name { 

 float:left; 

 font-weight: bold; 

 width: 25%; 

 margin: 0 2% 2% 0; 

 padding: 10px; 

 } 

 



.field { 

 float:left; 

 width: 73%; 

 margin: 0 0 2% 0; 

 } 

 



.field input[type="text"], .field input[type="email"], .field textarea { 

 width: 100%; 

 color: #5b6570; 

 border: 1px solid #d3dcdc; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 } 

 



.field input[type="text"]:focus, .field input[type="email"]:focus, .field textarea:focus { 

 border: 1px solid #608c1e; 

 } 

 



.send { 

 float:left; 

 margin: 0 0 0 27%; 

 width: 20%; 

 } 

 



.wpcf7-submit { 

 width: 100%; 

 color: #fff; 

 background: #608c1e; 

 border: 0; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



.wpcf7-submit:hover { 

 color: #fff; 

 background: #567f1a; 

 border: 0; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



/* 

 ========================================================================== 

 DIVISIONS 

 ========================================================================== 

 */ 

 



.div-boxes { 

 display:block; 

 width:100%; 

 background-size: cover; 

 } 

 



.div-box { 

 float:left; 

 width: 24%; 

 margin: 0 0.5% 1% 0.5%; 

 padding: 20% 0 0 0; 

 transition: all 0.3s ease 0s; 

 } 

 



.div-box:hover { 

 transform: scale(0.9); 

 transition: all 0.3s ease 0s; 

 } 

 



.div-box h2 { 

 font-size: 28px; 

 color: #fff; 

 text-shadow: 1px 1px 1px #000; 

 padding: 0px 10px; 

 } 

.disnone {
	display:none!important;
} 

.re-item{
	width: 50%;
	float:left;
	padding: 0px;
} 

.re-item:nth-of-type(2){
	margin: -10px 0 0 0;
} 

 .re-item iframe{
	width:100%;
} 

.right table img {
	max-width: 60%;
	margin: 0 10px 0 0;
	height: auto;
}

.green-but {
	background: #93d250;
	padding: 30px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin: 0 10px 50px 0;
	color: #fff;
	width: 30%;
	text-align: center;
	font-weight: bold;
}

.green-but:hover {
	background: #333;
	color: #fff;
}

 .next-st {
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    top: 48% !important;
} 

 

 

 

 

 

 /* 
==========================================================================
RETINA IMAGES
==========================================================================
*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

 .logo {
	background: url('images/logo_2x.png') no-repeat;
	background-size: 154px 154px;
 }
	

}


 



/* 

 ========================================================================== 

 MEDIA QUERIES 

 ========================================================================== 

 */ 

 .blog-feat { 

 width: 100%; 

 } 

 



.additional-meta { 

 color: #2daab2; 

 margin: 20px 0; 

 } 

 

 

 

.post h2 { 

 font: 26px Helvetica Neue,Helvetica,Arial,sans-serif; 

 margin: 0 0 20px; 

 padding: 0; 

 } 

 



.nav-prev a { 

 float:left; 

 background: #eaf1f1; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 color: #4a4f55; 

 border: 1px solid #d3dcdc; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



.nav-next a { 

 float:right; 

 background: #eaf1f1; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 color: #4a4f55; 

 border: 1px solid #d3dcdc; 

 cursor: pointer; 

 transition: all 0.3s ease 0s; 

 } 

 



.nav-prev a:hover, .nav-next a:hover { 

 background: #d3dcdc; 

 color: #4a4f55; 

 border: 1px solid #d3dcdc; 

 } 

 

 

 

/* 

 ========================================================================== 

 VIDEO PAGES 

 ========================================================================== 

 */ 

 



.vid-box { 

 float:left; 

 background: none repeat scroll 0 0 #fff; 

 border-radius: 5px; 

 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); 

 margin: 0 2% 2% 0; 

 padding: 10px; 

 position: relative; 

 width: 23.5%; 

 } 

 



.vid-box:nth-of-type(4n) { 

 margin: 0 0 2% 0; 

 } 

 



.vid-box h2 { 

 font-size: 16px; 

 font-weight: bold; 

 margin: 5px 0; 

 } 

 



.vid-opt {

 float: left;

 margin: -20px 20px 40px 0;

} 

 

.videos label { 

 display: block; 

 margin: 0 0 5px 0; 

 } 

 



.videos select { 

 color: #4a4f55; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 display: block; 

 border: 1px solid #d3dcdc; 

 padding: 10px; 

 margin: 0 0 5px 0; 

 } 

 

 

 

/* 

 ========================================================================== 

 CALENDAR 

 ========================================================================== 

 */ 

 



.cal-cont { 

 display: block; 

 margin: 0 auto; 

 max-width: 800px; 

 width: 100%; 

 position: relative; 

 } 

 



.calen { 

 background-size: cover !important; 

 height: auto !important; 

 margin: 0 auto; 

 max-width: 800px; 

 padding-top: 150%; 

 width: 100%; 

 } 

 



.tooltip > h3 { 

 background: #d33f49; 

 -webkit-border-radius: 15px; 

 -moz-border-radius: 15px; 

 border-radius: 15px; 

 padding: 5px; 

 text-align: center; 

 color: #fff; 

 font-size: 15px; 

 margin: 0 0 10px 0; 

 font-weight: bold; 

 } 

 



.tooltip > h2 { 

 font-size: 20px; 

 } 

 



.pin { 

 display: none; 

 } 

 

 .tooltip-up, .tooltip-down { 

 position: absolute; 

 background: url(images/arrow-up-down.png); 

 width: 60px; 

 height: 60px; 

 } 

 

 .tooltip-down { 

 background-position: 0 -40px; 

 } 

 

 .tooltip { 

 display: none; 

 width: 200px; 

 cursor: pointer; 

 position: absolute; 

 top: 10px; 

 left: 50%; 

 z-index: 999; 

 margin-left: -100px; 

 padding:15px; 

 color: #4a4f55; 

 -moz-border-radius: 5px; 

 -webkit-border-radius: 5px; 

 border-radius: 5px; 

 background: #ffffff; 

 color: #4a4f55; 

 } 

 



.tooltip::after { 

 content: ''; 

 position: absolute; 

 bottom: 150%; 

 left: 50%; 

 margin-left: -5px; 

 width: 0; 

 border-top: 5px solid #ffffff; 

 border-top: 5px solid hsla(0, 0%, 20%, 1); 

 border-right: 5px solid transparent; 

 border-left: 5px solid transparent; 

 content: " "; 

 font-size: 0; 

 line-height: 0; 

 



} 

 

 .tooltip-down .tooltip { 

 bottom: 12px; 

 top: auto; 

 } 

 

 .tooltip-down .tooltip::after { 

 bottom: -10px; 

 top: auto; 

 border-bottom: 0; 

 border-top: 10px solid #fff; 

 } 

 

 .tooltip h2 { 

 font-size: 18px; 

 margin: 0 0 10px; 

 } 

 

 .tooltip ul { 

 margin: 0; 

 padding: 0; 

 list-style: none; 

 font-size: 15px; 

 } 

 



.cal-boxes { 

 display: none; 

 } 

 



/* 

 ========================================================================== 

 PROGRAMS 

 ========================================================================== 

 */ 

 



.page-template-programs .blog-box, .page-template-join .blog-box, .page-template-alumni .blog-box {

 -webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

} 

 .page-template-programs .blog-box-content h2, .page-template-join .blog-box-content h2, .page-template-alumni .blog-box-content h2 {

 margin: 10px 0;

} 

 .page-template-programs .wood-bg, .page-template-join .wood-bg, .page-template-alumni .wood-bg {

 margin: 0;

} 

 



.page-template-programs .hero { 

 background: none; 

 background-position: top center; 

 background-size: cover; 

 height: 500px; 

 margin: 0; 

 position: relative; 

 



 z-index: 0; 

 } 

 



.padder { 

 padding: 0 0 40px 0; 

 } 

 



.darkblue { 

 background: #356aaa; 

 background: -moz-linear-gradient(top, #356aaa 0%, #2f5b90 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356aaa), color-stop(100%,#2f5b90)); 

 background: -webkit-linear-gradient(top, #356aaa 0%,#2f5b90 100%); 

 background: -o-linear-gradient(top, #356aaa 0%,#2f5b90 100%); 

 background: -ms-linear-gradient(top, #356aaa 0%,#2f5b90 100%); 

 background: linear-gradient(to bottom, #356aaa 0%,#2f5b90 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aaa', endColorstr='#2f5b90',GradientType=0 ); 

 } 

 



.darkblue .top-nav .current-menu-item, .darkblue .top-nav a:hover, .darkblue .go { 

 background: #264b77; 

 } 

 



.darkblue .social a { 

 border-left: 1px solid #5d86b8; 

 } 

 



.darkblue .social a:last-of-type { 

 border-left: 1px solid #5d86b8; 

 border-right: 1px solid #5d86b8; 

 } 

 



.darkblue-people { 

 background: url("images/icons/people-b.png") no-repeat; 

 color: #356aaa; 

 } 

 



.darkblue-map { 

 background: url("images/icons/map-b.png") no-repeat; 

 color: #356aaa; 

 } 

 



.darkblue-cal { 

 background: url("images/icons/cal-b.png") no-repeat; 

 color: #356aaa; 

 } 

 



.darkblue-cash { 

 background: url("images/icons/cash-b.png") no-repeat; 

 color: #356aaa; 

 } 

 



.darkblue-clock { 

 background: url("images/icons/clock-b.png") no-repeat; 

 color: #356aaa; 

 } 

 



.darkblue-man { 

 background: url("images/icons/man-b.png") no-repeat; 

 color: #356aaa; 

 } 

 

 

 

.red { 

 background: #d33f49; 

 background: -moz-linear-gradient(top, #d33f49 0%, #a9323a 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33f49), color-stop(100%,#a9323a)); 

 background: -webkit-linear-gradient(top, #d33f49 0%,#a9323a 100%); 

 background: -o-linear-gradient(top, #d33f49 0%,#a9323a 100%); 

 background: -ms-linear-gradient(top, #d33f49 0%,#a9323a 100%); 

 background: linear-gradient(to bottom, #d33f49 0%,#a9323a 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33f49', endColorstr='#a9323a',GradientType=0 ); 

 } 

 



.red .top-nav .current-menu-item, .red .top-nav a:hover, .red .go { 

 background: #941a22; 

 } 

 



.red .social a { 

 border-left: 1px solid #e25c65; 

 } 

 



.red .social a:last-of-type { 

 border-left: 1px solid #e25c65; 

 border-right: 1px solid #e25c65; 

 } 

 



.red-people { 

 background: url("images/icons/people-r.png") no-repeat; 

 color: #d33f49; 

 } 

 



.red-map { 

 background: url("images/icons/map-r.png") no-repeat; 

 color: #d33f49; 

 } 

 



.red-cal { 

 background: url("images/icons/cal-r.png") no-repeat; 

 color: #d33f49; 

 } 

 



.red-cash { 

 background: url("images/icons/cash-r.png") no-repeat; 

 color: #d33f49; 

 } 

 



.red-clock { 

 background: url("images/icons/clock-r.png") no-repeat; 

 color: #d33f49; 

 } 

 



.red-man { 

 background: url("images/icons/man-r.png") no-repeat; 

 color: #d33f49; 

 } 

 

 

 

.green { 

 background: #6fa222; 

 background: -moz-linear-gradient(top, #6fa222 0%, #608d1e 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fa222), color-stop(100%,#608d1e)); 

 background: -webkit-linear-gradient(top, #6fa222 0%,#608d1e 100%); 

 background: -o-linear-gradient(top, #6fa222 0%,#608d1e 100%); 

 background: -ms-linear-gradient(top, #6fa222 0%,#608d1e 100%); 

 background: linear-gradient(to bottom, #6fa222 0%,#608d1e 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa222', endColorstr='#608d1e',GradientType=0 ); 

 } 

 



.green .top-nav .current-menu-item, .green .top-nav a:hover, .green .go { 

 background: #557f14; 

 } 

 



.green .social a { 

 border-left: 1px solid #84a94c; 

 } 

 



.green .social a:last-of-type { 

 border-left: 1px solid #84a94c; 

 border-right: 1px solid #84a94c; 

 } 

 



.green-people { 

 background: url("images/icons/people-g.png") no-repeat; 

 color: #6fa222; 

 } 

 



.green-map { 

 background: url("images/icons/map-g.png") no-repeat; 

 color: #6fa222; 

 } 

 



.green-cal { 

 background: url("images/icons/cal-g.png") no-repeat; 

 color: #6fa222; 

 } 

 



.green-cash { 

 background: url("images/icons/cash-g.png") no-repeat; 

 color: #6fa222; 

 } 

 



.green-clock { 

 background: url("images/icons/clock-g.png") no-repeat; 

 color: #6fa222; 

 } 

 



.green-man { 

 background: url("images/icons/man-g.png") no-repeat; 

 color: #6fa222; 

 } 

 



.purple { 

 background: #514495; 

 background: -moz-linear-gradient(top, #514495 0%, #362b6f 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#514495), color-stop(100%,#362b6f)); 

 background: -webkit-linear-gradient(top, #514495 0%,#362b6f 100%); 

 background: -o-linear-gradient(top, #514495 0%,#362b6f 100%); 

 background: -ms-linear-gradient(top, #514495 0%,#362b6f 100%); 

 background: linear-gradient(to bottom, #514495 0%,#362b6f 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514495', endColorstr='#362b6f',GradientType=0 ); 

 } 

 



.purple .top-nav .current-menu-item, .purple .top-nav a:hover, .purple .go { 

 background: #2c206d; 

 } 

 



.purple .social a { 

 border-left: 1px solid #61559f; 

 } 

 



.purple .social a:last-of-type { 

 border-left: 1px solid #61559f; 

 border-right: 1px solid #61559f; 

 } 

 



.purple-people { 

 background: url("images/icons/people-p.png") no-repeat; 

 color: #514495; 

 } 

 



.purple-map { 

 background: url("images/icons/map-p.png") no-repeat; 

 color: #514495; 

 } 

 



.purple-cal { 

 background: url("images/icons/cal-p.png") no-repeat; 

 color: #514495; 

 } 

 



.purple-cash { 

 background: url("images/icons/cash-p.png") no-repeat; 

 color: #514495; 

 } 

 



.purple-clock { 

 background: url("images/icons/clock-p.png") no-repeat; 

 color: #514495; 

 } 

 



.purple-man { 

 background: url("images/icons/man-p.png") no-repeat; 

 color: #514495; 

 } 

 



.yellow { 

 background: #e09902; 

 background: -moz-linear-gradient(top, #e09902 0%, #c98900 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e09902), color-stop(100%,#c98900)); 

 background: -webkit-linear-gradient(top, #e09902 0%,#c98900 100%); 

 background: -o-linear-gradient(top, #e09902 0%,#c98900 100%); 

 background: -ms-linear-gradient(top, #e09902 0%,#c98900 100%); 

 background: linear-gradient(to bottom, #e09902 0%,#c98900 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09902', endColorstr='#c98900',GradientType=0 ); 

 } 

 



.yellow .top-nav .current-menu-item, .yellow .top-nav a:hover, .yellow .go { 

 background: #ad7601; 

 } 

 



.yellow .social a { 

 border-left: 1px solid #e3a92e; 

 } 

 



.yellow .social a:last-of-type { 

 border-left: 1px solid #e3a92e; 

 border-right: 1px solid #e3a92e; 

 } 

 



.yellow-people { 

 background: url("images/icons/people-y.png") no-repeat; 

 color: #e09902; 

 } 

 



.yellow-map { 

 background: url("images/icons/map-y.png") no-repeat; 

 color: #e09902; 

 } 

 



.yellow-cal { 

 background: url("images/icons/cal-y.png") no-repeat; 

 color: #e09902; 

 } 

 



.yellow-cash { 

 background: url("images/icons/cash-y.png") no-repeat; 

 color: #e09902; 

 } 

 



.yellow-clock { 

 background: url("images/icons/clock-y.png") no-repeat; 

 color: #e09902; 

 } 

 



.yellow-man { 

 background: url("images/icons/man-y.png") no-repeat; 

 color: #e09902; 

 } 

 

 

 

.orange { 

 background: #ce781c; 

 background: -moz-linear-gradient(top, #ce781c 0%, #bc6a12 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce781c), color-stop(100%,#bc6a12)); 

 background: -webkit-linear-gradient(top, #ce781c 0%,#bc6a12 100%); 

 background: -o-linear-gradient(top, #ce781c 0%,#bc6a12 100%); 

 background: -ms-linear-gradient(top, #ce781c 0%,#bc6a12 100%); 

 background: linear-gradient(to bottom, #ce781c 0%,#bc6a12 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce781c', endColorstr='#bc6a12',GradientType=0 ); 

 } 

 



.orange .top-nav .current-menu-item, .orange .top-nav a:hover, .orange .go { 

 background: #a65c0c; 

 } 

 



.orange .social a { 

 border-left: 1px solid #d89044; 

 } 

 



.orange .social a:last-of-type { 

 border-left: 1px solid #d89044; 

 border-right: 1px solid #d89044; 

 } 

 



.orange-people { 

 background: url("images/icons/people-o.png") no-repeat; 

 color: #ce781c; 

 } 

 



.orange-map { 

 background: url("images/icons/map-o.png") no-repeat; 

 color: #ce781c; 

 } 

 



.orange-cal { 

 background: url("images/icons/cal-o.png") no-repeat; 

 color: #ce781c; 

 } 

 



.orange-cash { 

 background: url("images/icons/cash-o.png") no-repeat; 

 color: #ce781c; 

 } 

 



.orange-clock { 

 background: url("images/icons/clock-o.png") no-repeat; 

 color: #ce781c; 

 } 

 



.orange-man { 

 background: url("images/icons/man-o.png") no-repeat; 

 color: #ce781c; 

 } 

 

 

 

.teal { 

 background: #228a83; 

 background: -moz-linear-gradient(top, #228a83 0%, #126d67 100%); 

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#228a83), color-stop(100%,#126d67)); 

 background: -webkit-linear-gradient(top, #228a83 0%,#126d67 100%); 

 background: -o-linear-gradient(top, #228a83 0%,#126d67 100%); 

 background: -ms-linear-gradient(top, #228a83 0%,#126d67 100%); 

 background: linear-gradient(to bottom, #228a83 0%,#126d67 100%); 

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228a83', endColorstr='#126d67',GradientType=0 ); 

 } 

 



.teal .top-nav .current-menu-item, .teal .top-nav a:hover, .teal .go { 

 background: #0d5e59; 

 } 

 



.teal .social a { 

 border-left: 1px solid #32918b; 

 } 

 



.teal .social a:last-of-type { 

 border-left: 1px solid #32918b; 

 border-right: 1px solid #32918b; 

 } 

 



.teal-people { 

 background: url("images/icons/people-t.png") no-repeat; 

 color: #228a83; 

 } 

 



.teal-map { 

 background: url("images/icons/map-t.png") no-repeat; 

 color: #228a83; 

 } 

 



.teal-cal { 

 background: url("images/icons/cal-t.png") no-repeat; 

 color: #228a83; 

 } 

 



.teal-cash { 

 background: url("images/icons/cash-t.png") no-repeat; 

 color: #228a83; 

 } 

 



.teal-clock { 

 background: url("images/icons/clock-t.png") no-repeat; 

 color: #228a83; 

 } 

 



.teal-man { 

 background: url("images/icons/man-t.png") no-repeat; 

 color: #228a83; 

 } 

 



.icon { 

 padding: 0 0 0 35px; 

 vertical-align: middle; 

 margin: 0 10px 5px 0; 

 line-height: 28px; 

 font-weight: bold; 

 } 

 



.quick-item { 

 margin: 0 0 15px; 

 } 

 



.qf { 

 margin: 0 0 15px 0; 

 } 

 



.darkblue-title { 

 color: #356aaa; 

 } 

 



.red-title { 

 color: #d33f49; 

 } 

 



.green-title { 

 color: #6fa222; 

 } 

 

 .purple-title { 

 color: #514495; 

 } 

 



.yellow-title { 

 color: #e09902; 

 } 

 



.orange-title { 

 color: #ce781c; 

 } 

 .alignleft {

 padding: 10px;

} 

 .teal-title { 

 color: #228a83; 

 } 

 .join {

 width: 100%;

 margin: 40px auto;

} 

 .join-left {

 float:left;

 width: 48%;

 margin: 0 4% 0 0;

} 

 .join-right {

 float:left;

 width: 48%;

 margin: 0;

} 

 .grey-bg ul {

 list-style-type: disc;

 margin: 0 0 20px 15px;

 padding:0;

} 

 .grey-bg li {

 margin: 0 0 5px 0;

 padding:0;

} 

 



/* 

 ========================================================================== 

 STAFF 

 ========================================================================== 

 */ 

 



.staff h3 { 

 color: #608c1e; 

 margin: 5px 0; 

 font-size: 18px; 

 } 

 



.role { 

 font-size: 13px; 

 } 

 



.cate { 

 clear: both; 

 display: block; 

 margin: 0 0 40px; 

 width: 100%; 

 } 

 



.green-button { 

 color: #5b6570; 

 border: 1px solid #d3dcdc; 

 background: #fff; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 -webkit-border-radius: 5px; 

 -moz-border-radius: 5px; 

 border-radius: 5px; 

 padding: 10px; 

 margin: 0 5px 5px 0; 

 transition: all 0.3s ease 0s; 

 cursor: pointer; 

 float: left; 

 } 

 



.green-button:hover, .green-button-active { 

 color: #fff; 

 border: 1px solid #608c1e; 

 background: #608c1e; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 transition: all 0.3s ease 0s; 

 cursor: pointer; 

 } 

 



/* 

 ========================================================================== 

 VALUES 

 ========================================================================== 

 */ 

 



.page-template-values .bx-pager { 

 display: none!important; 

 } 

 



.swap .banner-boxes { 

 float:left; 

 width: 30.76923076923077%; 

 } 

 



.swap .video-boxes { 

 float: right; 

 width: 66.06334841628959%; 

 margin: 0 0 0 3.167420814479638%; 

 } 

 



.swap { 

 margin: -20px 0 20px; 

 } 

 



.value-left { 

 color: #fff; 

 float: left; 

 margin: 0 5% 0 0; 

 width: 45%; 

 padding: 50px 0; 

 } 

 

 

 

.value-right { 

 color: #fff; 

 float: left; 

 margin: 0; 

 width: 50%; 

 padding: 50px 0; 

 } 

 



.value-right .videoWrapper { 

 position: relative; 

 padding-bottom: 56.25%; /* 16:9 */ 

 padding-top: 25px; 

 height: 0; 

 border: 0; 

 } 

 



.bg-m { 

 background: url("images/bg-m.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-m iframe, .bg-m .value-right img { 

 border: 8px solid rgba(71, 94, 20, .5); 

 } 

 



.bg-o { 

 background: url("images/bg-o.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-o iframe, .bg-0 .value-right img { 

 border: 8px solid rgba(34, 62, 101, .5); 

 } 

 



.bg-r { 

 background: url("images/bg-r.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-r iframe, .bg-r .value-right img { 
	border: 8px solid rgba(51, 42, 90, .5); 
} 

 



.bg-aa { 

 background: url("images/bg-aa.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-aa iframe, .bg-aa .value-right img { 

 border: 8px solid rgba(142, 70, 18, .5); 

 } 

 



.bg-s{ 

 background: url("images/bg-s.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-s iframe, .bg-s .value-right img { 

 border: 8px solid rgba(155, 106, 2, .5); 

 } 

 



.bg-h { 

 background: url("images/bg-h.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-h iframe, .bg-h .value-right img { 

 border: 8px solid rgba(155, 46, 53, .5); 

 } 

 



.bg-a { 

 background: url("images/bg-a.jpg"); 

 background-position: top center; 

 background-size: cover; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.bg-a iframe, .bg-a .value-right img { 

 border: 8px solid rgba(21, 84, 78, .5); 

 } 

 



.mob-login { 

 display:none; 

 } 

 



.faq-details { 

 display:none; 

 padding: 10px; 

 } 

 



.faq-title { 

 border:0; 

 margin: 0 0 1px 0; 

 background: #ec7a00; 

 color: #fff; 

 font-weight:bold; 

 padding: 10px 0 10px 0; 

 cursor: pointer; 

 display: block; 

 text-align:center; 

 vertical-align: middle; 

 -webkit-transition: all 0.3s; 

 -moz-transition: all 0.3s; 

 transition: all 0.3s; 

 text-transform:uppercase; 

 } 

 



.faq-title:hover { 

 background: #666; 

 color: #fff; 

 transition: all 0.3s; 

 text-transform:uppercase; 

 } 

 



.mob-login input[type=text], .hentry input[type=text], .mob-login input[type=password], .hentry input[type=password] { 

 border: 1px solid #e5e5e5; 

 margin: 5px 0 0; 

 padding: 10px; 

 width: 100%; 

 color: #4a4f55; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 } 

 



.button { 

 color: #fff; 

 font: 15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif; 

 border: 0; 

 margin: 5px 0 0; 

 padding: 10px; 

 width: 100%; 

 background: #6fa322; 

 color: #fff; 

 transition: all 0.3s; 

 text-transform:uppercase; 

 cursor: pointer; 

 } 

 



.button:hover { 

 background: #666; 

 color: #fff; 

 border: 0; 

 transition: all 0.3s; 

 text-transform:uppercase; 

 cursor: pointer; 

 } 

 



.hentry { 

 width: 460px !important; 

 height:260px !important; 

 padding:2% !important; 

 } 

 



#fancybox-wrap { 

 width: 500px !important; 

 } 

 



#fancybox-content { 

 width: 480px !important; 

 } 

 

 

 

/* 

 ========================================================================== 

 APP 

 ========================================================================== 

 */ 

 



.app { 

 background: url("images/app-body.png"); 

 background-position: top center; 

 background-size: cover; 

 height: 500px; 

 margin: 0; 

 position: relative; 

 z-index: 0; 

 } 

 



.app-cont { 

 float: left; 

 margin: 10% 0 0; 

 width: 50%; 

 } 

 



.app-box { 

 float:left; 

 width: 46%; 

 margin: 2%; 

 color: #fff; 

 } 

 



.rww { 

 width: 100%; 

 display: block; 

 margin: 50px auto; 

 } 

 



.rww-box { 

 float:left; 

 width: 31%; 

 margin: 0 1% 0 1%; 

 } 

 



.read { 

 background: url("images/read.png") no-repeat; 

 padding: 0 0 20px 60px; 

 font-size: 30px; 

 } 

 



.write { 

 background: url("images/write.png") no-repeat; 

 padding: 0 0 20px 60px; 

 font-size: 30px; 

 } 

 



.watch { 

 background: url("images/watch.png") no-repeat; 

 padding: 0 0 20px 60px; 

 font-size: 30px; 

 } 

 

 

 

/* 

 ========================================================================== 

 ACTIVITIES 

 ========================================================================== 

 */ 

 



.act-box { 

 float:left; 

 background: #fff; 

 border-radius: 5px; 

 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); 

 margin: 0 1.3% 2% 0; 

 padding: 20px; 

 position: relative; 

 width: 24%; 

 } 

 



.act-box:nth-of-type(4) { 

 margin: 0 0 2% 0; 

 } 

 



.act-box ul { 

 list-style-type: none; 

 margin:0; 

 padding:0; 

 } 

 



.act-box li { 

 background: url('images/check.png') no-repeat; 

 padding: 0 0 0 25px; 

 margin:0 0 5px 0; 

 } 

 



.trips { 

 display:block; 

 width: 100%; 

 background: #679620; 

 } 

 



.ac-left { 

 float: left; 

 width: 58%; 

 margin: 4% 0 0 0; 

 color: #fff; 

 } 

 



.ac-right { 

 float:right; 

 width: 38%; 

 margin: 0 0 2% 4%; 

 } 

 



.grey-trips .ac-left { 

 float: left; 

 width: 50%; 

 margin: 4% 0 0 0; 

 color: #4a4f55; 

 } 

 



.grey-trips .ac-right { 

 float:right; 

 width: 38%; 

 margin: 32% 0 2% 4%; 

 } 

 



.grey-trips .ac-right ul { 

 list-style-type: disc; 

 margin: 0 0 0 15px; 

 padding:0; 

 } 

 



.circ { 

 position: absolute; 

 right:0; 

 top:0; 

 } 

 

 

 

.circ > img { 

 float: right; 

 text-align: right; 

 width: 90%; 

 } 

 



.teal { 

 width: 100%; 

 display: block; 

 background: #2daab2; 

 } 

 



.teal iframe { 

 border: 8px solid rgba(36, 136, 142, .5); 

 } 

 



.arc-boxes { 

 width: 100%; 

 display: block; 

 margin: 30px auto; 

 } 

 



.arc-box { 

 background: none repeat scroll 0 0 #fff; 

 border-radius: 5px; 

 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); 

 float: left; 

 margin: 0 2% 2% 0; 

 padding: 10px; 

 position: relative; 

 width: 32%; 

 } 

 



.arc-box:nth-of-type(3) { 

 margin: 0 0 2% 0; 

 } 

 



.forg { 

 display: block; 

 margin: 10px auto; 

 text-align: center; 

 } 

 



.form-text { 

 float: left; 

 padding: 0%; 

 width: 50%; 

 } 

 



#fancyboxID-1 .frm-holder { 

 float: right; 

 padding: 0 0 0 2%; 

 width: 44%; 

 } 

 



.form-text ul { 

 list-style-type: disc; 

 margin: 10px 0 0 15px; 

 } 

 

 

 

.form-text li { 

 margin:0 0 5px 0; 

 } 

 



/* 

==========================================================================

COMMENTS

==========================================================================

*/ 

 #comments ul {

 list-style-type: none;

 margin:5px 0;

 padding:0;

} 

 #comments li {

 background: none!important; 

 margin:0 0 5px 0;

 padding: 5px 0 5px 0px;

 vertical-align: middle;

} 

 .comm {

 margin:0;

 padding:0 0 20px 0;

 border-bottom: 1px solid #d3dcdc;

} 

 #commentform {

 margin: 0;

} 

 #comments {

 width: 100%;

 padding:0;

 margin: 0;

} 

 #comments .tabs {

 width: 100%;

} 

 #comments .sidetab-head {

 padding: 5px 15px;

} 

 #comments ul {

 list-style: none;

} 

 #comments ul.commentlist {

 padding: 0;

} 

 #comments ul.parent {

 padding-bottom: 0px;

} 

 #comments ul.children {

 margin:0 0 0 15px;

 padding:0;

 list-style:none; 

 } 

 #comments ul.commentlist li {

 margin: 0;

} 

 .comment-reply-link {

 float: left;

 position: relative;

 text-transform: uppercase;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 color: #fff!important;

 text-decoration: none !important;

} 

 .comment-reply-link {

 padding:3px;

 margin:0 0 5px 0;

 border: 0;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 background: #618d1e;

 color: #fff;

 font-weight:bold;

 transition: all 0.3s ease 0s;

} 

 .comment-reply-link:hover{

 padding:3px;

 margin:0 0 5px 0;

 border: 0;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 background: #3c521b;

 color: #fff!important;

 text-decoration: none !important;

 font-weight:bold;

 transition: all 0.3s ease 0s;

} 

 .comment-reply-link a {

 color: #fff;

} 

 .comment-reply-link a:hover {

 color: #fff;

} 

 #respond {

 margin: 0;

 padding:0;

} 

 ul.pinglist {

 list-style:none;

 margin:0 0 5px 0;

 padding:0;

} 

 li.pinglist {

 margin:0 0 3px 0;

 padding:0;

} 

 .pinglist a {

 color: #4a4f55;

} 

 .pinglist a:hover{

 color: #4a4f55;

} 

 .trackback {

 clear: both;

} 

 .trackback ul {

 list-style: none;

 margin-top: 10px;

} 

 small {

 font: 12px Helvetica Neue,Helvetica,Arial,sans-serif;

 vertical-align:middle;

 color:#618d1e;

 margin: 5px 0 5px 0;

} 

 .comhead {

 display:inline;

 font-size: 18px;

 font-weight:bold;

 vertical-align:middle;

} 

 .comment-meta {

 float:left;

 width: 85%;

 margin: 10px 0 5px 0;

 padding: 0; 

 } 

 .says {

 margin:10px 0 10px 0;

 padding:0;

} 

 .says p {

 margin:0;

 padding:0;

} 

 label {

 display:block;

 font: 13px Helvetica Neue,Helvetica,Arial,sans-serif;

 color: #4a4f55;

 margin: 0 0 10px 0;

 padding:0;

 font-weight:normal;

} 

 #commentform {

 width: 100%;

 margin: 0 0 20px 0;

} 

 #author2 {

 width: 100%;

 margin: 0 0 20px 0;

 padding: 3px;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 color: #4a4f55;

 border:1px solid #d3dcdc;

} 

 #author2:focus {

 border:1px solid #618d1e;

 padding: 3px;

} 

 #email {

 width: 100%;

 margin: 0 0 20px 0;

 padding: 3px;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 color: #4a4f55;

 border:1px solid #d3dcdc;

} 

 #email:focus {

 border:1px solid #618d1e;

 padding: 3px;

} 

 #url {

 width: 100%;

 margin: 0 0 20px 0;

 padding: 3px;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 color: #4a4f55;

 border:1px solid #d3dcdc;

} 

 #url:focus {

 border:1px solid #618d1e;

 padding: 3px;

} 

 #comment {

 width: 100%;

 minwidth: 380px;

 min-height: 150px;

 margin: 0;

 padding: 3px;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 color: #4a4f55;

 border:1px solid #d3dcdc;

} 

 #comment:focus {

 border:1px solid #618d1e;

 padding: 3px;

} 

 .submit-comment {

 display:block;

 background: #618d1e;

 color: #fff;

 font: 14px Helvetica Neue,Helvetica,Arial,sans-serif;

 padding: 10px;

 width: 100%;

 margin: 10px 0 10px 0;

 border:0;

 cursor:pointer;

 transition: all 0.3s ease 0s;

} 

 .submit-comment:hover {

 background: #7ec7db;

 transition: all 0.3s ease 0s;

} 

 #cancel-comment-reply-link {

 font: 12px Helvetica Neue,Helvetica,Arial,sans-serif;

 margin: 10px 0 15px 0;

 padding:2px;

 background: #618d1e;

 color: #fff;

 transition: all 0.3s ease 0s;

} 

 #cancel-comment-reply-link:hover {

 font: 12px Helvetica Neue,Helvetica,Arial,sans-serif;

 margin: 10px 0 15px 0;

 padding:2px;

 background: #b1dde3;

 color: #fff;

 transition: all 0.3s ease 0s;

} 

 .minusone {

 margin-top: -2px;

} 

 .page-titles {

 font-size: 17px; 

 margin:-11px 0 15px 0!important;

 padding:10px 5px;

 font-weight:bold;

 color: #618d1e!important;

} 

 

.coret {

 margin: 0 auto;

 padding: 0 50px 20px !important;

 text-align: center;

 width: 75%;

} 

 .page-template-app .bx-pager {

 display:none;

} 

 

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {

 left: -15px !important;

} 

 .insta > h2 {

 display: none!important;

} 

 

.gb_overlay {

 height: 100%!important;

 width: 100%!important;

} 

 .custom_desc {

 width:100%; 

} 

 /* ========================================================================== NEWSLETTER ========================================================================== */

.nl a { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #e5e5e5; float: left; margin: 0 5px 5px 0; padding: 10px; }

.nl h2 { clear:both; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0; margin: 0 0 20px 0; }

.nl-row { clear:both; margin: 0 0 30px 0; }

/* ========================================================================== MEDIA QUERIES ========================================================================== */ 

 

 

 

@media screen and (min-width: 960px) { 

 

 

 

} 

 

 

 

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

 



 .nav, .social { 

 display: none; 

 } 

 



 nav { 

 height: auto; 

 padding: 0 0 15px 0; 

 } 

 



 .ac-right, .grey-trips .ac-right { 

 float: none; 

 width: 100%; 

 padding: 0; 

 margin: -20px 0 30px 0; 

 display:block; 

 } 

 



 .ac-left, .grey-trips .ac-left { 

 float: none; 

 width: 100%; 

 padding: 30px 0 0 0; 

 margin: 0; 

 display:block; 

 } 

 



 .circ { 

 display: none; 

 } 

 

 

 

} 

 

 

 

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

 .disnone {
	display:block!important;
} 


.disnone .nav li {
    background: #3c521b;
    position: relative;
}


.logo { 

 background: url("images/logo_mob.png") no-repeat; 

 height: 50px; 

 width: 240px; 

 display: block; 

 margin: 0px auto 30px auto; 

 position: relative; 

 } 

 



 .container { 

 margin: 15px auto; 

 } 

 

 nav { 

 float:none; 

 width:100%; 

 margin: 0; 

 padding:0; 

 z-index: 9999999999999; 

 display: block; 

 position: relative; 

 height: 50px; 

 padding: 0; 

 -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0); 

 -moz-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0); 

 box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0); 

 } 

 



 .nav a { 

 font-size: 14px; 

 padding:10px; 

 } 

 



 .nav a:hover { 

 font-size: 14px; 

 padding:10px; 

 } 

 



 .nav { 

 clear: both; 

 background: #6fa222; 

 height:auto; 

 text-align:left; 

 padding:0; 

 margin: 0; 

 } 

 



 .burger { 

 font: 30px/0.5 Helvetica, Arial, sans-serif; 

 text-align: right; 

 padding:0; 

 display: inline; 

 vertical-align: middle; 

 padding:5px; 

 float:right; 

 } 

 



 .nav li a:hover, .nav li:hover { 

 background: #4e7219; 

 } 

 



 .nav > li a { 

 border-bottom: 1px solid #FFFFFF; 

 color: #fff; 

 } 

 



 .active { 

 display: block; 

 } 

 



 .nav > li { 

 float: none; 

 display:block; 

 } 

 



 .nav > li > .parent { 

 background-position: 95% 50%; 

 } 

 

 .nav > li > .parent { 

 background-image: none; 

 padding: 10px 18px 10px 10px; 

 } 

 

 .nav li .more { 

 background-image: url("images/downArrow.png"); 

 background-repeat: no-repeat; 

 background-position: 55% 50%; 

 float: right; 

 width: 15%; 

 padding: 0; 

 margin: 10px 5px 2px 0px; 

 cursor: pointer; 

 z-index: 200; 

 position: relative; 

 } 

 



 .nav li .more:before { 

 content: ""; 

 background: #fff; 

 width: 1px; 

 display: block; 

 position: absolute; 

 top: 0; 

 bottom: 0; 

 left: -2px; 

 } 

 

 .nav ul { 

 display: block; 

 width: 100%; 

 } 

 



 .nav > li.hover > ul , .nav li li.hover ul { 

 position: static; 

 } 

 



 .nav li li a { 

 background: #90c146; 

 color:#fff; 

 } 

 

 nav a { 

 margin: 0 !important; 

 } 

 



 nav .inner { 

 padding: 0; 

 } 

 



 .nav, .top-nav { 

 display: none; 

 } 

 



 .green-bar, .note { 

 display: none; 

 } 

 



 .note-mob { 

 display: block; 

 background: #2daab2; 

 width: 100%; 

 color: #fff; 

 position: relative; 

 text-align: center; 

 font-weight: bold; 

 font-size: 20px; 

 padding: 10px; 

 } 

 



 .note-mob h2 { 

 color: #fff; 

 font-size: 18px; 

 margin: 0 0 5px 0; 

 padding: 0; 

 } 

 



 .instagram a { 

 width: 24%; 

 margin: 0 1% 0 0; 

 } 

 



 .instagram a:nth-child(n+7) { 

 display: block; 

 } 

 



 .foot-logo { 

 margin: 0 auto; 

 float:none; 

 display: block; 

 } 

 



 .copy { 

 font-size: 12px; 

 display: inline; 

 vertical-align: middle; 

 color: #8a8586; 

 float:none; 

 display: block; 

 margin: 10px auto; 

 text-align: center; 

 } 

 



 .foot-nav { 

 float:none; 

 display: block; 

 margin: 10px auto; 

 text-align: center; 

 } 

 



 .foot-nav a { 

 margin: 0 5px; 

 } 

 



 .video-boxes, .swap .video-boxes { 

 clear:both; 

 float: none; 

 display: block; 

 margin: 0 0 30px 0; 

 width: 100%; 

 } 

 



 .banner-boxes, .swap .banner-boxes { 

 clear:both; 

 float: none; 

 display: block; 

 margin: 0 0 20px 0; 

 width: 100%; 

 } 

 



 .banner-box { 

 float: left; 

 width: 48%; 

 margin: 0 1% 20px 1%; 

 } 

 



 .play { 

 top: 30%; 

 } 

 



 .hero, .hero ul li { 
 height: 300px; 
 } 

 



 .hero-text { 

 padding: 75px 0 0 0; 

 } 

 



 .hero-text h1 { 

 font-size: 26px; 

 } 

 



 .feat { 

 height: 200px; 

 } 

 



 .feat h1 { 

 top: 150px; 

 } 

 



 .video-bg, .live-bg { 

 height: 450px; 

 } 

 



 .div-box { 

 width: 32%; 

 margin: 0 0.6% 1% 0.6%; 

 } 

 



 .vid-box, .vid-box:nth-of-type(4n) { 

 margin: 0 2% 2% 0; 

 width: 49%; 

 } 

 



 .vid-box:nth-of-type(2n) { 

 margin: 0 0 2% 0; 

 } 

 



 .cal-cont { 

 display:none; 

 } 

 



 .cal-boxes { 

 display: block; 

 } 

 



 .cal-box { 

 float:left; 

 padding: 10px; 

 background: #fff; 

 -webkit-border-radius: 15px; 

 -moz-border-radius: 15px; 

 border-radius: 15px; 

 width: 49%; 

 margin: 0 2% 2% 0; 

 } 

 



 .cal-box:nth-of-type(2n) { 

 margin: 0 0 2% 0; 

 } 

 



 .cal-box > h3 { 

 background: #d33f49; 

 -webkit-border-radius: 15px; 

 -moz-border-radius: 15px; 

 border-radius: 15px; 

 padding: 5px; 

 text-align: center; 

 color: #fff; 

 font-size: 15px; 

 margin: 0 0 10px 0; 

 font-weight: bold; 

 } 

 



 .value-left { 

 display:block; 

 color: #fff; 

 float: none; 

 margin: 0; 

 padding: 20px 0; 

 width: 100%; 

 } 

 



 .value-right { 

 display:block; 

 color: #fff; 

 float: none; 

 margin: 0; 

 padding: 0 0 30px; 

 width: 100%; 

 } 

 



 .mymor, .mymor a { 

 display:none !important; 

 } 

 



 .mob-login { 

 display:block; 

 } 

 

 

 

 .app { 

 background: #2daab2; 

 height: auto 

 } 

 



 .app-cont { 

 float:none; 

 display:block; 

 width: 100%; 

 margin: 2% 0 0 0; 

 } 

 

 

 

 .act-box, .act-box:nth-of-type(4) { 

 margin: 0 2% 2% 0; 

 width: 48%; 

 } 

 



 .act-box:nth-of-type(2) { 

 margin: 0 0 2% 0; 

 } 

 
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

 .logo {
	background: url('images/logo_mob_2x.png') no-repeat;
	background-size: 240px 50px;
 }

}


 

 

} 

 

 

 

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

 .re-item, .re-item:nth-of-type(2){
	margin: 0 0 20px 0;
	float:none;
	display:block;
	width: 100%;
} 


 .join-left {

 float:none;

 display:block;

 width:100%;

 margin: 0 0 30px 0;

} 

 

.join-right {

 float:none;

 display:block;

 width:100%;

 margin: 0 0 30px 0;

} 

 

.video-box-left {

 float:none;

 display:block;

 width:100%;

 margin: 0 0 30px 0;

} 

 .video-box-right {

 float:none;

 display:block;

 width:100%;

 margin: 0;

} 

 .grey-box, .grey-box:nth-of-type(2) { 

 float:none; 

 margin: 0 0 20px 0; 

 width: 100%; 

 display: block; 

 } 

 



 .newsletter h1 { 

 font-size: 22px; 

 } 

 



 .blog-area { 

 padding: 40px 0; 

 } 

 



 .blog-box { 

 float: none; 

 display: block; 

 margin: 0 0 30px 0; 

 width: 100%; 

 } 

 



 .bx-wrapper .bx-pager { 

 margin: 20px 0 -5px 0; 

 } 

 



 .bx-pager { 

 float:left; 

 text-align: left!important; 

 display: block; 

 width: 100%; 

 } 

 



 .play { 

 top: 28%; 

 } 

 



 .buttons { 

 width: 100%; 

 margin: 10px auto; 

 } 

 



 .white-button, .orange-button { 

 float:none; 

 width: 200px; 

 padding: 10px; 

 display: block; 

 font-size: 16px; 

 cursor: pointer; 

 margin: 10px auto; 

 } 

 



 .left, .right, .contact-right, .contact-left { 

 float:none; 

 width: 100%; 

 display: block; 

 margin: 0 0 20px 0; 

 } 

 



 .contact-right { 

 text-align:center; 

 } 

 



 .name { 

 float:none; 

 display:block; 

 font-weight: bold; 

 width: 100%; 

 margin: 0 2% 2% 0; 

 padding: 0px; 

 } 

 



 .field { 

 float:none; 

 display:block; 

 width: 100%; 

 margin: 0 0 2% 0; 

 } 

 



 .send { 

 float:none; 

 display:block; 

 margin: 0; 

 width: 100%; 

 } 

 



 .left select { 

 display: block; 

 } 

 



 .left a { 

 display: none; 

 } 

 



 .left li, .left li:nth-of-type(1) { 

 border:0; 

 } 

 



 .rww-box { 

 float:none; 

 width: 100%; 

 margin: 0 0 20px 0; 

 } 

 



} 

 

 

 

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

 
.green-but {
	width: 100%;
	margin: 0 0 20px 0;
}


 .instagram a { 

 width: 49%; 

 margin: 0 1% 0 0; 

 } 

 



 .email { 

 width: 80%; 

 margin: 0 0 2% 0; 

 } 

 



 .go { 

 width: 80%; 

 } 

 



 .banner-box { 

 float: none; 

 display: block; 

 width: 100%; 

 margin: 0 0 20px 0; 

 } 

 



 .play { 

 top: 24%; 

 } 

 



 .hero-text { 

 padding: 50px 0 0 0; 

 } 

 



 .hero-text h1 { 

 font-size: 22px; 

 } 

 



 .div-box { 

 width: 49%; 

 margin: 0 0.5% 1% 0.5%; 

 } 

 



 .vid-box, .vid-box:nth-of-type(4n), .vid-box:nth-of-type(2n) { 

 margin: 0 0 20px 0; 

 width: 100%; 

 } 

 



 .cal-box, .cal-box:nth-of-type(2n){ 

 float:none; 

 width: 100%; 

 margin: 0 0 20px 0; 

 } 

 



 .app-box { 

 float:none; 

 display:block; 

 width: 100%; 

 text-align: center; 

 margin: 2% 0; 

 } 

 

 

 

 .act-box, .act-box:nth-of-type(4), .act-box:nth-of-type(2) { 

 margin: 0 0 20px 0; 

 width: 100%; 

 float:none; 

 display:block; 

 } 

 



.arc-box { 

 display: block; 

 float: none; 

 margin: 0 0 20px 0; 

 width: 100%; 

 } 

 

 

 

} 

 

 

 

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

 



 .container, header, footer, .inner, .hero, .grey-bg, .wood-bg, .green-bg { 

 min-width:240px; 

 width:100%; 

 } 

 



 .play { 

 top: 18%; 

 } 

 



 .bx-wrapper .bx-pager { 

 margin: 0 0 -5px; 

 } 

 



 .div-box { 

 float:left; 

 display:block; 

 width: 100%; 

 margin: 0 0 1% 0; 

 } 

 

 }