@charset "utf-8";

/*
  Theme Name: Genesis to Genius
  Version 1.0
  Author: Mindful Creative
  Author URI: https://mindfulcreative.io/
  Last major update: 04.03.19
*/

/* Transitions */
header, header .logo, header .logo a img, a, .btn, .social li, .social div, .owl-dot span::before, .owl-dot span::after, span.dots::before, span.dots::after, .owl-nav i, .avatar, .avatar *, input, .rm_button {-webkit-transition:all 0.5s;transition:all 0.5s;}

/* Disable User-Select */
h1, h2, h3, h4, h5, h6, header, .btn, #hero .container, #hero span, .skew-bg, .es_submit_button, footer .info, .intro, .avatar-lg, footer img {-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-user-select:none;}

/* Globals */
*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;position:relative;outline:none;background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0!important;}
.container {width:100%;padding:0 30px;z-index:1;}
.row {width:100%;max-width:1140px;margin:0 auto;zoom:1;}
.row:before, .row:after {content:'';display:table;}
.row:after {clear:both;}
.smoothscroll {height:auto!important;}

::-webkit-input-placeholder {color:#000;opacity:.4;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:'Montserrat',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:16px!important;}
::-moz-placeholder {color:#000;opacity:.4;user-select:none;-moz-user-select:none;font-family:'Montserrat',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:16px!important;}
:-ms-input-placeholder {color:#000;opacity:.4;-ms-user-select:none;user-select:none;-moz-user-select:none;font-family:'Montserrat',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:16px!important;}
:-moz-placeholder {color:#000;opacity:.4;user-select:none;-moz-user-select:none;font-family:'Montserrat',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:16px!important;}

html {background-color:#001b32;}
body {opacity:0;-webkit-transition:opacity 0.5s!important;transition:opacity 0.5s!important;pointer-events:none;}
body.loaded {opacity:1;pointer-events:all;}

body, html {width:100%;height:100%;font-size:18px;color:#838383;font-family:'Montserrat',sans-serif;font-weight:500;}
ul {list-style:none;}
img {max-width:100%;width:100%;height:auto;display:block;}
a, a:hover {cursor:pointer;text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-family:'Montserrat',sans-serif;text-align:center;cursor:default;margin-left:auto;margin-right:auto;}

.anchor {display:block;height:109px;margin-top:-109px;visibility:hidden;position:absolute;top:0;}

/* Content */
p, ul, h1, h2 {margin:0 auto;max-width:700px;}
p, ul {line-height:1.6;margin:20px auto 0;max-width:700px;text-align:center;font-weight:400;font-size:18.5px;}

/* 404 */
.error404 #hero {height:100%;max-height:100%;}
.error404 #hero .container {opacity:1;}
.error404 a.btn.lg {min-width:260px;}

/* Header */
header {position:fixed;top:0;z-index:4;width:100%;background-color:rgba(0,27,50,.75);}
.scrolled header {background-color:#001b32;}

header .logo {position:absolute;height:106px;top:0;bottom:0;margin:auto;}
header .logo a img {max-width:296px;}
.scrolled header .logo a img {max-width:224px;}
.scrolled header .logo {height:80px;}

header .btn {background-color:#1176bc;float:right;text-align:center;display:block;font-size:17px;text-transform:uppercase;color:#FFF;pointer-events:all!important;height:57px;line-height:59px;padding:0 45px;font-weight:700;letter-spacing:2.5px;margin:44px 0;}
header .btn:hover {background-color:#1688c9;}
.scrolled header .btn {margin:26px 0;}

/* Skews */
.skew-bg {height:317px;pointer-events:none;display:block;position:absolute;left:-4px;right:0;z-index:1;width:calc(100% + 4px);background-position:center;background-repeat:no-repeat;background-size:cover;}
.skew-bg.top {top:-316px;background-image:url('img/skew-top.svg');}
.skew-bg.bottom {bottom:-316px;top:auto;background-image:url('img/skew-bottom.svg');}

.skew-bg.top.alt {background-image:url('img/skew-top-alt.svg');}
.skew-bg.bottom.alt {background-image:url('img/skew-bottom-alt.svg');}

/* Hero */
#hero {height:calc(100% + 158px);overflow:hidden;}
#hero .container {height:100%;display:table;margin:0 auto;padding-bottom:72.5px;text-align:center;color:#FFF;pointer-events:none;opacity:1;-webkit-filter:none;}
#hero .container .row {vertical-align:middle;display:table-cell;}
#hero .intro {font-family:'Eurostile';font-weight:normal;font-size:42px;letter-spacing:2px;text-transform:uppercase;max-width:700px;margin:0 auto;}
#hero .intro img {max-width:444px;margin:5px auto;}
#hero .intro span {font-family:'Eurostile';font-weight:bold;font-size:375px;color:#1176bc;opacity:.25;pointer-events:none;position:absolute;right:0;top:0;line-height:165px;z-index:-1;}
#hero h1 {font-weight:300;font-size:22px;letter-spacing:normal;line-height:33px;margin-top:20px;}

/* Intro */
#intro .container {background-color:#FFF;z-index:2;}
#intro img {max-width:806px;margin:0 auto;}
#intro h2 {font-weight:600;color:#1176bc;font-size:22px;line-height:1.35;}

/* Areas */
#areas {padding:400px 0 325px;}
#areas .row {max-width:100%;}
#areas h2 {color:#FFF;font-size:37px;font-weight:600;max-width:640px;line-height:1.4;}

#areas .buckets {margin-top:50px;}
#areas .bucket {width:33.33%;float:left;padding:0 30px;overflow:hidden;}
#areas .bucket .area-hex {width:204px;height:223px;display:block;margin:0 auto;}
#areas .bucket .area-hex::after {content:'';display:block;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
#areas h3 {color:#FFF;font-size:50px;font-weight:800;letter-spacing:6px;color:#FFF;text-transform:uppercase;margin-top:10px;}
#areas h4 {color:#FFF;font-size:27px;font-weight:500;max-width:400px;}
#areas ul {font-size:20px;color:#FFF;text-align:left;line-height:1.5;}
#areas li {margin-top:25px;}
#areas .bucket li::after {content:'';display:block;position:absolute;left:0;background-repeat:no-repeat;}

#areas .bucket:nth-of-type(1) h3, #areas .bucket:nth-of-type(1) h4 {color:#f79400;}
#areas .bucket:nth-of-type(1) .area-hex {background-image:url('img/connect-hex.svg');}
#areas .bucket:nth-of-type(1) .area-hex::after {height:132px;width:116px;background-image:url('img/connect-icon.svg');}
#areas .bucket:nth-of-type(1) li {padding-left:40px;}
#areas .bucket:nth-of-type(1) li::after {top:-2.5px;height:33px;width:29px;background-image:url('img/connect-icon.svg');}

#areas .bucket:nth-of-type(2) h3, #areas .bucket:nth-of-type(2) h4 {color:#f6ed00;}
#areas .bucket:nth-of-type(2) .area-hex {background-image:url('img/discover-hex.svg');}
#areas .bucket:nth-of-type(2) .area-hex::after {height:141px;width:134px;background-image:url('img/discover-icon.svg');left:4px;bottom:2px;}
#areas .bucket:nth-of-type(2) li {padding-left:40px;}
#areas .bucket:nth-of-type(2) li::after {top:-5px;height:35px;width:33px;background-image:url('img/discover-icon.svg');}

#areas .bucket:nth-of-type(3) h3, #areas .bucket:nth-of-type(3) h4 {color:#8dc640;}
#areas .bucket:nth-of-type(3) .area-hex {background-image:url('img/transform-hex.svg');}
#areas .bucket:nth-of-type(3) .area-hex::after {height:125px;width:125px;background-image:url('img/transform-icon.svg');}
#areas .bucket:nth-of-type(3) li {padding-left:45px;}
#areas .bucket:nth-of-type(3) li::after {top:-2px;height:32px;width:32px;background-image:url('img/transform-icon.svg');}

/* Testimonials */
#testimonials {padding:100px 0;background-color:#FFF;}
#testimonials .row {max-width:100%;}
#testimonials h2 {color:#1176bc;font-size:36px;letter-spacing:4px;font-weight:800;text-transform:uppercase;}
#testimonials h3 {color:#1176bc;margin-top:5px;font-weight:600;font-size:22px;}
#testimonials .testimonials {margin:40px auto 0;}
#testimonials .testimonial-container {padding:0 30px;width:33.33%;float:left;}
#testimonials h4 {color:#1176bc;font-size:28px;letter-spacing:3px;font-weight:800;text-transform:uppercase;}
#testimonials h5 {margin-top:3px;font-weight:600;font-size:18px;}
#testimonials .avatar {width:119px;height:132px;background-size:118px 118px;margin:0 auto 10px;display:block;background-repeat:no-repeat;background-position:center;}
#testimonials .avatar::before {content:'';display:block;width:119px;height:131px;position:absolute;background-image:url('img/testimonial-hex.svg');}

/* Lead Capture Form */
.rm_form_container {width:100%!important;max-width:640px;margin:30px auto 0!important;padding-right:20px!important;height:134px!important;display:block!important;}
.rm_form_container form {height:100%;}
.rm_form_container label, .rm_form_message {display:none!important;}
.rm_form_el_set {padding:0!important;}
.rm_form_el_name, .rm_form_el_email {float:left;width:50%!important;display:block;padding:0!important;}
.rm_form_el_email {left:20px;}
.rm_form_el_name input, .rm_form_el_email input {padding-top:2px;width:100%;height:57px;background-color:#FFF;text-align:center;font-weight:700;font-family:'Montserrat',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:16px!important;color:rgba(0,0,0,.7);}
.rm_form_el_button {position:absolute;bottom:0;width:100%!important;}
.rm_button {cursor:pointer;height:57px;background-color:#1176bc;text-align:center;display:block;font-size:16px;text-transform:uppercase;color:#FFF;pointer-events:all!important;height:57px;line-height:61px;padding:0 40px!important;font-weight:700;letter-spacing:2.5px;margin:0 auto;}
.rm_button:hover {background-color:#1688c9;}
.rm_form_container .rm-loader {background-image:url('img/loading.gif')!important;height:60px!important;width:60px!important;position:absolute;margin:0!important;top:0;}

/* Footer */
footer {padding:317px 0 35px;color:#FFF;text-align:center;}

.your-coach {max-width:990px;margin-bottom:115px;min-height:405px;padding-left:370px;display:table;}

.avatar-lg-container {width:320px;position:absolute;left:0;top:0;}
.avatar-lg {width:298px;height:328px;display:block;background-image:url('img/avatar-hex-lg.svg');margin:0 auto;}
.avatar-lg img {width:262px;height:288px;position:absolute;top:0;left:0;right:0;bottom:0;position:absolute;margin:auto;}

.avatar-lg-container h2 {color:#e6e014;font-size:29px;letter-spacing:3px;font-weight:700;text-transform:uppercase;margin-top:10px;}
.avatar-lg-container h3 {margin-top:5px;font-weight:500;font-size:19px;}

.coach-letter {display:table-cell;vertical-align:middle;}
.coach-letter h2 {color:#e6e014;font-size:27px;letter-spacing:3px;font-weight:800;text-transform:uppercase;text-align:left;}
.coach-letter p {text-align:left;margin-top:15px;}
.coach-letter img {width:326px;margin-top:20px;}

.lead-capture h2 {color:#e6e014;font-size:46px;letter-spacing:5px;font-weight:800;text-transform:uppercase;}
.lead-capture h3 {margin-top:15px;font-weight:600;font-size:26px;max-width:800px;}
.lead-capture h3 span {color:#e6e014;font-weight:700;}

footer .info {display:table;margin:70px auto 0;}

footer .logo-alt {width:100%;max-width:335px;}
footer .logo span {font-size:12px;text-transform:uppercase;letter-spacing:1px;display:block;margin-top:10px;}
footer .ic-logo {max-width:160px;margin:3px auto 0;}

footer .social {margin:25px auto;display:table;}
footer .social li {position:relative;font-size:25px;color:#FFF;margin-left:17px;display:inline-block;text-align:center;cursor:pointer;}
footer .social li:first-child {margin-left:0;}
footer .social li:hover {color:#f5ed2f;}
footer .social a {font-size:0;display:block;position:absolute;top:0;left:0;color:#FFF;width:100%;height:100%;}
footer .social li.fa-calendar {top:-1px;}
footer .social li b {font-family:'Montserrat',sans-serif;position:absolute;margin:6px 0 0 -15.5px;font-size:15px;font-weight:500;}

footer .copyright {font-size:12px;font-weight:500;}

/* Responsive */
@media handheld, only screen and (max-width:1424px) {
#areas .bucket {padding:0 30px;}
#areas h2 {font-size:35px;line-height:1.35;}
#areas h3 {font-size:40px;letter-spacing:5px;}
#areas h4 {font-size:23px;max-width:300px;}
#areas ul {font-size:19px;line-height:1.5;}
#areas li {margin-top:20px;}
}

@media handheld, only screen and (max-width:1224px) {
#areas .bucket {padding:0 20px;}
#areas h2 {font-size:33px;line-height:1.35;}
#areas h3 {font-size:38px;letter-spacing:4.5px;}
#areas h4 {font-size:21px;max-width:275px;}
#areas ul {font-size:18px;}
#areas li {margin-top:17.5px;}
}

@media handheld, only screen and (max-width:1024px) {
#hero {height:calc(100% + 79px);}
#hero .container {padding-bottom:0;}
#hero .intro {font-size:35px;max-width:650px;}
#hero .intro img {max-width:400px;}
#hero h1 {font-size:20px;margin-top:15px;}

.skew-bg {height:217px;}
.skew-bg.top {top:-216px;}
.skew-bg.bottom {bottom:-216px;}

p, ul {font-size:17.5px;margin-top:15px;}

#intro .skew-bg.top {top:-177px;}
#intro img {max-width:706px;margin-bottom:10px;}
#intro h2 {font-size:20px;}
#intro .skew-bg.bottom {bottom:-177px;}

#areas {padding:200px 0 150px;}
#areas h2 {font-size:30px;max-width:500px;}
#areas .buckets {margin-top:40px;}
#areas .bucket {padding:0;width:100%;min-height:330px;padding-left:325px;display:table;}
#areas .bucket:nth-of-type(2), #areas .bucket:nth-of-type(3) {margin-top:50px;}
#areas .area {position:absolute;left:0;}
#areas ul {display:table-cell;vertical-align:middle;}
#areas li {margin-top:25px;}
#areas li:nth-of-type(1) {margin-top:0;}

#testimonials {padding:25px 0;}
#testimonials .testimonial-container {padding:0 15px;}
#testimonials h5 {font-size:17px;}
#testimonials p {font-size:16px;}

footer {padding-top:242px}

.your-coach {margin-bottom:80px;}

.lead-capture h2 {font-size:41px;}
.lead-capture h3 {font-size:23px;margin-top:10px;}
.rm_form_container {margin-top:20px!important;}
}

@media handheld, only screen and (max-width:924px) {
#testimonials .testimonial-container {padding:0;width:100%;min-height:215px;display:table;padding-left:250px;}
#testimonials .testimonial-container:nth-of-type(2) {min-height:200px;}
#testimonials .testimonial-container:nth-of-type(2), #testimonials .testimonial-container:nth-of-type(3) {margin-top:40px;}
#testimonials .client {position:absolute;left:0;max-width:225px;}
#testimonials p {display:table-cell;vertical-align:middle;text-align:left;}
}

@media handheld, only screen and (max-width:824px) {
p, ul {font-size:17px;}

footer {padding-top:200px;}
.your-coach {max-width:990px;margin-bottom:75px;padding-left:0;}

.avatar-lg-container {position:relative;margin:0 auto;}
.avatar-lg {transform:scale(.85);margin:-25px auto -23px;}
.avatar-lg-container h2 {font-size:27px;}
.avatar-lg-container h3 {font-size:18px;}

.coach-letter {display:block;margin:35px auto 0;max-width:600px;}
.coach-letter h2 {text-align:center;font-size:22px;}
.coach-letter p {text-align:center;}
.coach-letter img {width:100%;max-width:275px;margin:15px auto 0;}

.lead-capture h2 {font-size:37px;}
.lead-capture h3 {font-weight:600;font-size:23px;max-width:600px;}
}

@media handheld, only screen and (max-width:724px) {
#hero .intro {font-size:30px;max-width:525px;}
#hero .intro span {font-size:300px;line-height:135px;}
#hero .intro img {max-width:325px;}
#hero h1 {font-size:17.5px;line-height:28px;}

p, ul {font-size:16.5px;margin-top:10px;}

#areas h2 {font-size:25px;}
#areas .bucket {padding:0;width:100%;max-width:500px;margin:0 auto;float:none;}
#areas .bucket:nth-of-type(2), #areas .bucket:nth-of-type(3) {margin-top:50px;}
#areas .area {position:relative;}
#areas ul {display:block;margin-top:20px;}
#areas li {min-height:35px;}

footer {padding-top:175px;}
}

@media handheld, only screen and (max-width:624px) {
header {background-color:#001b32;}
header .container {padding:0 15px 0 8px;}
header .logo a img, .scrolled header .logo a img {max-width:170px;}
header .logo, .scrolled header .logo {height:61px;}
header .btn, .scrolled header .btn {margin:15px 0;height:47px;line-height:49px;font-size:14px;padding:0 23px 0 25px;}

p, ul {font-size:16px;}

#areas h2 {font-size:25px;}
#testimonials .testimonial-container {padding:0;width:100%;max-width:500px;margin:0 auto;float:none;}
#testimonials .client {position:relative;margin:0 auto;}
#testimonials p {display:block;margin-top:15px;text-align:center;}

.rm_form_container {padding-right:0;height:191px!important;max-width:400px!important;}
.rm_form_el_name, .rm_form_el_email {display:block;float:none;width:100%!important;}
.rm_form_el_email {left:0;margin-top:10px;}
}

@media handheld, only screen and (max-height:724px) {
header {background-color:#001b32;}
header .container {padding:0 15px 0 8px;}
header .logo a img, .scrolled header .logo a img {max-width:170px;}
header .logo, .scrolled header .logo {height:61px;}
header .btn, .scrolled header .btn {margin:15px 0;height:47px;line-height:49px;font-size:14px;padding:0 23px 0 25px;}
}

@media handheld, only screen and (max-height:624px) {
#hero {min-height:calc(100% + 217px);}
#hero .container {padding-bottom:109px}
}

@media handheld, only screen and (max-height:550px) {
#hero {height:auto;}
#hero .container {display:block;padding:200px 30px;}
}