/*
Theme Name: Main Parent Theme
Version: 1.0
Author: ForceFive Media
Author URI: http://www.forcefive.ca
*/

@import "css/bootstrap.min.css";
@import "css/font-awesome.min.css";

/*------------- VARS ------------------*/


body, html { height: 100%; }

body { background: #333; }

#wrapper {  background: white; }

#content-wrap { background: #537bb4 url(images/bg-snow.jpg) no-repeat center center; background-size: cover; padding: 50px 0; border-top: 5px solid white; }
#content-wrap.home { background: #537bb4 url(images/bg-snow.jpg) repeat-y center center fixed; background-size: cover; }
#content { margin: 0 auto; background: rgba(255,255,255,0.9);  padding: 30px; }

.layer { padding: 50px 0; clear: both; }

.content { }

#page-left {  }
#page-right {  }
#page-full {  }

.valign-parent { position: relative; }
.valign-child { position: absolute; top: 50%; transform: translateY(-50%); }

.aligncenter { display:block; margin:0 auto }
.alignleft, .left { float:left } .alignright, .right { float:right }
.wp-caption { text-align:center; background:#f9f9f9; padding:10px; margin:10px }

.row:after, .cf:after { clear: both; content: ""; display: block; width: 100%; height: 0px; }

#content .row { margin-bottom: 30px; }

.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p35{padding:30px;}.p40{padding:30px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}

.img-fill { position: relative; overflow: hidden; display: block; }
.img-fill img { position: relative; width: 100%; height: auto; display: block; }

.img-fit img { position: relative; width: 100%; height: auto; display: block; }

main video { max-width: 100%; height: auto; }
main iframe, main embed, main object { max-width: 100%; }

.bkt { padding: 15px; margin-bottom: 30px; background: #f6f6f6;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
box-shadow: 0px 2px 7px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.25); -webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.25); }

@media (max-width: 767px) {
	
	#content { padding-bottom: 30px; padding-top: 30px; }

}

/*------------- TYPE ------------------*/

body { font-family: 'Lato', sans-serif; font-size: 16px; }

ul.main-nav-menu li a, .title,
h1, h2, h3, h4, th { font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; }

h1 { font-size: 30px; margin: 0 0 20px 0; }
h2 { font-size: 24px; margin: 0 0 20px 0;  }
h3 { font-size: 18px; margin: 0 0 15px 0; }
h4 { font-size: 14px; margin: 0 0 5px 0; }
th { font-size: 18px; }

