body {background: #eee; font-family: 'sofia-pro'}
.wrapper {max-width: 1560px; margin:0 auto;}

#trigger-overlay {display: none; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 55px; height: 45px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; top: 30px; right: 30px; z-index: 900}
#trigger-overlay:focus { outline: none; }
#trigger-overlay span { display: block; position: absolute; top: 20px; left: 7px; right: 7px; height: 3px; background: #222; }
#trigger-overlay span::before, .menu-o span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #222; content: ""; }
#trigger-overlay span::before { top: -15px; }
#trigger-overlay span::after { bottom: -15px; }
.menu-o { background-color: transparent; }
.menu-o span { transition: background 0s 0.3s; }
.menu-o span::before, .mm-opened .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.menu-o span::before { transition-property: top, transform; }
.menu-o span::after { transition-property: bottom, transform; }

.m-t-20 {margin-top: 20px;}

.header { width: 14%; background: #fff; position: relative; min-height: 850px;}

.home {background: url(/img/home-banner.jpg) no-repeat right; background-size: cover; height: auto; width: 100%}
.home h1 {position: absolute; right: 10%; top: 25%; font-family: 'Buffalo'; font-size: 80px; color: #79c8cd; font-weight: bold; -webkit-font-smoothing:antialiased;}
.logo {width: 162px; margin:0px auto; padding: 30px 0}

.contact {background: url(/img/pattern.gif);}
.contact .content h1 {color: #fff}
.contact .content p {color: #fff}
.contact .content h4 {color: #cae9eb;}
.contact .button.outline {border-color: #fff; color: #fff}
.contact .right-col {width: 80%; padding-bottom: 50px;}

.about {background: url(/img/about-bg.jpg) no-repeat left; background-size: cover; width: 100%}
.about .right-col {width: 80%}
.about .header {}
.programs {background: url(/img/banana-bg.jpg) no-repeat left; background-size: cover;  width: 100%;}
.programs .right-col {width: 80%; padding-bottom: 50px;}
.about .right-col {padding-bottom: 50px;}
.right-col {width: 85%}
.right-col.program-wrapper { width: 86%; }
.program-wrapper .mini-wrapper {max-width: 70%; margin:0 auto; height: auto}

#systemMessage.highlight_message {
  margin: 20px 0px;
  padding: 20px 10px 25px;
  color: #fff;
  background: #3ed636;
  font-size: 20px;
  letter-spacing:0.05em;
}

.content-wrapper {max-width: 950px; margin:0 0 0 8%;}
.content {padding: 100px 45px 0 0;}
.content h1 {color: #98d4d9; font-size: 55px; font-weight: 700; line-height: 60px; margin-bottom: 25px;}
.content h2 {color: #98d4d9; font-size: 55px; font-weight: 700; line-height: 50px; margin-bottom: 25px;}
.content h3 {color: #98d4d9; font-size: 35px; font-weight: 700; line-height: 35px; margin-bottom: 25px;}
.content p {color: #8f9093; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 25px;}
.content p strong {color:#222; font-weight: 700; font-size: 19px;}
.content h4 {font-family: 'Buffalo'; color: #98d4d9; font-size: 40px; line-height: 37px;}
.content .title {margin-bottom: 10px; margin-top: -50px;}
.content ul {margin:0 0 25px 20px;}
.content ul li {color: #8f9093; font-weight: 300; font-size: 16px; line-height: 26px;}
.content p a {color: #8f9093; font-weight: 500}
.contact .content p a {color: #fff; text-decoration: none}

.header .menu {margin:3rem 0;}
.header-footer {position: absolute; bottom: 20px; text-align: center; display: block; width: 100%}
.links {border-bottom: 1px solid #eee; max-width: 80px; margin:0 auto;}
.links a {color: #79c8cd; font-size: 20px; display: block; margin-bottom: 20px;}
.links img {width: 35px;}
.icon {margin: 20px auto 40px;}

.menu ul {display: block; text-align: center; font-family: 'nanamiroundedextralight';}
.menu li {display: block; text-transform: uppercase; margin: 25px 0}
.menu li a {color: #959799; text-decoration: none; letter-spacing: 2px; font-size: 13px;}
.menu li a:hover {color: #79c8cd}

.flex-row.wrap { align-items: flex-start !important; }

.flex-row {display: flex; align-items: flex-start | flex-end | center | baseline | stretch; flex-wrap:wrap; background-color: #fff;}
.flex-row > div {width: 33.33%}
.flex {display: flex; justify-content: space-between; z-index: 999 }
.flex > div {position: relative; width: 50%}
.colour-bg {background:#79c8cd;}
.colour-bg.colour2 {background: #5eb0b5}
.colour-bg.colour3 {background: #c7e8ea}
.colour-bg.colour3 h2 {color: #5eb0b5}
.colour-bg.colour3 .title {color: #79c8cd}
.colour-bg.colour3 hr {background: #79c8cd}
.colour-bg.colour3 p {color: #959799}

.mini-wrapper {max-width: 50%; margin:0 auto;}
.fb-1 {color: #fff; padding: 11rem 0}
.fb-1 hr {max-width: 130px; height: 1px; background: #fff; border:none; margin: 10px 0 30px 0;}
.title {font-family: 'Buffalo'; color: #c7e8ea; font-size: 36px; -webkit-font-smoothing:antialiased;}
.fb-1 h2 {font-size: 48px; font-family: 'sofia-pro'; font-weight: 700; line-height: 45px;}
.fb-1 p {font-size: 18px; font-family: 'sofia-pro'; font-weight: 300; line-height: 28px; margin-bottom: 50px;}
.flex img {width: 100%}


.button {font-family: 'sofia-pro'; font-weight: 500; font-size: 18px; text-decoration: none; color: #fff; display: inline-block; padding: 15px 25px; border-radius: 40px;}
.button.dark {background: #242121; color: #79c8cd}
.button.ghost {background:none;}
.button.ghost:hover {background: #222}
.button.outline {border:1px solid #79c8cd; color: #79c8cd}

.feature-bg {height:100vh; background: url(/img/feature-bg.jpg); background-size: cover;}
.floating-window {width: 670px; margin:0 auto; position: relative; top: 25%}
.floating-window article {padding: 80px 50px; background: #fff; text-align: center;}
.floating-window article h3 { font-family: 'nanamiroundedextralight'; text-transform: uppercase; color: #79c8cd; font-size: 48px; -webkit-font-smoothing:antialiased; margin-bottom: 30px; line-height: 48px;}
.floating-window article p {color: #7c7c7b; font-size: 16px; line-height: 24px; font-family: 'sofia-pro'; font-weight: 300;}
.floating-window article a {margin: 40px 0 0 0;}

.pattern-bg {background: url(/img/pattern.gif); min-height: 550px;}
.pattern-bg article {max-width: 970px; margin: 0 auto; padding: 100px 0; text-align: center;}
.pattern-bg h3 {color: #cae9eb; font-family: 'Buffalo'; font-size: 60px; margin-top: 40px; line-height: 60px; }
.pattern-bg p {color: #fff; font-size: 48px; line-height: 48px; font-weight: 700}
.pattern-bg a {color: inherit;}
.pattern-bg.alt p {font-size: 40px;}

.pattern-bg.alt .alt-text {margin:30px 0;}
.pattern-bg.alt .alt-text p {font-size: 18px; line-height: 24px; max-width: 700px; margin: 0 auto}
.pattern-bg.alt .alt-text ul {list-style: none; color: #fff}

.library {width: 100%; color: #f8fafc; text-align: center; background: #79c8cd; padding: 0; border-radius: 3px; text-align: center; margin-bottom: 20px;}
.library > div {display: inline-block;width: 6%;  }
.library > div a {display: block; color:#fff;  height: 40px; margin:3px; border-radius: 50%; line-height: 35px;  text-align: center; text-decoration: none; font-size: 20px; font-weight: 700}
.results p { color:#1ec0bf; background-color: #fff; width: 49.2%;  padding: 20px; box-sizing: border-box; display: inline-block; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.results p:nth-child(even) { float: right; margin: 0; }
.results p a { color: inherit;text-decoration: none; }

.right-col.col-overflow { height: 100%; overflow-x: scroll; padding-bottom: 100px; box-sizing: border-box; }
.content-library.flex > div { padding: 0 45px 0 0; }
.right-col.col-overflow .description { column-count: 2; margin-bottom: 40px;}
.right-col.col-overflow .description h3 { color: #222; font-weight: 700; font-size: 19px; margin-bottom: 10px; }
.right-col.col-overflow .description li a { color: #8f9093; font-weight: 500; text-decoration: underline; }
.right-col.col-overflow .description table { padding: 20px; font-family: 'sofia-pro'; box-sizing: border-box; }
.right-col.col-overflow .description p { padding: 0 45px 0 0; box-sizing: border-box; }
.right-col.col-overflow .description li { left:10px; position: relative; padding-right: 10px; box-sizing: border-box; }
.right-col.col-overflow h4 { margin-bottom: 10px; }
#product-boxes { position: relative; }
#product-boxes .flex-direction-nav {  position: absolute; top: 41%; width: 100%; margin: 0; }
#product-boxes .flex-direction-nav li { list-style: none; }
#product-boxes .flex-direction-nav li a { opacity: 0.5; outline: none; width: 40px; height: 40px; position: absolute; z-index: 99999999; background-size: cover; background-position: center; cursor: pointer !important; }
#product-boxes .flex-direction-nav li a:hover { opacity: 1; transition: all 0.5s ease-in-out; }
#product-boxes .flex-direction-nav li a.flex-prev { background-image: url(../img/left-arrow.png); left: 15px; font-size: 0;}
#product-boxes .flex-direction-nav li a.flex-next { background-image: url(../img/right-arrow.png); right: 15px; left: inherit; font-size: 0;}
.col-3.sidebar { float: right; position: absolute; top: 0; right: 8%; padding: 100px 0 0 0; text-align: center;}
.slides { margin-left:0 !important; }
.sidebar a { text-decoration: none; }
.sidebar .item { text-align:center; margin-bottom: 30px; padding: 0; }
.sidebar .item figure { height: 250px; background: white; margin: 0 auto 20px; width: 250px; border-radius: 50%; overflow: hidden; text-align: center;  display: flex; }
.sidebar .item figure img { display: table-cell; vertical-align: middle; margin: auto;}
.sidebar .item  h3 { font-size: 18px; font-family: 'sofia-pro'; font-weight: 700; line-height: 30px; color: #79c8cd; margin-bottom: 10px; padding: 0 50px; }
.sidebar .item  h4 { color: #959799; text-decoration: none; font-size: 16px; margin-bottom: 17px; padding: 0 50px; }
.sidebar .item .button { padding: 7px 25px 10px; font-size: 14px; }
.sidebar .item li { list-style: none; }
.sidebar .item li a { color:#999; }
.sidebar .flex-control-nav.flex-control-paging { display: none; }
.sidebar h3 { font-size: 18px; font-family: 'sofia-pro'; font-weight: 700; line-height: 30px; color: #79c8cd; margin-bottom: 10px; padding: 70px 0 10px; }
.content#topic_list p { margin-bottom: 10px; }
.content#topic_list p a { color: #79c8cd; text-decoration: none; cursor: pointer; }
.content#topic_list p a:hover { color: #98d4d9; transition: all 0.3s ease-in-out; }

form input[type="text"] {width: 100%; background:none; border:none; border-bottom: 2px solid #fff; margin-bottom: 10px; padding: 10px 0; font-family: 'sofia-pro'; font-weight: 500; font-size: 16px; color: #fff}
form textarea {width: 100%; font-family: 'sofia-pro'; font-weight: 500; color: #fff; font-size: 16px; background: none; border:none; border-bottom: 2px solid #fff;  height: 100px; padding: 10px 0;}
form label {display: block; margin: 10px 0 0 0; color: #cae9eb;}
form input[type="submit"] {background: none; margin: 20px 0 0 0}
form .validation {border-color: red !important}

.footer {background: #fff; padding: 10px 0; border-top: 1px solid #eee}
.footer .menu {padding: 30px 0;}
.footer .menu li {display: inline-block; margin: 0 15px}
.copyright { font-size: 11px; font-weight: 300; color: #afb0b1; display: block; padding: 31px 0 0 0; text-align: right; }
.copyright a {color: inherit; text-decoration: none}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9197a6 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9197a6 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9197a6 !important;
}
:-moz-placeholder { /* Firefox 18- */
 color: #9197a6 !important;
}

.program-wrapper .fb-1 {color: #fff; padding: 2rem 0}
.program-wrapper .fb-1 h2 {font-size: 40px; }
.library-page { background: #eee; height: 94vh; overflow-y: scroll; }

.marble-bg { background-image: url('/img/marble-bg.jpg'); }
.event-description p { font-size: 18px; font-family: 'sofia-pro'; font-weight: 300; line-height: 28px; margin-bottom: 50px; text-align: left; }
.event-description h3 { color:#fff; margin-bottom: 30px; text-align: left; }
.event-description h5 { font-size: 28px; font-family: 'sofia-pro'; font-weight: 700; line-height: 25px; text-align: left; color:#fff; margin-bottom: 15px; }
.event-description .col-4 { padding: 0 15px; box-sizing: border-box;  }
.pattern-bg.event-description article { max-width: 1400px; }
.bottom-section-event form { text-align: left; }
.bottom-section-event form .col-6:nth-child(odd) { padding-right: 20px; box-sizing: border-box; }
.bottom-section-event form label { text-align: left !important;  }

.wrapper-event { text-align: center; margin:0; width: 100%; max-width: 100%; }
.event-single { max-width: 820px; margin:5% auto 30px; display: inline-block; background: #fff; }
.event-single .body-event { padding: 40px; box-sizing: border-box; text-align: left; }
.event-single .body-event h2 { font-size: 25px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; color:#000; }
.event-single .body-event p { color:#8f9093; font-size: 16px; line-height: 1.4; font-weight: 300; margin-bottom: 10px; }
.event-single .body-event .col-6:first-child { padding-right: 40px; box-sizing: border-box; border-right: 1px solid #ebebeb; }
.event-single .body-event .col-6:nth-child(2) { padding-left: 40px; box-sizing: border-box; }
.event-single .body-event p.green { color:#79c8cd; margin:20px 0 0; font-weight: 500; }
.event-single label { color:#79c8cd; }
.event-single form input[type="text"] { width: 100%; border-bottom: 2px solid #79c8cd; padding:5px 0; color:#79c8cd !important; }
.event-single .button { background:#79c8cd; color:#fff; margin-top: 15px;  }

.bottom-section-event .price { color: #fff; font-size: 30px; line-height: 1.4; font-weight: lighter; margin-bottom: 10px; }
.bottom-section-event form .col-3 input { padding: 18px 10px; box-sizing: border-box; text-align: center; color:#fff; background: none;  }
.bottom-section-event form input::-webkit-input-placeholder { color:#fff !important; }
.bottom-section-event form input::-moz-placeholder { color:#fff !important; }
.bottom-section-event form input:-ms-input-placeholder { color:#fff !important; }
.bottom-section-event form input:-moz-placeholder { color:#fff !important; }
.bottom-section-event form .button { color:#79c8cd;background:#fff; border:0; float: right; width: 40%; margin-top: 35px; -webkit-appearance: none; -moz-appearance:none; appearance:none;}
.bottom-section-event form .qty { position: relative; margin-top: 35px; background: none;  border:1px solid #fff; border-radius: 50px; text-align: center; }
.bottom-section-event form .qty .minus, form .qty .plus { position: absolute; top:0; padding: 15px 25px; color:#fff; font-size: 23px; z-index: 1; line-height: 1; border:0; background: none; }
.bottom-section-event form .qty .minus { left:0; cursor: pointer; }
.bottom-section-event form .qty .plus { right: 0; cursor: pointer; }
.bottom-section-event form .qty input { margin:0 auto; border:0; }
.bottom-section-event form .qty input[type=number]::-webkit-inner-spin-button,
.bottom-section-event form .qty input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0;  }

.lifematters-logo { width: 200px; display: block; }
.current-price { margin-top: 21px; }
.current-price .price { line-height: 1; }
.bottom-section-event { max-width: 820px; margin: 0 auto; padding: 50px 50px 30px; box-sizing: border-box; }
.bottom-section-event.pattern-bg p { font-size: 16px; font-weight: 500; text-align: left; width: 70%; line-height: 1.5; }
.bottom-section-event.pattern-bg .col-6:last-child { margin-bottom: 0px; }
.bottom-section-event.pattern-bg h5 { font-family: 'sofia-pro'; color:#fff; font-weight: 800; font-size: 25px; text-align: left; }
.bottom-section-event.pattern-bg h3 { color: #fff; margin: 20px 0 0px; text-align: left; }

.event-success .event-single { margin: 8% auto 8%; }
.event-single .body-event.event-success-body { padding: 10% 5% 12%; text-align: center; }
.event-single .body-event.event-success-body h2 { color:#fff; font-size: 50px; }
.event-single .body-event.event-success-body p { color:#fff; line-height: 1; }
.event-success .header-event img { display: block; }




.box-loadong {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99995;
}

.box-loadong .b {
    border-radius: 50%;
    border-left: 4px solid;
    border-right: 4px solid;
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ro 2s infinite;
}

.box-loadong .b1 {
    border-color: #79c8cd;
    width: 120px;
    height: 120px;
}

.box-loadong .b2 {
    border-color: #7c7c7b;
    width: 100px;
    height: 100px;
    animation-delay: 0.2s;
}

.box-loadong .b3 {
    border-color: #242121;
    width: 80px;
    height: 80px;
    animation-delay: 0.4s;
}

.box-loadong .b4 {
    border-color: #FFFFFF;
    width: 60px;
    height: 60px;
    animation-delay: 0.6s;
}

@keyframes ro {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(-180deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}






@media screen and (min-width: 1950px) and (max-width: 2600px) {
.col-3.sidebar { right: 22%; }
}
@media screen and (max-width: 1600px) {
.header {}
.header .menu {margin: 3rem 0;}
.home { background-position: left}
.about {}
.about .header {}
.contact {}
.contact .header {}
.programs {}
.fb-1 {padding: 9rem 0}
.mini-wrapper {max-width: 75%;}
.flex {overflow: hidden;}
.flex img {width: auto;height: 72%;}
.feature-bg {height:100vh;}
.logos img { max-width: 250px; margin: 10px 0 10px 20px;}
.footer .menu li {display: none}
.copyright {padding: 35px 20px 0 0;}
.content h1 {font-size: 55px; line-height: 50px;}
.col-3.sidebar { position: relative; padding: 0; right: inherit; left: 8%; float: left; }
.right-col.col-overflow { padding: 0; }
.right-col.col-overflow .content { width: 78%; }
.col-3.sidebar { float: right; position: absolute; top: 0; right: 8%; padding: 100px 0 0 0; text-align: center; left: 74%; }
.sidebar .item  h3 { padding: 0 15px; }
.right-col.col-overflow .description p { padding: 0 25px 0 0; }
.program-wrapper .fb-1 h2 { font-size: 31px; line-height: 1.2; }
.program-wrapper .fb-1 p { font-size: 16px; line-height: 23px;  margin-bottom: 20px;}
}

@media screen and (max-width: 1500px) {
.program-wrapper .fb-1 h2 { font-size: 30px; line-height: 1.2; }
.fb-1 p { font-size: 16px; line-height: 23px; }
}

@media screen and (max-width: 1400px) {
.fb-1 h2 {font-size: 35px; line-height: 40px;}
.header {}
.header .menu {margin: 3rem 0;}
.home { background-position: left}
.programs .header {}
.fb-1 {padding: 5rem 0}
.mini-wrapper {max-width: 75%;}
.flex {overflow: hidden;}
.flex img {width: auto;height: 100%;}
.feature-bg {height:140vh;}
.logos img { max-width: 250px; margin: 10px 0 10px 20px;}
.footer .menu li {display: none}
.copyright {padding: 35px 20px 0 0;}
.content h1 {font-size: 55px; line-height: 50px;}
.right-col.col-overflow .content { width: 68%; }
.header { width: 17%; }
.right-col.program-wrapper { width: 83%; }
.pattern-bg.event-description article { max-width: 1200px; }
}

@media screen and (max-width: 1280px) {
.program-wrapper .mini-wrapper {  }
.fb-1 h2 { font-size: 28px; font-family: 'sofia-pro'; font-weight: 700; line-height: 28px; }
.header {}
.header .menu {margin: 3rem 0;}
.home {height: 120vh; background-position: left;}
.about {}
.about .header {}
.contact {}
.contact .header {}
.programs {}
.programs .header {}
.fb-1 {padding: 5rem 0;}
.mini-wrapper {max-width: 75%;}
.flex {overflow: hidden; }
.flex img {width: auto;height: 100%; }
.feature-bg {height:140vh; }
.logos img {max-width: 250px; margin: 10px 0 10px 20px; }
.footer .menu li {display: none; }
.copyright {padding: 35px 20px 0 0; }
.content h1 {font-size: 55px; line-height: 50px; }
.sidebar h3 { font-size: 15px; }
.program-wrapper .fb-1 h2 { font-size: 24px; line-height: 1.3; }
.program-wrapper .fb-1 p { font-size: 14px; line-height: 21px; margin-bottom: 20px;}
.program-wrapper .button { font-size: 15px; padding: 11px 25px; }
.header .logo { width: 122px; }
.header .logo img { width: 100%; height: auto; }
.header .menu { margin: 0; }
.header-footer .icon { margin: 10px auto 10px; }
.header-footer .links a { margin-bottom: 10px; }
.library-page { height: 102vh; }
form .qty .minus, form .qty .plus { padding: 12px 25px; }
}

@media screen and (max-width: 1030px) {
.header {height:120vh;}
.header .menu {margin: 3rem 0;}
.home { background-position: left;}
.about {}
.about .header {}
.contact {}
.contact .header {}
.programs {}
.programs .header {}
.fb-1 {padding: 5rem 0;}
.mini-wrapper {max-width: 75%;}
.flex {overflow: hidden;}
.flex img {width: auto;height: 100%;}
.feature-bg {height:140vh;}
.logos img { max-width: 250px; margin: 10px 0 10px 20px;}
.footer .menu li {display: none;}
.copyright {padding: 35px 20px 0 0;}
.content h1 {font-size: 55px; line-height: 50px;}
.right-col.col-overflow { width: 70%; }
.right-col.col-overflow .description { column-count: 1; }
.right-col.col-overflow { height: 119%; }
.right-col.col-overflow .content-wrapper .content { padding: 100px 0 0 0; }
.col-3.sidebar { left: 0; }
.right-col.col-overflow .flex { display: block; }
.right-col.col-overflow .flex > div { width: 100%; }
.event-single { max-width: 85%; }
.header-event img { width: 100%; }
.pattern-bg.event-description article { max-width: 90%; }
}

@media screen and (max-width: 800px) {
	.event-single .body-event .col-6:first-child { padding-right: 0; border:0; }
	.event-single .body-event .col-6:nth-child(2) { padding-left: 0; }
}

@media screen and (max-width: 700px) {
#trigger-overlay {display: block;}
.flex {display: block;}
a {color: inherit;}
.header {height: 190px; width: 100%; padding-bottom: 10px; min-height: auto }
.feature-bg {height: auto}
.logo {text-align: center;}
.logo img {max-width: 120px; margin: 0 auto}
.menu {display: none}
.icon {display: none}
.links {display: none}
.home h1 {position: relative; width: 100%; text-align: center; top: 40px; font-size: 34px; right: auto;}
.home {height:370px; background-size: contain; background-position: bottom}
.flex > div {width: 100%}
.button.ghost {margin-top: 10px;}
.flex img {width: 100%; height: auto;}
.floating-window {width: 100%; top: 0}
.feature-bg {background-size:contain;}
.copyright {text-align: center; padding: 10px 0;}
.logos img {margin:10px auto;}
.logos {text-align: center;}
.about .header {height: auto}
.right-col {position: relative; left: 0; width: 100%}
.content {padding: 0;}
.content-wrapper {padding-top: 40px;}
.about {height: auto;}
.pattern-bg h3 {font-size: 24px;}
.pattern-bg p, .pattern-bg.alt p {font-size: 28px; line-height: 32px; padding: 0 20px;}
.floating-window article h3 {font-size: 42px; line-height: 42px;}
.programs .header {height: auto}
.programs {height: auto}
.content .title {margin-top: 0}
.contact .header {height: auto}
.contact {height:auto; padding-bottom: 40px;}
input, textarea {border-radius: 0}
.button.ghost {border: 1px solid #fff;}
.right-col.col-overflow { padding-bottom: 0; width: 100%; }
.right-col.col-overflow .content-wrapper .content { padding: 0; }
.sidebar .item  h3 { padding: 0 65px; }
.sidebar .item  h4 { font-size: 18px; }
.sidebar .item .button { font-size: 18px; }
.sidebar .item { margin-bottom: 60px; }
.right-col.col-overflow .content { width: 100%; }
.col-3.sidebar { position: relative; left: 0; right: inherit; float: left; margin: 0; padding: 0; }
.about .right-col, .programs .right-col, .contact .right-col {
    width: 90%;
    margin: 0 auto;
}
.flex-row > div {width: 100%}
}


@media screen and (max-width: 480px) {
.right-col.program-wrapper { width: 100%; box-sizing: border-box; padding: 0; }
.results p { width: 100%; margin-bottom: 10px !important; }
.library > div { width: 11%; }
.library > div a { font-size: 14px; height: 30px;}
.content-wrapper { margin: 0 6%; }
.wrapper-event { margin: 0; }
.event-single { max-width: 95%; }
.event-single .body-event { padding: 30px; }
.event-description h3 { font-size: 55px; margin: 0; }
.event-description h5 { font-size: 21px; margin-bottom: 5px; }
.event-description p { font-size: 18px; line-height: 1.5; padding: 0; margin-bottom: 25px; }
.event-description article { padding:15% 0; }
.bottom-section-event.pattern-bg .col-6:nth-child(even) { padding-right: 0px; }
.bottom-section-event { padding: 23px; }
.bottom-section-event.pattern-bg p { width: 100%; margin:0; padding: 0; }
.bottom-section-event.pattern-bg h3 { margin: 20px 0 0px; font-size: 46px; }
.bottom-section-event.pattern-bg h5 { font-size: 20px; margin-bottom: 5px; }
.bottom-section-event.pattern-bg .col-6 { margin-bottom: 20px; }
.bottom-section-event form .button { width: 100%; margin-bottom: 30px; }
}

@media screen and (max-width: 320px) {
	.event-single .body-event h2 { font-size: 19px; }
	.event-single .body-event p { font-size: 15px; line-height: 1.3; }
	.event-single form .col-7 input { width: 100%; }
	.event-description h3 { font-size: 44px; margin: 0 0 0 7px; }
	.event-description p { font-size: 16px; line-height: 1.4; margin-bottom: 25px; }
	.event-description h5 { font-size: 18px; margin-bottom: 3px; }
	.bottom-section-event form .button { width: 100%; margin-bottom: 30px; }
}

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) {
.right-col.col-overflow .content { width: 100%; }
.col-3.sidebar { position: relative; left: 0; right: inherit; float: left; margin: 0; padding: 0; }
}
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (orientation: landscape) {
.col-3.sidebar { left: 0; width: 60%; }
#product-boxes .flex-direction-nav li a.flex-prev { left: 5px; }
#product-boxes .flex-direction-nav li a.flex-next { right: 5px; }
}
@media only screen  and (min-device-width: 1024px)  and (max-device-width: 1366px) {
.col-3.sidebar { left: 0; width: 60%; }
.right-col.col-overflow .content { width: 100%; }
.col-3.sidebar { position: relative; left: 0; right: inherit; float: left; margin: 0; padding: 0; }
}
@media only screen  and (min-device-width: 1024px)  and (max-device-width: 1366px) and (orientation: landscape) {
.right-col.col-overflow { width: 77%; }
.col-3.sidebar { width: 45%; left: 8%; }
}

.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #79c8cd; z-index: 9999 }
.overlay .overlay-close { width: 30px; height: 30px; position: absolute; right: 30px; top: 30px; overflow: hidden; border: none; background: url(../img/cross.svg) no-repeat center center; background-size: cover; text-indent: 200%; color: transparent; outline: none; z-index: 99999 }
.overlay nav { position: relative; top: 40%; height: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.overlay ul { list-style: none; padding: 0; margin: 7rem auto; display: block; height: 100%; max-width:90%; position: relative; }
.overlay ul ul {margin: 0 auto; height: auto; opacity: .4}
.overlay ul li { display: block; text-align: center; }
.overlay i {font-size: 30px; border:1px solid #fff; border-radius: 50%; padding: 20px; width: 20px; height: 20px; line-height: 20px;}
.overlay i.fa-phone {line-height: 20px;}
.overlay i.fa-facebook {padding-left: 22px;}
.overlay ul li a { font-size: 21px;  font-weight: normal; text-decoration:none;  display: inline-block; color: #fff; padding: 8px 0; text-align:center; -webkit-transition: color 0.2s; transition: color 0.2s; font-family: 'sofia-pro'; text-transform: uppercase; letter-spacing: 2px; }
.overlay ul li a:hover,
.overlay ul li a:focus {opacity:.6;}
.overlay-contentscale { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s; }
.overlay-contentscale.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 20px;
    }
    .overlay ul li {
        min-height: 34px;
            height: calc(100% / 9);
    }
}

.highlight-form-field { border-bottom: 3px solid #242121 !important; }