/* CSS Document: Frontend Homepage */

body { background: #e4efec; }


.gb_column_1_1_1 { min-height: 42vw; background-image: url('/img/home/friends-1.jpg'); background-repeat: none; background-size: cover; }

.gb_column_1_1_2 { min-height: 42vw; background-color: #e4efec; padding: 7.5vw 4vw 4vw; text-align: center; }
.gb_column_1_1_2 h2 { font-size: 44px; font-weight: 700; line-height: 1.2em; }
.gb_column_1_1_2 p { font-size: 22px; line-height: 1.5em; margin: 40px; }
.gb_column_1_1_2 a.btn { display: inline-block; width: 30%; min-width: 175px; margin: 0 10px; background: #ffdc72; color: #000; border-radius: 10px; font-weight: 900; text-transform: uppercase; padding: 10px; }
.gb_column_1_1_2 a.btn:hover, .gb_column_1_1_2 a.btn:active { background: #f5d36e; }

.gb_section_2 { background: #fff; padding-top: 70px; padding-bottom: 70px; }
.gb_section_2 a[name="do-search"] { position: relative; top: -170px; }
.gb_section.search h3 { text-align: center; font-weight:700; font-size: 40px; margin-bottom: 10px; }
.gb_section.search input#search { font-size: 20px; padding: 25px; border-radius: 15px; border: 2px solid #ffdc72; box-shadow: none; width: 95%; max-width: 1200px; margin: 0 auto; }
#search-container { position: relative; }
#search-results { padding: 0 15px; width: 95%; max-width: 1200px; margin: 20px auto; }
#search-results .result { clear: both; background: #eee; padding: 10px; margin-bottom: 25px; border-radius: 4px; cursor: pointer; }
#search-results .result:hover { background: #f4f4f4; }
#search-results .result:after { content: ' '; display: block; clear: both; }
#search-results .result .content { padding-top: 10px; }
#search-results .result .header { height: 160px; background-size: contain; background-repeat: no-repeat; background-position: top left; }
#search-results .result .title { font-weight: bold; font-size: 24px; }
#search-results .result .description {  }
#search-results .no-results { text-align: center; font-size: 22px; }

.gb_section_video { position:relative; height:600px; background:#f4f4f4; }
.gb_section_video .video-container { width:1200px; margin:0 auto; border: 10px solid #fff; box-shadow:0px 0px 10px #000; position:absolute; top:-50px; left:calc(50vw - 600px); }
.gb_section_video .video-container iframe { margin-bottom: -5px; }
@media ( max-width: 1299px ) {
	.gb_section_video { height: 56.2vw; }
	.gb_section_video .video-container { width: 100%; left: 0; box-shadow: none; border: 0; top: 0; }
	.gb_section_video .video-container iframe { margin-bottom: 0; width: 100vw; height: 56.2vw; }	
}


.gb_column_3_1_1 { padding-top: 100px; }
.gb_column_3_1_1 h3 { text-align: center; font-weight: bold; font-size: 44px; }
.gb_column_3_1_1 p.logos { margin-top: 60px; margin-bottom: 60px; text-align: center; }
.gb_column_3_1_1 p.logos img { margin: 0 40px; }
.gb_column_3_1_1 p.logos img:first-child  { width: 15%; }
.gb_column_3_1_1 p.logos img:nth-child(2) { width: 30%; }
.gb_column_3_1_1 p.logos img:nth-child(3) { width: 10%; }
.gb_column_3_1_1 p.link { text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 700; margin-bottom: 0; }
.gb_column_3_1_1 p.link a { color: #000; cursor: pointer; }
.gb_column_3_1_1 p.link a:hover,
.gb_column_3_1_1 p.link a:active { text-decoration: none; color: #999; }


.gb_column_3_1_2 { min-height: 35vw; background-image: url('/img/home/friends-2.jpg'); background-repeat: none; background-size: cover; }
.gb_column_3_2_1 { min-height: 30vw; background-image: url('/img/home/crowd-1.jpg'); background-repeat: none; background-size: cover; }
.gb_column_3_2_2 { min-height: 30vw; background: #fbe39c; }
.gb_column_3_2_2 .review { font-style: italic; text-align: center; padding: 5vw 5vw 5%; font-size: 1.7vw; line-height: 2em; }
.gb_column_3_2_2 .byline { font-size: 1.5vw; font-weight: 900; text-align: center; text-transform: uppercase; }
.gb_column_3_2_3 { min-height: 30vw; background-image: url('/img/home/friends-3.jpg'); background-repeat: none; background-size: cover; }

.gb_section_4 { padding-top: 90px; background: #f5f5f5; }
.gb_row_4_1, .gb_row_4_2, .gb_row_4_3, .gb_row_4_4 { max-width: 1000px; margin-left: auto; margin-right: auto; }
.gb_row_4_2, .gb_row_4_3, .gb_row_4_4 { margin-bottom: 50px; }
.gb_column_4_2_2, .gb_column_4_3_1, .gb_column_4_4_2 { padding-top: 50px; }
.gb_row_4_1 h2 { text-align: center; font-weight: 700; font-size: 44px; margin-bottom: 60px; }
.gb_section_4 h3 { font-weight: 700; font-size: 36px; margin-top: 50px; }
.gb_section_4 p { font-size: 18px; line-height: 1.8em; }
.gb_section_4 .gb_column_4_2_1 { padding-right: 15%; }
.gb_section_4 .gb_column_4_3_2 { text-align: right; padding-left: 15%; }

.gb_section_5 { padding-top: 60px; padding-bottom: 60px; }
.gb_row_5_1 { max-width: 1350px; margin-left: auto; margin-right: auto; }
.gb_column_5_1_1 h3 { font-weight: 700; font-size: 24px; margin: 0; }
.gb_column_5_1_1 h2 { font-weight: 700; line-height: 1.2em; }
.gb_column_5_1_2 form { margin-top: 30px; }
.gb_column_5_1_2 input { border: 2px solid #ffdc72; display: inline-block; width: 70%; font-size: 20px; padding: 25px; border-radius: 15px 0 0 15px; box-shadow: none; }
.gb_column_5_1_2 input[type="submit"] { background: #ffdc72; width: 30%; border-radius: 0 15px 15px 0; font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 14px; position: relative; top: -1px; }
.gb_column_5_1_2 p.checkmarks { text-align: right; text-transform: uppercase; padding-right: 20px; }
.gb_column_5_1_2 p.checkmarks span { padding-left: 20px; }

.gb_section_6 .columns { padding-left: 0; padding-right: 0; }

@media screen and ( max-width: 1399px ) and ( min-width: 1025px ) {
	.gb_column_1_1_2    { padding: 7vw 3vw 3vw; }
	.gb_column_1_1_2 h2 { font-size: 3.25vw; }
	.gb_column_1_1_2 p  { font-size: 1.65vw; }
	.gb_column_3_1_1    { padding-top: 4vw; }
	.gb_column_3_1_1 h3 { font-size: 3.50vw; }
	.gb_row_5_1         { max-width: 1150px; }
}
@media screen and ( max-width: 1200px ) and ( min-width: 1025px ) {
	.gb_row_4_1, .gb_row_4_2, .gb_row_4_3, .gb_row_4_4 { max-width: 900px; }
	.gb_row_5_1 { max-width: 1000px; }
	.gb_column_5_1_2 input { width: 65% }
	.gb_column_5_1_2 input[type="submit"] { width: 35%; }
}
@media screen and ( max-width: 1024px ) and ( min-width: 768px ) {
	.gb_column_1_1_1 { background-position: bottom; }
	.gb_column_3_1_1 { padding-top: 7vw; padding-bottom: 4vw; }
	.gb_column_3_1_1 h3 { font-size: 4.50vw; }
	.gb_column_3_1_2 { display: none; }
	.gb_column_3_2_1 { min-height: 55vw; background-position: 0 60%; }
	.gb_column_3_2_2 { min-height: 27vw; }
	.gb_column_3_2_2 .review,
	.gb_column_3_2_2 .byline { font-size: 2.5vw; margin-bottom: 0; }
	.gb_column_3_2_3 { display: none; }
	.gb_row_4_1, .gb_row_4_2, .gb_row_4_3, .gb_row_4_4 { max-width: 90%; }
	.gb_column_5_1_1 h2 br { display: none; }
}
@media screen and ( max-width: 767px ) {
	.gb_column_1_1_1 { background-position: bottom; min-height: 55vw; }
	.gb_column_1_1_2 { padding-bottom: 8vw; }
	.gb_column_1_1_2 h2 { font-size: 6vw; }
	.gb_column_1_1_2 p { font-size: 3vw; }
	.gb_column_1_1_2 a.btn { margin-bottom: 10px; }

	.gb_section.search input#search { padding-left: 15px; padding-right: 15px; text-align: center; }
	
	.gb_column_3_1_1 { padding-top: 7vw; padding-bottom: 4vw; }
	.gb_column_3_1_1 h3 { font-size: 5.0vw; }

	.gb_column_3_1_2 { display: none; }
	.gb_column_3_2_1 { min-height: 55vw; background-position: 0 60%; }
	.gb_column_3_2_2 { min-height: 27vw; padding-bottom: 30px; }
	.gb_column_3_2_2 .review,
	.gb_column_3_2_2 .byline { font-size: 20px; margin-bottom: 0; }
	.gb_column_3_2_3 { display: none; }
	
	.gb_row_4_1, .gb_row_4_2, .gb_row_4_3, .gb_row_4_4 { max-width: 97%; }
	.gb_section_4 .gb_column_4_2_1 { padding-right: 2%; }
	.gb_section_4 .gb_column_4_3_2 { padding-left: 2%; }
	.gb_section_4 h3 { margin-top: 0; }
	
	.gb_column_5_1_1 h2 br { display: none; }
	.gb_column_5_1_2 input { width: 60%; }
	.gb_column_5_1_2 input[type="submit"] { width: 40%; }
}
@media screen and ( max-width: 600px ) {
	.gb_column_1_1_2 p { font-size: 14px; margin: 40px 20px; }
	.gb_column_3_1_1 h3 { font-size: 9.0vw; }
	.gb_column_3_1_1 p.logos img:first-child  { width: 50%; margin-bottom: 80px; }
	.gb_column_3_1_1 p.logos img:nth-child(2) { width: 75%; margin-bottom: 80px; }
	.gb_column_3_1_1 p.logos img:nth-child(3) { width: 25%; }
	
	.gb_column_4_2_1, .gb_column_4_3_2, .gb_column_4_4_1 { width: 100%; }
	.gb_column_4_2_2, .gb_column_4_3_1, .gb_column_4_4_2 { display: none; }
	
	.gb_column_5_1_1 h3,
	.gb_column_5_1_1 h2 { text-align: center; }
	.gb_column_5_1_2 form { margin-top: 10px; }
	.gb_column_5_1_2 input { width: 100%; display: block; text-align: center; margin-bottom: 0; border-radius: 15px 15px 0 0; padding-left: 10px; padding-right: 10px; border-bottom: 0; }
	.gb_column_5_1_2 input[type="submit"] { width: 100%; border-radius: 0 0 15px 15px; }
	.gb_column_5_1_2 p.checkmarks { text-align: center; padding-top: 8px; padding-right: 20px; font-size: 0.8rem; }
}