a { color: #009CDE; text-decoration: none; }
a:hover { color: black; text-decoration: none; }

input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], textarea { background: #fff; border: 0 none; border: 1px solid #cccccc; padding: 7px; max-width: 100%; box-sizing: border-box; }
input[type="text"]:focus, textarea:focus { border: 0 none; border: 1px solid #cccccc; }

a.btn, input[type="submit"] { display: inline-block; background: #009CDE; color: white; text-decoration: none; padding: 7px 15px; border: 0 none; text-transform: uppercase;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
a.btn:hover, input[type="submit"]:hover { background: #37b6e7; }
a.btn.block { display: block; text-align: center; }

p { margin: 0 0 1.5em 0; line-height: 1.4; }

#main ul li { margin: 0 0 5px 0; line-height: 1.4; list-style-type: disc; }
#main ul, #main ol { padding: 0 0 0 30px; margin: 0 0 1.5em 0; }
#main ol li { margin: 0 0 5px 0; line-height: 1.4; list-style-type: decimal; }

img.alignleft { margin: 0 30px 10px 0; }
img.alignright { margin: 0 0 10px 30px; }
img.aligncenter { display: block; margin: 0 auto 3px auto; }

table { margin: 0 0 12px 0; }
thead {  }
th { padding: 5px; border: 1px solid white; }
td { padding: 5px; vertical-align: top; }

blockquote { padding: 10px; border: 2px solid #dedede; margin: 0 0 5px 0;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
blockquote em { font-size: 12px; color: gray; }

hr { border: 0 none; margin: 30px 0; border-bottom: 1px solid #ddd; clear: both; }

.wpcf7-list-item { display: block; }
div.wpcf7-response-output { border: 0 none !important; text-align: center !important; padding: 15px !important; }
div.wpcf7-mail-sent-ok { background: #a9e99f; color: #266f19 !important; }
div.wpcf7-validation-errors { background: #f3c970; color: #4c3808 !important; }
div.wpcf7-mail-sent-ng { background: #f24a4a; color: white !important; }

a.social { display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 5px 0 0; background-color: #009CDE; color: white; font-size: 20px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
a.social:hover { background-color: #fff; color: #009CDE; }

.copy { font-size: 12px; }


@media (max-width: 767px) {
	
	body { font-size: 14px; }
	
	img.alignleft, img.alignright, #content img { float: none; max-width: 100%; height: auto; margin: 0 0 30px 0; }
	
	
}


/*------------- HEADER - TOP ------------------*/

#header-wrap { background: #fff; }
header { position: relative; z-index: 999; text-align: center;
box-shadow: 0px 2px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.25); }

#header-top { padding: 30px 0; background: #fff; }
#header-top > div { position: relative; }

#hdr-mobile { position: relative; float: left; }

a#header-logo { display: block; float: left; max-width: 500px; }
a#header-logo img { width: 100%; height: auto; }

ul#hdr-links { padding: 0; padding-top: 30px; margin: 0;  text-transform: uppercase; float: right; text-align: right; }
ul#hdr-links li { list-style-type: none; display: block; margin: 0 10px; font-size: 18px; }
ul#hdr-links li a {  }
ul#hdr-links li a.social { color: white; width: 34px; height: 34px; line-height: 34px; font-size: inherit; }
ul#hdr-links li a.social:hover { background: #232020; }
li#hdr-social {  }

.search-box { position: absolute; right: 0px; top: 20px; display: none; }
.search-box input.search-field { border: 0 none; background: #f1f0f0; padding: 7px 10px; width: 210px;
-moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
span.submit-btn { display: inline-block; background: #009CDE; border: 0 none; height: 27px; line-height: 27px; width: 30px; color: white; position: relative; text-align: center;
-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.search-box input[type="submit"] { position: absolute; left: 0px; top: 0px; width: 30px; height: 27px; background: none; }
.search-box input[type="submit"].submit-btn:hover { background-color: black; }

@media (max-width: 991px) {
	
	header {  } 
	
	#hdr-mobile { float: none; }
	
	a#header-logo { width: 50%; }
	a#header-logo img {  }
	
	#hdr-social { float: none; text-align: center; }
	
	ul#hdr-links { width: 40%; margin: 0; padding: 0; }
	ul#hdr-links li { font-size: 14px; }
	ul#hdr-links li a.social { width: 26px; height: 26px; line-height: 26px; }
}

@media (max-width: 767px) {
	
	header { text-align: center; }
	
	#header-top { padding: 15px 0; }
	
	a#header-logo { float: left; margin: 0; }
	
	ul#hdr-links { display: none; }
	ul#hdr-links li { font-size: 12px; }
	ul#hdr-links li a.social { width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
		
}

/*------------- HEADER - NAV ------------------*/

#header-nav { background: #e9e8e8; border-top: 4px solid #009CDE; }
#header-nav > div { position: relative; }

.main-nav-container { }
.main-nav-container ul { padding: 0;  margin: 0; text-align: center; }
ul.main-nav-menu > li { display: inline-block; position: relative; margin: 0 -2px; }
ul.main-nav-menu > li > a { display: block; font-size: 16px; height: 70px; line-height: 70px; padding: 0 25px; }
ul.main-nav-menu > li:hover > a,
ul.main-nav-menu > li.current_page_item > a, ul.main-nav-menu > li.current_page_ancestor > a  { background: #009CDE; color: white; }

ul.main-nav-menu > li > ul {  left: 0px; display: none; position: absolute; width: 250px; top: 100%; background: #232020; z-index: 999999; }
ul.main-nav-menu > li:hover > ul { display: block; }
ul.main-nav-menu > li > ul > li { display: block; position: relative; border-top: 1px solid rgba(255,255,255,0.25); }
ul.main-nav-menu li > ul > li > a { display: block; font-size: 14px; line-height: normal; padding: 10px 20px; color: white; }
ul.main-nav-menu li > ul > li a:hover { background: #009CDE; color: white; }

#hdr-mobile-menu { display: none; text-align: center; background: #009CDE; color: white; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 15px; top: 50%; margin-top: -20px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#hdr-mobile-menu:hover { cursor: pointer; background: #221F1F; }
	
@media (max-width: 1200px) {

	ul.main-nav-menu > li > a { display: inline-block; font-size: smaller; padding: 0 10px; }
	
}

@media (max-width: 991px) {
	
	#header-nav {  }
	#header-nav > div { height: auto; }
	
	.main-nav-container { position: relative; float: none; clear: both; }
	
	ul.main-nav-menu { text-align: center; }
	ul.main-nav-menu > li { display: inline-block; float: none; }

}

@media (max-width: 767px) {
	
	#hdr-mobile-menu { display: block; }
	
	.main-nav-container { display: none; width: 100%; clear: both; padding-top: 15px; padding-bottom: 15px; }
	.main-nav-container.active { display: block; }
	
	ul.main-nav-menu { text-align: left; }
	ul.main-nav-menu > li { float: none; width: auto; display: block; }
	ul.main-nav-menu > li > a { display: block; float: none; height: auto; line-height: normal; padding: 10px; font-size: 18px; text-align: center; }
	ul.main-nav-menu > li > ul { position: relative; left: auto; top: auto; width: auto; }
	ul.main-nav-menu > li > ul > li > a { display: block; height: auto; padding: 10px 15px; text-align: center; }

}

/*------------- FOOTER ------------------*/

footer { color: white; padding: 30px 0; }

footer a { color: white; }
footer a:hover { color: #999; }
footer ul { margin: 0; padding: 0; }
footer p { margin: 0; }

#ftr-social { text-align: right; }

.menu-footer-nav-container { margin: 10px 0; }
ul#menu-footer-nav { }
ul#menu-footer-nav li { display: inline; }
ul#menu-footer-nav li:first-child { border: 0 none; }
ul#menu-footer-nav li a { margin: 0 15px 0 0; }
ul#menu-footer-nav li a:hover {  }

#scrollup { width: 40px; height: 40px; line-height: 40px; text-align: center; position: fixed; bottom: 0px; right: 15px; color: white; display: none; background: rgba(100,100,100,0.5); }

@media (max-width: 1200px) {
	
	
}

@media (max-width: 767px) {
	
	#scrollup { display: block; }
	
	footer, #ftr-social { text-align: center; }

}


/*------------- POSTS ------------------*/

.post { margin: 0 0 40px 0; }
.post p { margin-bottom: 10px; }
.post h3 { margin: 0; }
.post-footer { font-size: 10px; margin: 10px 0 0 0; padding: 5px 0; border-top: 1px solid #ddd; clear: both; }
.pf-date { color: #666; }

.testi-box { padding: 0 0 0 60px; margin-bottom: 50px; position: relative; }
.testi-box i { font-size: 40px; color: #ccc; position: absolute; left: 0; top: 0; }
.testi-box p { margin-bottom: 15px; }
.testi-box h3 { margin: 0; font-size: 16px; } 

ol.commentlist { padding: 0 !important; }
ol.commentlist li { list-style-type: none !important; padding: 5px; border: 1px solid #eee; margin: 0 0 5px 0; position: relative; }
.comment-meta { position: absolute; right: 10px; top: 30px; font-size: 11px;  }
.comment-author { background: #f6f6f6; padding: 5px; margin: 0 0 10px 0; font-size: 18px; color: gray; }

#respond { margin: 30px 0 0 0; }

a.share { display: inline-block; width: 20px; height: 20px; line-height: 20px; color: #ccc; text-align: center; font-size: 12px; margin: 0 2px 0 0; background: none; }
a.share:before { margin: 0; padding: 0; }
a.share:hover { color: white; }
a.share.fa-facebook:hover { background-color: #3B5998; }
a.share.fa-twitter:hover { background-color: #33CCFF; }
a.share.fa-google-plus:hover { background-color: #C63D2D; }
a.share.fa-linkedin:hover { background-color: #4875B4; }
a.share.fa-pinterest:hover { background-color: #C92228; }

.posts-nav { text-align: center; padding-top: 40px; }
.posts-nav .prev, .posts-nav .next { margin: 0 5px; }

.post-nav { padding-top: 40px; }
.post-nav span { font-size: small; }
.pn-prev { float: left; }
.pn-next { float: right; text-align: right; }

@media (max-width: 767px) {
	
	.post-nav { text-align: center; }
	.pn-prev { float: none; margin-bottom: 20px; }
	.pn-next { float: none; text-align: center; }
	
	.testi-box { padding-left: 0; }
	.testi-box i { display: none; }
}

/*------------- SIDEBAR ------------------*/

.sidebar {  }
.widget { margin-bottom: 20px; }
.widget ul { padding: 0; margin: 0; }
.widget ul li { list-style: none; }
.widget h2 { margin: 0 0 5px 0; font-size: 20px; }

#pages-nav ul {  }
#pages-nav ul li { margin: 0 0 2px 0; }
#pages-nav ul li a { display: block; background: #f6f6f6; padding: 7px; }
#pages-nav ul li.current_page_item a { background: #009CDE; color: white; }
#pages-nav ul li a:hover { background: #232020; color: white; }

.searchform { position: relative; }
.search-text { width: 100%; height: 40px; display: block; float: left; }
.searchform .search-btn { background: #009CDE; width: 40px; height: 40px; display: block; position: absolute; text-align: center; position: absolute; right: 0px; top: 0px; }
.searchform .search-btn:hover { background: #232020; }
.search-btn i { color: white; font-size: 16px; height: 38px; line-height: 38px; }
.search-btn #searchsubmit { text-indent: -9999px; z-index: 50; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: none; }

@media (max-width: 767px) {
	
	.sidebar { padding-top: 50px; text-align: center; }

}

/*------------- HOME ------------------*/

#slider-wrap-wrap { position: relative; clear: both; }
#slider-wrap { height: 600px; overflow: hidden; }
.slide { height: 100%; width: 100%; background-position: center center; background-size: cover; position: relative; }
.slide:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); }
.slide img {  }
.slide-text { height: 100%; position: relative; }
.slide-text-text { z-index: 10; color: white; width: 60%; }
.slide-text-text h3 { margin: 0; font-size: 60px; line-height: 1; }
.slide-text-text p { margin: 20px 0 0 0; font-size: 40px; line-height: 1; text-transform: uppercase; }

#slider-nav { position: absolute; left: 0; bottom: 20px; text-align: center; z-index: 500; width: 100%; }

#slider-phone-holder  { position: relative; height: 0; }
#slider-iphone { position: absolute; right: 0; bottom: 0; width: 33%; min-width: 100px; height: auto; z-index: 200; }

.cycle-pager span { display: inline-block; width: 15px; height: 15px; margin: 0 5px; text-indent: -9999px; background: #fff;
-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.cycle-pager span.cycle-pager-active { background: #009CDE; }
.cycle-pager span:hover { cursor: pointer; }

.cycle-next, .cycle-prev { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: white; }

#slider-prev, #slider-next { position: absolute; top: 50%; margin-top: -25px; z-index: 150; }
#slider-prev { left: 0px; }
#slider-next { right: 0px;  }
.cycle-next:hover, .cycle-prev:hover { cursor: pointer; background-color: #009CDE; }

ul#home-posts { padding: 0; }
ul#home-posts li { display: block; margin: 0 0 20px 0; }
ul#home-posts li p { margin: 0; }

ul.tweets { margin: 0 0 20px 0; padding: 0; }
ul.tweets li { display: block; margin: 0 0 15px 0; }
ul.tweets li p { margin: 0; }
.twitter_timestamp { font-size: 10px; float: left; margin: 0 0 0 10px; }
.twitter_intents { font-size: 10px; margin: 5px 0 0 0;  }
.twitter_intents span { margin: 0 5px 0 0; }

#signup-btns { margin-bottom: 50px; }
#signup-btns a.btn { padding: 20px; font-size: 30px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

#home-bottom { background: #f6f6f6; }


@media (max-width: 1200px) {
	
	#slider-wrap { height: 500px; }
	.slide-text-text h3 { font-size: 40px; }
	
}


@media (max-width: 767px) {
	
	#slider-wrap { height: 300px; }
	
	.slide-text { font-size: 16px; }
	.slide-text-text { width: auto; position: relative;  margin: 0 auto; margin-right: 35%; }
	.slide-text-text h3 { font-size: 26px; }
	
	.cycle-next, .cycle-prev { display: none; }
	
	#slider-nav {  }
	#slider-iphone { right: 15px; }
	
	#contest-wrap > div img { margin: 0 0 30px 0; }
	
	#signup-btns a.btn { margin-bottom: 30px; }
	
}

/*------------- PAGE ------------------*/

#page-banner { height: 250px; position: relative; overflow: hidden; background-position: center center; background-size: cover; }
#page-banner:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); }
#page-banner img { position: absolute; width: 100%; height: auto; }
#page-banner-title { height: 100%; position: relative; }
#page-banner h1 { color: white; position: absolute; left: 0; bottom: 20px; margin: 0; font-size: 50px;  }

.team-row { margin-bottom: 30px; }
.team-row .img-fill { height: 150px; }

ul.team-contact-list { padding: 0 !important; margin: 0 0 10px 0; }
ul.team-contact-list li { list-style-type: none !important; font-size: 14px; color: #999; }
ul.team-contact-list li:before { margin-right: 10px; }
ul.team-contact-list li a { text-transform: uppercase; color: #999; }

.team-thumb { margin-bottom: 20px; }

ul.faqs { padding: 0 !important; }
ul.faqs li { list-style-type: none !important; }

.post.faq { } 
h3.question { margin-bottom: 10px; }
.answer { padding-left: 30px; }
.answer { text-indent: -30px;  }
span.faq-icon { display: inline-block; width: 30px; }
.answer span.faq-icon { text-indent: 0px; }

.content-row { margin-bottom: 30px; }

#main ul.gform_fields { padding-left: 0; }

@media (max-width: 1200px) {
	
	
}

@media (max-width: 767px) {

	#page-banner { height: 170px; }
	#page-banner h1 { font-size: 30px; width: 100%; text-align: center; }
}

/*---------- CONTEST -----------*/

#contest-wrap-home { background: #ffc000; }
#contest-wrap-home > div { text-align: center; padding: 20px 0 30px 0; }
#contest-wrap-home > div * { vertical-align: bottom; }
#contest-wrap-home > div img { margin: 0 30px 0 0; max-width: 75%; height: auto; }
#contest-wrap-home > div a.btn { padding: 10px 20px; }

#contest-wrap { background: url(images/contest-bg.jpg) no-repeat center center; background-size: cover; color: white; padding: 80px 0; }
#contest-wrap h2 { font-size: 60px; font-weight: 300; margin-bottom: 300px; }
#contest-wrap h2 strong { color: #009CDE; }
#contest-wrap h3 { font-size: 30px; margin-bottom: 50px; font-weight: 300;  }
#contest-wrap .row { margin-bottom: 50px; font-size: 18px; }
#contest-wrap a.btn { border: 4px solid #009CDE; padding: 20px; color: white; background: none; text-transform: uppercase; font-size: 24px; }
#contest-wrap a.btn:hover { background: #009CDE; }

@media (max-width: 1200px) {
	
	#contest-wrap h2 { font-size: 50px; margin-bottom: 100px; font-weight: 400; }
	#contest-wrap h3 { font-weight: 400; font-size: 20px; }
	
}

@media (max-width: 767px) {
	
	#contest-wrap h2 { margin-bottom: 50px; }
	
	#contest-wrap .row > div { margin-bottom: 30px; }
	
}

/*------------- EVENTS ------------------*/

.em-events-search { margin: 0 0 20px 0; }
table.events-table { width: 100%; }

/*------------- GALLERY - REGULAR ------------------*/

.gallery {  }
.gallery:after { content: " "; display: block; width: 100%; height: 0px; clear: both; }
.gallery.gallery-columns-3 { }
.gallery .gallery-item { float: left; text-align: center; padding: 0 15px; margin: 0 0 20px 0; text-align: center; }
.gallery .gallery-item img { max-width: 100%; height: auto; }
.gallery.gallery-columns-2 .gallery-item { width: 50%; }
.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
.gallery.gallery-columns-3 .gallery-item { width: 33.33333333%; }
.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left; }
.gallery.gallery-columns-4 .gallery-item { width: 25%; }
.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: left; }
.gallery.gallery-columns-5 .gallery-item { width: 20%; }
.gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: left; }
.gallery.gallery-columns-6 .gallery-item { width: 16.6666666%; }
.gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: left; }
.gallery.gallery-columns-7 .gallery-item { width: 14.2857142%; }
.gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: left; }
.gallery.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: left; }


/*------------- GALLERY - FANCY ------------------*/

#gallery-wrap-wrap { position: relative; }
#gallery-wrap { height: 460px; overflow: hidden; margin-bottom: 20px; }
.gallery-slide { height: 460px; width: 100%; }
.gallery-slide img { position: relative; }

#gallery-next, #gallery-prev { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 30px; position: absolute; top: 200px; text-align: center; background: black; background: rgba(0,0,0,0.8); z-index: 99; color: white; }
#gallery-prev { left: 10px; }
#gallery-next { right: 10px;  }
#gallery-next:hover, #gallery-prev:hover { cursor: pointer; background-color: #ff9b2f; }

a.gallery-thumb { margin: 10px; position: relative; display: block; float: left; }


/*------------- SPLASH ------------------*/

#header-bott { padding: 50px 0; background: #e9e8e8; }
#header-bott ul#hdr-links { float: none; text-align: center; }
#header-bott ul#hdr-links li { font-size: 24px; text-transform: uppercase; margin: 0 15px; }

.page-template-splash a#header-logo { display: block; text-align: center; }
.page-template-splash a#header-logo img { max-width: 750px; height: auto; }

.page-template-splash #header-nav { padding: 30px 0; }

#content-bott { background: #221f1f; color: #ccc; padding: 30px 0; }
#content-bott > div { position: relative; }
#content-bott a.btn { margin-left: 30px; font-size: 24px; }

#cb-right { text-align: center; }
#cb-right img { margin: 0; height: 60px; width: auto;  max-width: 40%; }

#iphone { position: absolute; right: 0; bottom: 0; }

.splash-form-wrap { display: none; }
.splash-form-wrap.show { display: block; }

#splash-left { padding: 30px; background: rgba(255,255,255,0.75); }

#splash-tabs {  }
#splash-tabs span { display: block; float: left; width: 50%; padding: 20px; text-align: center; background: #009CDE; color: white; font-size: 20px; text-transform: uppercase; }
#splash-tabs span:hover { cursor: pointer; background: #37b6e7; }
#splash-tabs span.on { background: #221f1f; }
#splash-tabs span.on:hover { background: #221f1f; }

@media (max-width: 767px) {
	
	#cb-right img { max-width: 40%; height: auto; }
	
}

/*---------- MEDIA ------- */

.media-gallery-wrap { margin: 0 -10px 0 -10px; }
.media-gallery-wrap a.gallery-thumb { width: 33.3333%; padding: 0 10px; margin: 0 0 20px 0; }
.media-gallery-wrap a.gallery-thumb img { width: 100%; height: auto; }

#main ul.article-links { padding: 0; }
#main ul.article-links li { list-style: none; margin-bottom: 10px; }
ul.article-links i { color: #999; }

@media (max-width: 767px) {
	
	#header-bott { padding: 15px 0; }
	#header-bott ul#hdr-links li { font-size: 14px; margin: 10px 0; }
	
	.page-template-splash a#header-logo { float: none; width: auto; max-width: none; }
	.page-template-splash a#header-logo img { width: 90%; height: auto; }
	
	#iphone { position: relative; right: auto; bottom: auto; display: block; margin: 30px auto 0 auto }
	
	#splash-tabs span { font-size: 16px; padding: 15px 5px; }
	
}