/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight:700;}
.firstLine {font-size:21px;}

/* Main CSS */

body {background:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:400; color: #010B10; font-size:15px; line-height:19px; z-index:0; margin:0px;}	

a:link {color: #FFD300; text-decoration:none;}
a:visited {color: #FFD300; text-decoration:none;}
a:hover {color: #48ABB3; text-decoration:none;}
a:active {color: #FFD300; text-decoration:none;}

.space {width:100%; clear:both;}

.wrapper {width:92%; max-width:1150px; margin:0px auto; padding:80px 0px 120px 0px;}

.leftCol {width:48.5%; float:left; margin-right:3%;}
.rightCol {width:48.5%; float:right;}
.yellowText {color: #FFD300;}
.blackBkg {background-color:#000B10; color: #FFD300; padding:0px 10px 0px 10px;}
#yellowBtn {background-color: #FFD300; font-size:18px; line-height:20px; padding:10px 12px 0px 12px; color:#010B10; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; font-weight:700; text-align:center; float:left; margin-right:12px; height:52px;}
#yellowBtn:hover {cursor:pointer;}
.reviewsBtn #yellowBtn { padding:20px 12px 0px 12px; height:42px;}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

h1 {font-size:87px; line-height:89px; margin-bottom:10px; font-family: 'Contrail One', sans-serif;}
h2 {font-size:43px; line-height:45px; margin-bottom:10px; font-family: 'Contrail One', sans-serif;}
h3 {font-size:120px; line-height:95px; color:#ffffff; margin-bottom:10px; font-family: 'Contrail One', cursive;}
h4 {font-family: 'Averia Libre', sans-serif; font-size:23px; line-height:26px; letter-spacing:1px;}
h5 {font-size:47px; line-height:49px; margin-bottom:10px; font-family: 'Contrail One', sans-serif;}
h6 {font-size:70px; line-height:75px; margin-bottom:15px; font-family: 'Contrail One', sans-serif;}

.topBanner {background-color:#030B10; width:100%; padding:17px 0px 17px 0px; text-align:center; color:#ffffff; position:absolute; top:0px; left:0px; z-index:9999;}

.bottomBanner {background-color:#FFD300; width:100%; position:fixed; bottom:0px; left:0px; padding:15px 0px 15px 0px; z-index:99999;}
.bottomBannerWrapper {width:100%; max-width:950px; margin:0px auto;}
.bottomBtns {width:21.5%; margin:0px 1.5% 0px 1.5%; border:2px solid #004252; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; float:left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; background-color:#004252;}
.bottomBtns:hover {background-color:#42797D; cursor:pointer;}
.bottomBtns img {width:100%;}
.bottomBtnsMobile {display:none;}

.ad {width:90%; padding:0px 0px 10px 0px; margin:0px auto; text-align:center;}
.ad h4 {margin-bottom:6px;}

/* Banner */

::-webkit-scrollbar { 
    display: none; 
}
body {
  margin: 0;
}
#parallax-container {
  height: 100vh;
  display: block;
}
#parallax-container div {
  position: fixed;
  top: 0;
  background-position: center !important;
	background-size:cover !important;
  transform: translateY(0px);
  height: 100vh;
  width: 100%;
}

.whiteBkg {
	width:100%;
	background-color:#ffffff;
	position:absolute;
	top:100vh;
}

.bannerWrapper {width:90%; max-width:1100px; margin-top:0px; left:50%; margin-left:-550px; z-index:999; position:absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); top:50%;}
.bannerPic {width:41%; float:left; margin-right:4%; position:relative;}
.bannerPic img {width:100%;}
#contestBtn {position:absolute; bottom:-25px; left:28%; background-color:#60A89C; padding:20px 25px 20px 25px; font-size:24px; color:#FFFFFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; font-weight:700; float:left; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); background: rgb(122,186,177); background: -moz-linear-gradient(top, rgba(122,186,177,1) 0%, rgba(2,133,125,1) 100%); background: -webkit-linear-gradient(top, rgba(122,186,177,1) 0%,rgba(2,133,125,1) 100%); background: linear-gradient(to bottom, rgba(122,186,177,1) 0%,rgba(2,133,125,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abab1', endColorstr='#02857d',GradientType=0 );}
.contestBtnArrow {-moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; -khtml-border-radius: 17px; background-color:#030B0F;}
#contestBtn img {width:18px; height:18px; vertical-align:baseline; float:right; margin:2px 0px 0px 6px;}
.bannerText {width:55%; float:left; color:#ffffff; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); font-size:18px; line-height:18px; padding-top:30px;}
.bannerText p {font-size:29px; line-height:33px; font-weight:600; font-style:italic; padding-bottom:12px;}


.branches1 {
	background:url(images/branches1.png);
	background-size:455px 385px;
	background-repeat:no-repeat;
	background-position:left bottom;
}


.yellowBkg {background-color:#FFD300; width:100%;}
.yellowBkgTitle {width:100%; max-width:1350px; margin:0px auto;}
.yellowLeft {width:67%; margin-right:4%; float:left; font-size:16px; line-height:20px;}
.yellowRight {width:29%; float:right;}
.yellowRight img {width:100%; margin-top:-195px;}
.yellowWrapper {width:92%; max-width:1150px; margin:0px auto; padding:55px 0px 85px 0px;}
.quoteLeft {width:6%; margin-right:3%; float:left;}
.quoteLeft img {width:100%;}
.quoteRight {width:91%; float:right;}
.author {font-size:13px; line-height:16px; font-weight:700; font-style:italic; margin-top:10px;}

.quoteRight a:link {color:#42787C; text-decoration:underline;}
.quoteRight a:visited {color: #42787C; text-decoration:underline;}
.quoteRight a:hover {color: #165864; text-decoration:underline;}
.quoteRight a:active {color: #42787C; text-decoration:underline;}

.black {background-color:#090804; width:100%; font-size:18px; line-height:24px; color:#ffffff; position:relative;}
.blackWrapper {width:100%; max-width:1600px; margin:0px auto;}
.blackWrapper img {width:407px; height:294px; position:absolute; right:0px; top:-172px;}
.profilePic {display:none;}

.intro {width:83%; padding:100px 10% 100px 7%; max-width:700px; float:left;}

#actual-table { border-collapse: collapse; 
	position:relative; }
#actual-table td {
  	width: 50%;
  	vertical-align: top;
}
#actual-table td:nth-child(even) {
  	width:50%;
}
#actual-table td:nth-child(odd) {
	background-image:url(images/billy.jpg);
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat;
}

.footer {background:#004254 url(images/footer.jpg); background-position:right bottom; background-repeat:no-repeat; padding:80px 0px 180px 0px; width:100%; color:#ffffff;}
.footerWrapper {width:92%; max-width:900px; font-size:18px; line-height:22px; margin:0px auto;}
.eventTitle {font-size:32px; font-weight:300; line-height:36px; margin-bottom:8px;}
.eventDate {width:8%; float:left; margin-top:7px; margin-bottom:25px; border:1px solid #FFD700; text-align:center; font-size:22px; line-height:27px; text-transform:uppercase; padding:6px 0px 6px 0px;}
.event {width:87%; float:right; margin-bottom:25px;}
.date {font-family: 'Contrail One', cursive; font-size:45px; line-height:45px;}

.footerWrapper2 {width:92%; max-width:1100px; font-size:18px; line-height:22px; margin:0px auto;}
.footerWrapper2 .eventDate {width:16%; position:relative;}
.footerWrapper2 .eventPassed {background-color:#FFD700; position:absolute; top:25px; font-size:13px; text-transform:capitalize; color:#111111; line-height:14px; padding:2px 0px 2px 0px; font-style:italic; width:100%;}
.footerWrapper2 .event {width:79%;}
.footerLeft {width:48%; float:left; margin-right:4%;}
.footerRight {width:48%; float:left;}

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

h1 {font-size:80px; line-height:82px; margin-bottom:10px;}	
	
#yellowBtn {font-size:18px;}
	
.bannerWrapper {max-width:920px; margin-top:5px; margin-left:-460px;}
.bannerPic {width:41%; margin-right:4%;}
.bannerText {width:55%; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); font-size:17px; line-height:17px; padding-top:20px;}
.bannerText p {font-size:26px; line-height:30px; font-weight:600; font-style:italic; padding-bottom:12px;}
	
.black {font-size:17px; line-height:23px;}

}

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

h1 {font-size:70px; line-height:72px; margin-bottom:10px;}	
	
#yellowBtn {font-size:16px; line-height:18px; height:48px; padding:10px 12px 0px 12px;}
.reviewsBtn #yellowBtn { padding:18px 12px 0px 12px; height:40px;}
	
.bannerWrapper {max-width:860px; margin-top:5px; margin-left:-430px;}
.bannerPic {width:40%; margin-right:3%;}
.bannerText {width:57%; font-size:15px; line-height:15px; padding-top:20px;}
.bannerText p {font-size:22px; line-height:25px; padding-bottom:12px;}
	
.bottomBanner {padding:12px 0px 12px 0px;}
.bottomBannerWrapper {max-width:850px;}
.bottomBtns {width:21.5%; margin:0px 1.5% 0px 1.5%; border:2px solid #004252;}

}

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

body {font-size:14px; line-height:18px;}
.firstLine {font-size:19px;}
	
h1 {font-size:60px; line-height:62px; margin-bottom:10px;}
h2 {font-size:33px; line-height:35px; margin-bottom:10px;}
h3 {font-size:90px; line-height:65px; margin-bottom:5px;}
h4 {font-size:20px; line-height:23px; letter-spacing:1px;}	
h5 {font-size:42px; line-height:44px; margin-bottom:10px;}
h6 {font-size:60px; line-height:65px; margin-bottom:15px;}
	
.wrapper {max-width:1150px; padding:60px 0px 90px 0px;}
	
#yellowBtn {font-size:14px; line-height:16px; height:42px; padding:8px 12px 0px 12px; margin-right:10px;}
.reviewsBtn #yellowBtn { padding:16px 12px 0px 12px; height:34px;}
	
.bannerWrapper {max-width:750px; margin-top:0px; margin-left:-375px;}
.bannerPic {width:40%; margin-right:3%;}
.bannerText {width:57%; font-size:14px; line-height:14px; padding-top:10px;}
.bannerText p {font-size:20px; line-height:23px; padding-bottom:12px;}
	
.topBanner {padding:14px 0px 14px 0px;}
	
.bottomBanner {padding:10px 0px 10px 0px;}
.bottomBannerWrapper {max-width:800px;}
.bottomBtns {width:21.5%; margin:0px 1.5% 0px 1.5%; border:1px solid #004252;}
	
.branches1 {background-size:318px 269px;}
	
.yellowLeft {width:67%; margin-right:4%; float:left; font-size:15px; line-height:18px;}
.yellowRight {width:29%; float:right;}
.yellowRight img {width:100%; margin-top:-135px;}
.yellowWrapper {width:92%; max-width:850px; padding:30px 0px 70px 0px;}
.quoteLeft {width:6%; margin-right:3%; float:left;}
.quoteRight {width:91%; float:right;}
.author {font-size:11px; line-height:14px; margin-top:8px;}
	
.black {font-size:14px; line-height:18px; }
.blackWrapper img {width:325px; height:235px; top:-137px;}

.intro {width:83%; padding:80px 10% 80px 7%;}
	
.footer {background-position:right bottom; padding:60px 0px 160px 0px; background-size:909px 410px;}
.footerWrapper {max-width:900px; font-size:16px; line-height:20px;}
.eventTitle {font-size:26px; line-height:30px; margin-bottom:6px;}
.eventDate {width:7%; float:left; margin-bottom:18px; font-size:18px; line-height:23px; padding:6px 0px 6px 0px;}
.event {width:88%; float:right; margin-bottom:18px;}
.date {font-family: 'Contrail One', cursive; font-size:40px; line-height:40px;}

}

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

h1 {font-size:45px; line-height:47px; margin-bottom:8px;}
h2 {font-size:28px; line-height:30px; margin-bottom:8px;}
h3 {font-size:75px; line-height:60px; margin-bottom:5px;}
h4 {font-size:18px; line-height:21px; letter-spacing:0px;}	
h5 {font-size:35px; line-height:37px; margin-bottom:7px;}
h6 {font-size:47px; line-height:52px; margin-bottom:10px;}
	
#yellowBtn {font-size:14px; line-height:17px; padding:7px 13px 8px 13px; margin-right:10px;}

#yellowBtn {font-size:11px; line-height:13px; height:34px; padding:6px 10px 0px 10px; margin-right:8px;}
.reviewsBtn #yellowBtn { padding:12px 10px 0px 10px; height:28px;}
	
.ad {padding:0px 0px 10px 0px;}
	
.bannerWrapper {max-width:600px; margin-top:0px; margin-left:-300px;}
.bannerPic {width:40%; margin-right:3%;}
#contestBtn {bottom:-20px; left:25%; padding:12px 17px 12px 17px; font-size:18px;}
#contestBtn img {width:15px; height:15px;}
.bannerText {width:57%; font-size:13px; line-height:13px; padding-top:10px;}
.bannerText p {font-size:17px; line-height:20px; padding-bottom:12px;}
	
.topBanner {padding:12px 0px 12px 0px;}
	
.bottomBanner {padding:8px 0px 8px 0px;}
.bottomBannerWrapper {max-width:650px;}
.bottomBtns {width:22.5%; margin:0px 1% 0px 1%; border:1px solid #004252;}
	
.yellowLeft {width:100%; margin-right:0%; float:none; font-size:14px; line-height:17px;}
.yellowRight {display:none;}
.yellowWrapper {width:92%; max-width:600px; padding:30px 0px 60px 0px;}
.quoteLeft {width:6%; margin-right:3%; float:left;}
.quoteRight {width:91%; float:right;}
.author {font-size:10px; line-height:13px; margin-top:8px;}
	
.black {font-size:14px; line-height:18px; }
.branchesDark {display:none;}

.intro {width:83%; padding:50px 10% 50px 7%;}
#actual-table td {
  	width: 40%;
}
#actual-table td:nth-child(even) {
  	width:60%;
}
	
.footer {padding:50px 0px 120px 0px; background-size:715px 322px;}
.footerWrapper {max-width:900px; font-size:15px; line-height:19px;}
.eventTitle {font-size:21px; line-height:25px; margin-bottom:6px;}
.eventDate {width:7%; float:left; margin-bottom:18px; font-size:16px; line-height:21px; padding:6px 0px 6px 0px;}
.event {width:89%; float:right; margin-bottom:18px;}
.date {font-size:35px; line-height:35px;}
	

.footerWrapper2 {width:92%; max-width:500px; font-size:18px; line-height:22px; margin:0px auto;}
.footerWrapper2 .eventPassed {top:15px; font-size:11px; line-height:12px;}
.footerLeft {width:100%; float:none; margin-right:0%;}
.footerRight {width:100%; float:none;}

}

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

h1 {font-size:41px; line-height:42px; margin-bottom:5px;}
h2 {font-size:28px; line-height:34px; margin-bottom:8px; width:300px; margin-left:auto; margin-right:auto;}
h3 {font-size:54px; line-height:42px; margin-bottom:5px; text-align:center;}
h4 {font-size:15px; line-height:18px; letter-spacing:0px;}
h5 {font-size:30px; line-height:32px; margin-bottom:5px;}
h6 {font-size:37px; line-height:42px; margin-bottom:5px;}
	
.firstLine {font-size:17px;}	
.blackBkg {padding:0px 5px 0px 5px;}
	
.wrapper {max-width:1150px; padding:40px 0px 55px 0px;}
.leftCol {width:100%; float:none; margin-bottom:15px;}
.rightCol {width:100%; float:none;}
	
#yellowBtn {font-size:11px; line-height:13px; height:34px; padding:6px 10px 0px 10px; margin-left:8px; margin-right:0px;}
.reviewsBtn #yellowBtn { padding:12px 10px 0px 10px; height:28px;}

.bannerWrapper {transform: translateY(0%); -webkit-transform: translateY(0%); top:75px; width:90%; max-width:300px; margin:0px auto; text-align:center; margin-left:-150px;}
.bannerPic {width:100%; margin-right:0%; float:none;}
.bannerPic img {width:80%; max-width:230px; margin-bottom:10px;}
#contestBtn {bottom:-15px; left:30%;}
.bannerText {width:100%; font-size:11px; line-height:11px; padding-top:35px; float:none;}
.bannerText p {font-size:16px; line-height:18px; padding-bottom:10px;}
	
#parallax-container {
  height: 700px;
}
#parallax-container div {
  height: 700px;
}
.whiteBkg {
	top:700px;
}	
	
.branches1 {background-size:227px 192px;}
	
.topBanner {padding:12px 0px 12px 0px;}
	
.bottomBanner {padding:9px 0px 9px 0px;}
.bottomBannerWrapper {max-width:450px;}
.bottomBtns {display:none;}
	
.bottomBtnsMobile {display:block; width:22.5%; margin:0px 1% 0px 1%; border:1px solid #004252; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; float:left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; background-color:#004252;}
.bottomBtnsMobile:hover {background-color:#42797D; cursor:pointer;}
.bottomBtnsMobile img {width:100%;}
	
.yellowWrapper {padding:20px 0px 45px 0px;}
.yellowBkgTitle {padding-top:45px;}

.black {font-size:14px; line-height:18px; }
.blackWrapper img {width:50%; max-width:200px; height:auto; top:0px; position:relative; float:left; margin-right:15px; margin-bottom:10px;}
	
.intro {width:83%; padding:40px 7% 40px 10%;}
#actual-table td {
  	width: 0%;
}
#actual-table td:nth-child(even) {
  	width:100%;
}
.profilePic {display:block;}	
	
.footer {padding:40px 0px 100px 0px; background-size:650px 293px;}
.footerWrapper {max-width:500px; font-size:13px; line-height:16px;}
.eventTitle {font-size:18px; line-height:22px; margin-bottom:6px;}
.eventDate {width:11%; float:left; margin-bottom:18px; font-size:12px; line-height:16px; padding:5px 0px 5px 0px;}
.event {width:85%; float:right; margin-bottom:18px;}
.date {font-size:26px; line-height:26px;}

}

@media screen and (max-width: 450px) {
	
h1 {font-size:39px; line-height:40px; margin-bottom:5px;}
.bottomBtnsMobile {width:22%; margin:0px 1% 0px 1%;}

.bannerWrapper {top:60px; max-width:280px; margin-left:-140px;}
.bannerPic {width:100%; margin-right:0%; float:none;}
.bannerPic img {width:80%; max-width:205px; margin-bottom:5px;}
#contestBtn {bottom:-18px; left:29%;}
.bannerText {width:100%; font-size:10px; line-height:10px; padding-top:30px; float:none;}
.bannerText p {font-size:15px; line-height:17px; padding-bottom:7px;}
	
#yellowBtn {font-size:10px; line-height:11px; height:30px; padding:6px 10px 0px 10px; margin-left:7px; margin-right:0px;}
.reviewsBtn #yellowBtn { padding:12px 10px 0px 10px; height:24px;}
	
#parallax-container {
  height: 600px;
}
#parallax-container div {
  height: 600px;
}
.whiteBkg {
	top:600px;
}	
}