@import url("https://fonts.googleapis.com/css?family=Oswald&display=swap");
@import url("https://fonts.googleapis.com/css?family=Engagement&display=swap"); span.mobile_menu_bar:before, .select_page{color:#FFF !important}
.et_mobile_menu{border-color:#455262 !important; margin-top:0px !important}
.et_menu_container{padding-right:0px !important; padding-left:0px !important}
#et-top-navigation{background-color:#455262 !important; padding:0px 0px 0px 0px !important; font-weight:normal !important}
#top-menu-nav, #top-menu{padding-top:14px !important}
#top-menu li a{margin-left:15px; margin-right:15px}
.nav li ul{width: 290px}
#top-menu li li a, .fullwidth-menu li li a{width: 240px; padding:6px 10px; margin-left:5px; margin-right:0px}
h1{font-size:36px !important; line-height:40px !important}
h2{font-size:34px !important; line-height:38px !important; margin-top:20px; margin-bottom:20px}
h3{font-size:30px !important; line-height:36px !important; margin-top:20px; margin-bottom:20px}
.et_pb_text_inner a{font-weight:bold !important}
.gform_button{cursor:pointer; border:none; font-size:20px !important; background-color:#2D8D8D; color:#FFF; padding:10px 20px}
.et_pb_text_inner ul{margin-top:20px} .white, a.white{color:#FFF !important}
.black, .black h2, .black h3{color:#000 !important}
.gray, .gray h1, .gray h2, .gray h3{color:#455262 !important} .blue, h2.blue{color:#2A7DE2 !important}
.green, h2.green{color:#24CE7B !important}
.lavender, h2.lavender{color:#7F56C6 !important}
.red{color:#CC0000 !important}
.teal{color:#339292 !important}
.newGreen{color:#24CE7B !important}
.newPurple{color:#7F56C6 !important}
.newBlue{color:#2A7DE2 !important}
.largeText{font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(26px + (30 - 26) * ((100vw - 300px) / (1600 - 300))) !important}
.hugeText{font-size: calc(26px + (30 - 26) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(32px + (36 - 32) * ((100vw - 300px) / (1600 - 300))) !important}
.medium{font-size:18px; line-height:22px}
.large{font-size:22px; line-height:26px}
.homeSlider h2.et_pb_slide_title{margin-bottom:25px !important}
.homeSlider .et_pb_slide_title{text-shadow:2px 2px 2px #000}
.homeSlider .et_pb_slide_content{font-family: "Comfortaa", display !important; width:100% !important; margin:0px auto 0px auto !important; font-size:22px !important; line-height:26px !important; }
a.btnWhite{color:#FFF !important; border-color:#FFF !important}
a.btnGray{color:#455262 !important; border-color:#455262 !important}
.homeHeader{background-color:#455262; padding-top:2%}
.homeHeader h2{margin-top:0px !important; margin-bottom:0px !important}
.quote{font-family: 'Oswald', sans-serif; font-size:22px !important; line-height:26px !important}
.quoteLg{font-family: 'Oswald', sans-serif; font-size:30px !important; line-height:36px !important}
h2.gsection_title{font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(26px + (30 - 26) * ((100vw - 300px) / (1600 - 300))) !important}
.contactForm form{background-color:#DEDEDE; padding:20px}
.contactForm input[type="text"], .contactForm input[type="email"]{width:100%; height:32px}
.contactForm textarea{width:100%; height:100px}
.contactForm input[type="submit"]{cursor:pointer; border:none; background-color:#24CE7B; color:#FFF; font-size:18px; padding:10px; margin-top:20px; border-radius:4px} body.page-id-301 h2, body.page-id-355 h2{color:#3F91E7 !important; font-family: 'Engagement', cursive !important; font-size:54px !important; line-height:60px !important}
body.page-id-301 .et_pb_promo_description h2{color:#FFF !important}
.bannerTulum img{margin-bottom:20px !important}
.bannerTulum{font-size:30px !important; line-height:34px !important}
.bannerTulum h1 span{font-family: 'Engagement', cursive !important; font-size:54px !important; line-height:60px !important}
.scriptTulum{font-family: 'Engagement', cursive !important; font-size:54px !important; line-height:60px !important}
h2.headerTulum{color:#3F91E7 !important; font-family: 'Engagement', cursive !important; font-size:54px !important; line-height:60px !important}
h2.headerTulumWhite{color:#FFF !important; font-family: 'Engagement', cursive !important; font-size:54px !important; line-height:60px !important}
#main-footer{padding:0px !important; margin:0px !important}
#footer-widgets{padding-top:20px !important; padding-bottom:0px !important}
.footer-widget{margin-bottom:30px !important}
#footerTK{clear:both; color:#FFF; font-size:14px; margin:5px 0px 20px 0px} 
#footerTK a{color:#FFF}
#footerTK a:hover{text-decoration:underline} 
@media only screen and ( max-width: 1600px ) 
{	
h1{font-size: calc(26px + (36 - 26) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300))) !important}
h2{font-size: calc(38px + (34 - 38) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(42px + (38 - 42) * ((100vw - 300px) / (1600 - 300))) !important}
.medium{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))) !important}
.large{font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300))) !important; line-height: calc(22px + (26 - 22) * ((100vw - 300px) / (1600 - 300))) !important}
}
@media only screen and ( max-width: 1200px ) 
{	
#top-menu li a{margin-left:8px !important; margin-right:8px !important}
}