@import url("../fonts/fonts.css");
@import url("general.css");
html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }
body {  margin: 0; padding:0;background:#ffffff; font-size:19px;font-family:'Work Sans', sans-serif; font-weight: 300; color: #000; }
.clear { height: 0; clear: both; line-height: 0; }
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
* html .clearfix, * html .content, * html .row { height: 1%; }
.clearfix, .content, .row { display: block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
img { border: none; }
a { text-decoration: none; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; color: #c21f1f; }
strong { font-weight: 700; }
button { transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; cursor:pointer }
input[type=submit] { transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; cursor:pointer }
a:hover { color: #000;}
select, input[type=text], input[type=button], input[type=submit], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { -webkit-appearance: none; border-radius: 0; box-shadow: none }
form { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style: none; }
.content { max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.small .content { max-width: 960px }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#666;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}
*:focus { outline: 0; }
.text_center { text-align: center !important }
.show_mobi { display: none !important }
.text_center { text-align:center}
.full_width { max-width:100%}
.space_30 { padding-bottom:30px}
img.center_img { display:block; margin-left:auto !important; margin-right:auto !important}
.table { display:table}
.black_text { color:#000}

.container {overflow: hidden;}

/* Layout */
h1, h2, h3, h4, h5, h6 {font-family: 'Fjalla One', sans-serif; color: #000; font-weight: normal;}
h1 {  font-size:72px; line-height: 82px; margin-bottom: 30px; text-transform: uppercase;}
.banner h1 {font-size: 82px; line-height: 100px; margin-bottom: 10px; color: #fff;}
h2 { font-size: 40px; line-height: 50px; margin-bottom: 45px; text-transform: uppercase;}
.home h2 { font-size: 72px; line-height: 88px;}
h3 {font-size: 35px; margin-bottom: 45px; text-transform: uppercase;}
.home h3 { font-size: 45px; line-height: 55px;}
h4 {font-size: 19px; margin-bottom: 5px; }
.home h4 { font-size: 30px; line-height: 40px; text-transform: uppercase;}
.blog_content h4 {font-size: 25px; text-transform: uppercase; margin-bottom: 20px; margin-top: 50px;}
h5 { font-size: 16px; line-height: 24px; text-transform: uppercase; }
.home h5 {letter-spacing: 2px;}
.banner h5 {font: 24px/32px 'Work Sans', sans-serif; margin-bottom: 20px; text-transform: none; max-width: 640px; letter-spacing: 0px;}
h1 strong, h2 strong {display: block; font-family: 'ManusTrial'; text-transform: none; letter-spacing: -0.02em; font-weight: normal;}
h1 strong {color: #1a1c32;}
h2 strong {color: #40d59c; font-size: 1.1em;}

h6 { font-size: 18px; line-height: 24px;color: #000; padding-bottom: 10px; text-align: center; max-width: 750px; margin: 0 auto}

p, .section li { font-size: 19px; line-height: 28px; margin-bottom: 28px; color: #000;}
.section li {margin-bottom: 10px; position: relative; padding-left: 40px;}
.section li:before {content: '+'; position: absolute; color: #40d59c; left: 10px; top: 1px;}
.section ul { margin-bottom: 28px;}
p:last-child, .section ul:last-child, .section li:last-child {margin-bottom: 0px;}

.blog_content li {padding-left: 70px;}
.blog_content li:before {content: '';display: block;color: #000;width: 6px;height: 6px;border-radius: 50%;background: #000;left: 50px;   top: 10px;}


p a:hover, h5 a:hover {text-decoration: none}
.third {  width: 33.3333%; padding: 0 15px; box-sizing: border-box }
.third_full {width: 100%}
.third img { max-width:100%; height:auto}
.half { width: 50%; padding-right:80px; box-sizing:border-box; position: relative }
.half:last-child,.half:nth-child(2n) { padding-right:0; padding-left:80px }
.single_half_right.half {margin-left: auto}

.row_reverse .half,.reverse_row .half { padding-left:80px; padding-right: 0; box-sizing:border-box; position: relative }
.row_reverse .half:last-child, .row_reverse .half:nth-child(2n),.reverse_row .half:last-child, .reverse_row .half:nth-child(2n) { padding-right:80px; padding-left:0px }
.half:last-child:first-child { padding-left:0; padding-right:0px}
.half img { max-width:100%; height:auto}
.fifth { width:20%}
.fourth { width:25%; box-sizing: border-box; padding: 0 15px}
.fourth_full {width: 100%}

.no_PaddTop { padding-top:0 !important}
.no_PaddBottom { padding-bottom:0 !important}
.no_padd {padding: 0}
.no_Mar { margin:0 !important} 
.marginB20 { margin-bottom:20px !important} 
.right { float: right }
.left { float: left }
#mobile-menu { display:none}
.row {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between}
.row.reverse_row {flex-direction: row-reverse}

.row.center {justify-content: center; }
.row.reverse {flex-direction: row-reverse}
.row.middle {align-items: center; }
.row.top {align-items: flex-start}
.row.bottom {align-items: flex-end}
.row.flex_start {justify-content: flex-start;}
.row.flex_end {justify-content: flex-end;}
.row.row_reverse {flex-direction: row-reverse}
.vertical_align {align-items: center; }
.vertical_align2 {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center} 
.flow_flex {flex: 1}
.order_1 {order: 1}
.order_2 {order: 2}
.order_3 {order: 3}
.section .content .half ul:last-child {padding-bottom: 0px;}

.section .content { padding:80px 20px}
.full_width .content {max-width: 100%}
.NoPaddingBottom .content {padding-bottom:0 !important;}
.NoPaddingTop .content {padding-top:0 !important;}
.NoPadding .content {padding:0 !important}
.big_space .content {padding:130px 20px}
.section.transparent {background-color: transparent }
.paddingT25 {padding-top: 25px !important}
.white_text p, .white_text h1, .white_text h2, .white_text h3, .white_text h4,.white_text h5,.white_text h6,.white_text li {color: #fff}

.top_wrapper {background: #40d59c url('../images/banner_bg_img.jpg'); background-repeat: no-repeat; background-size: cover;}
/* Header */
header { padding: 31px 0px;}
header .content {padding: 0px 50px; max-width: 100%;}
.logo {line-height: 0; font-size: 0; transition: all 0.3s}
.logo img {max-width: 100%; height: auto}
/* End Header */

/* Banner */
.banner {}
.banner .content {padding: 0;}
.banner_content {max-width: 800px; position: relative; padding-top: 100px; padding-bottom: 150px;}
.home_banner {position: absolute; z-index: 1; left: 600px; top: -35px;}

.cta_btn { background:#40d59c; color:#fff; font: 18px/20px 'Fjalla One', sans-serif; letter-spacing: 2.4px; padding:21px 58px; box-sizing:border-box; text-align:center; display: inline-block;  border: none; border-radius: 32px; text-transform: uppercase; }
.cta_btn:hover {background-color:#000; color: #fff;}
.cta_btn.center { margin:0 auto }
.cta_btn.full_width { padding: 20px 0 20px; width: 100%; min-width: inherit }
.cta_btn.black {background-color: #000;}
.banner .cta_btn.black:hover {background-color: #fff; color: #000} 
.banner_btn_ctn {position: relative;}
.banner_btn_ctn > img {position: absolute; left: -93px; top: -108px;}
.banner_btn_ctn br {display: none;}

.dw_arrow {display: block; width: 34px;}
.banner .dw_arrow {margin-top: 45px;}
.dw_arrow.center_arrow {margin: 0 auto;}

/* Menu */ 
.menu li {margin-right: 40px;}
.menu li:last-child {margin-right: 0px;}
.menu li a {color: #000; font: 17px/19px 'Fjalla One', sans-serif; text-transform: uppercase; letter-spacing: 2.4px;}
.menu li a:hover {color: #fff;}

.menu .current_page_item > a {color:#fff !important; }
.menu .current_page_parent > a {color:#fff !important; }

#mm-my-menu .menu li { margin-right: 20px; width: 100%}
#mm-my-menu .menu .current_page_item > a {color: #36b383 !important}
.mm-listview>li>a,
.mm-listview>li>span { display: block; color: #000 !important; padding:15px 35px !important; text-align: left; line-height: inherit; background: none;}
.mm-listview>li>a:hover {background: none; color:#fff }

.menu_trigger { padding: 0px; font-size: 0; border-radius: 0; box-sizing: border-box; width: 36px; position: relative; height:22px; display: none; margin-left: 25px}
.slicknav_icon,
.slicknav_icon span { display: block; position: absolute; left: 0 }
.slicknav_icon {width: 36px; height: 23px; margin: auto; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; top: 0; bottom: 0; right: 0 }
.slicknav_icon span { height: 2px; width: 100%; background: #000; border-radius: 0px; opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out }
.slicknav_icon span:nth-child(1),
.slicknav_icon span:nth-child(2) { -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center }
.slicknav_icon span:nth-child(1) { top: 0; transform-origin: left center }
.slicknav_icon span:nth-child(2) { top: 9px; transform-origin: left center }
.slicknav_icon span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center }
.mm-opened .slicknav_icon span:nth-child(1) { top: -4px; left: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.mm-opened .slicknav_icon span:nth-child(2) { width: 0; opacity: 0 }
.mm-opened .slicknav_icon span:nth-child(3) { top: 22px; left: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }


#howtolearn {position: relative;}
#howtolearn:before {content: ''; position: absolute; width: 50%; height: 100%; left: 0%; background: #eaeefb;}
.members_holder {text-align: center; margin-top: 80px;}
.member_ctn img {border-radius: 50%; display: inline-block; max-width: 100%; height: auto; margin-bottom: 40px;}

.slick-list {max-width: 880px; margin: 0 auto; margin-top: 50px;}
.testimonials {padding-left: 80px; padding-right: 80px;}
.slick-arrow {position: absolute; top: 0; bottom: 0; font-size: 0; cursor: pointer; padding: 0; border: none; background: none;}
.slick-arrow:after {content: ''; display: block; width: 19px; height: 35px; margin: auto; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.slick-prev {left: 0;}
.slick-prev:after {background-image: url(../images/slider_left_arrow@2x.png)}
.slick-next {right: 0;}
.slick-next:after {background-image: url(../images/Slider_right_arrow@2x.png)}
.slick-dots {display: none !important; display: flex; width: 100%; padding: 30px 0 0 0; margin: 0; justify-content: center; flex-wrap: wrap}
.slick-dots li {font-size: 0; margin: 0 7px !important; padding-left: 0; width: 14px; height: 14px; background: #000; cursor: pointer}
.slick-dots li button {display: none}
.slick-dots li.slick-active,.slick-dots li:hover {background: #40d59c}
.slick-dots li:before {display: none}
.logos_section .content {padding-top: 50px; padding-bottom: 70px;}
.logos_holder {align-items: center; margin-top: 50px;}

/* Footer */
.footer {padding: 75px 0px 100px; text-align: center;}
.footer_menu {max-width: 700px; margin: 30px auto;}
.footer_menu a {color: #000; font: 16px/18px 'Fjalla One', sans-serif; text-transform: uppercase; letter-spacing: 2.4px;}
.footer_menu a:hover {color: #40d59c;}
.copyright {font-size: 15px; line-height: 20px; font-weight: 400;}
.top_arrow {display: inline-block; margin-top: 30px;}

/* contact us */
html div.wpcf7 {max-width: 320px; margin: 50px auto 0;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {color: #000; font-size: 19px; font-family: 'Work Sans', sans-serif; border: none; border-bottom: 2px solid #dfe2ee; width: 100%; box-sizing: border-box; height: 45px; font-weight: 300; margin: 0; padding: 0; border-radius: 0; background: none;}
.wpcf7 textarea {height: 100px; resize: none; padding-bottom: 15px; line-height: 28px; }

.input_row {margin-bottom: 30px;}
.wpcf7 select {cursor: pointer; background: url(../images/select_bg.png) no-repeat 100% center; background-size: 8px;}
.submit_holder {text-align: center;}
html span.wpcf7-not-valid-tip {font-size: 14px;}

.down_arrow_ctn .dw_arrow {margin-top:-50px; position: relative }
.third_row .third {padding: 0 40px;}
.third_row .third:first-child {padding-left: 0;}
.third_row .third:last-child {padding-right: 0;}
.counter_row {counter-reset: section; margin-top: 60px }
.counter_row .third:before {counter-increment: section; content: counter(section); background: #40d59c; width: 50px; height: 50px; display: block; margin-bottom: 35px; border-radius: 100%; color: #000;font-family: 'Fjalla One', sans-serif; text-align: center; line-height: 50px; font-size: 24px;}
p a {color: #000; border-bottom: 2px solid #40d59c}
p a.green_arrow_link {color: #40d59c; font-weight: 400; font-size: 20px; border: none}
p a.green_arrow_link:hover {color: #000}
p a:hover {border-bottom: none}

#gapinthemarket h2 {margin-bottom: 35px;}


.blog_content > *:not(.big_blog_image_holder) {max-width: 690px; margin-left: auto; margin-right: auto}
.big_image_post {width: 100%; height: auto;margin-top: 30px;}
.blog_content h1 {text-align: center; max-width: 860px !important;}

.fixed_menu {position: fixed; left: 0; top: 26%; font-family: 'Fjalla One', sans-serif; font-size: 24px;; max-width: 315px;}
.fixed_menu li {margin-bottom: 25px;}
.fixed_menu li:last-child {margin-bottom: 0px;}
.fixed_menu li a {color: #000; position: relative; display: block;padding-left: 57px;}
.fixed_menu li a:before {content: ""; width: 44px; height: 2px; background: #000; position: absolute; top: 15px; left: 0}
.fixed_menu li.active a {color: #40d59c}
.fixed_menu li a:hover {color: #40d59c}

.blog_content h2 {margin-bottom: 20px; margin-top: 70px;}
.blog_content h3 {margin-bottom: 20px; margin-top: 50px;}
blockquote {color: #40d59c; font-weight: 400; font-size: 26px; padding-top:35px; position: relative; text-align: center; margin: 70px auto}
blockquote > * {color: #40d59c;font-size: 26px;}
blockquote:before {content: ""; width: 144px; height: 2px; background: #40d59c; position: absolute; top: 0; left: 0; right: 0; margin: auto}
div.wpcf7-response-output {display: none !important}

img.aligncenter {display: block; margin: 50px auto 20px; max-width: 100%; height: auto;}

@media screen and (max-width: 1600px) {
    .fixed_menu {display: none}
}

@media screen and (max-width: 1400px) {
    .half {padding-right: 40px}
    .half:last-child, .half:nth-child(2n) {padding-right: 0px; padding-left: 40px}
    .row_reverse .half, .reverse_row .half {padding-left: 40px;}
    .row_reverse .half:last-child, .row_reverse .half:nth-child(2n), .reverse_row .half:last-child, .reverse_row .half:nth-child(2n) {padding-right: 40px;padding-left: 0px;}
    .home_banner {z-index: 1;left: 400px; top: -55px;transform: scale(0.85);}
    .banner h5 {font: 23px/34px 'Work Sans', sans-serif; letter-spacing: 1px}
    .banner h1 {font-size: 65px;line-height: 80px;}
    .home h2 {font-size: 55px; line-height: 70px;}
    .banner_content {max-width: 620px;}
    .banner .content {padding: 0 20px;}
    header .content {padding: 0px 20px;}
    .banner_content {padding-top: 60px;}
}


@media screen and (max-width: 1024px) {
    .logos_holder {justify-content: center}
    .logos_holder .logos {padding: 10px}
    header {padding: 25px 20px;}
    header .content {padding: 0px;}
    .menu_trigger {display: block}
    #my-menu {display: none}
}
@media screen and (max-width: 960px) {
    .banner_content {max-width: 100%; text-align: center}
    .home_banner {display: none}
    .banner .dw_arrow {margin: 35px auto 0}
    .banner h5 {max-width: none;}    
    .banner_content {padding-bottom: 100px;}
    .section .content {	padding: 80px 20px;}
    .half {padding-right: 30px}
    .half:last-child, .half:nth-child(2n) {padding-right: 0px; padding-left: 30px}
    .row_reverse .half, .reverse_row .half {padding-left: 30px;}
    .row_reverse .half:last-child, .row_reverse .half:nth-child(2n), .reverse_row .half:last-child, .reverse_row .half:nth-child(2n) {padding-right: 30px;padding-left: 0px;}
    
    p, .section li {font-size: 17px;line-height: 26px; margin-bottom: 26px;}
    .section li {margin-bottom: 10px}
    .home h2 {font-size: 45px; line-height: 55px;}
    .home h3 {font-size: 35px;line-height: 45px;}
    .home h4 {font-size: 25px; line-height: 35px;}
    h1 {font-size: 50px;line-height: 60px;}
    .testimonials {padding-left: 40px;padding-right: 40px;}
    .third_row .third {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
    .menu li {margin-right: 30px;}
    .banner h1 {font-size: 60px;line-height: 70px;}
    .banner h5 {font: 19px/27px 'Work Sans', sans-serif;letter-spacing: 1px;}
    .half {padding-right: 0px; width: 100%}
    .half:last-child, .half:nth-child(2n) {padding-right: 0px; padding-left: 0px; margin-top: 30px}
    .row_reverse .half, .reverse_row .half {padding-left: 0px;}
    .row_reverse .half:last-child, .row_reverse .half:nth-child(2n), .reverse_row .half:last-child, .reverse_row .half:nth-child(2n) {padding-right: 0px;padding-left: 0px; margin-top: 30px}
    #howtolearn:before {display: none}
    #howtolearn .content {padding-top: 0}
    #howtolearn .half:first-child {background: #eaeefb; padding: 60px 20px; margin: 0 -20px 60px; width: calc(100% + 40px)}
    #howtolearn .half:last-child {margin-top: 0}
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
    h3 {font-size: 22px; line-height: 31px; }
    .home h2 {font-size: 35px; line-height: 45px;}
    .home h3 {font-size: 30px;line-height: 40px;}
    .home h4 {font-size: 20px; line-height: 30px;}
    .members_holder {margin-top: 40px;}
    .member_ctn img {margin-bottom: 20px;}
    .slick-list {margin-top: 30px;}
    .logos_holder {margin-top: 30px;}
    .footer {padding: 60px 0px 60px;}
    .down_arrow_ctn .dw_arrow {margin-top: 25px;}
    .third_row .third {width: 100%; margin-bottom: 45px; padding: 0}
    .third_row .third:last-child {margin-bottom: 0}
    .counter_row .third:before {margin-bottom: 15px;}
    .counter_row {margin-top: 30px;}
}

@media screen and (max-width: 767px) {
    .member_ctn {width: 50%;}
    .member_ctn:last-child {margin-top: 25px}
    .members_holder {justify-content: center}
    .testimonials {padding-left: 0px;padding-right: 0px;}
    .slick-arrow {display: none !important}
    .slick-dots {display: flex !important}
    #footer_menu {justify-content: center}
    #footer_menu li {padding: 5px 10px;}
    .blog_content li {padding-left: 20px; margin-bottom: 12px}
    .blog_content li:before {left: 0}
    .blog_content h3 {margin-bottom: 10px;}
    blockquote {margin: 40px auto}
}

@media screen and (max-width: 480px) {
    .banner h1 {font-size: 40px; line-height: 52px;}
    h1 {font-size: 40px;line-height: 46px;}
    .logo {max-width: 210px;}
}
@media screen and (max-width: 374px) {
	.banner h1 {font-size: 35px;line-height: 45px;}
    .banner h5 {font: 17px/25px 'Work Sans', sans-serif;}
    .member_ctn {padding: 0 10px;}
}