/* StudioWeb Store Design + Development by Abby Williams-Falk, Falken Creative
*/
/* Site Foundation */
/* Fonts */
/* Colors */
/* Media query breakpoints */
/* Example use: @media (min-width: $mq-small) {} */
/* Z-index */
/* layout visibility */
.u-show-sm { display: block; }
@media (min-width: 768px) { .u-show-sm { display: none; } }
.u-show-sm.g-row, .u-show-sm .g-row, .u-show-sm .g-align-middle { display: flex; }
@media (min-width: 768px) { .u-show-sm.g-row, .u-show-sm .g-row, .u-show-sm .g-align-middle { display: none; } }

.u-show-mobile { display: block; }
@media (min-width: 768px) { .u-show-mobile { display: none; } }
.u-show-mobile.g-row, .u-show-mobile .g-row, .u-show-mobile .g-align-middle { display: flex; }
@media (min-width: 992px) { .u-show-mobile.g-row, .u-show-mobile .g-row, .u-show-mobile .g-align-middle { display: none; } }

.u-show-tablet-down { display: block; }
@media (min-width: 1200px) { .u-show-tablet-down { display: none; } }
.u-show-tablet-down.g-row, .u-show-tablet-down .g-row, .u-show-tablet-down.g-align-middle { display: flex; }
@media (min-width: 1200px) { .u-show-tablet-down.g-row, .u-show-tablet-down .g-row, .u-show-tablet-down.g-align-middle { display: none; } }

.u-show-tablet { display: none; }
@media (min-width: 992px) { .u-show-tablet { display: block; } }
@media (min-width: 1200px) { .u-show-tablet { display: none; } }
.u-show-tablet.g-row, .u-show-tablet .g-row, .u-show-tablet.g-align-middle { display: none; }
@media (min-width: 992px) { .u-show-tablet.g-row, .u-show-tablet .g-row, .u-show-tablet.g-align-middle { display: flex; } }
@media (min-width: 1200px) { .u-show-tablet.g-row, .u-show-tablet .g-row, .u-show-tablet.g-align-middle { display: none; } }

.u-show-tablet-up, .colresponsive-hide { display: none; }
@media (min-width: 992px) { .u-show-tablet-up, .colresponsive-hide { display: block; } }
.u-show-tablet-up.g-row, .u-show-tablet-up .g-row, .u-show-tablet-up.g-align-middle, .colresponsive-hide.g-row, .colresponsive-hide .g-row, .colresponsive-hide.g-align-middle { display: none; }
@media (min-width: 992px) { .u-show-tablet-up.g-row, .u-show-tablet-up .g-row, .u-show-tablet-up.g-align-middle, .colresponsive-hide.g-row, .colresponsive-hide .g-row, .colresponsive-hide.g-align-middle { display: flex; } }

.u-show-sm-up { display: none; }
@media (min-width: 768px) { .u-show-sm-up { display: block; } }
.u-show-sm-up.g-row, .u-show-sm-up .g-row, .u-show-sm-up.g-align-middle { display: none; }
@media (min-width: 768px) { .u-show-sm-up.g-row, .u-show-sm-up .g-row, .u-show-sm-up.g-align-middle { display: flex; } }

.u-show-desktop { display: none; }
@media (min-width: 768px) { .u-show-desktop { display: block; } }

/* mobile rows */
.u-padding-20 { padding: 0 20px; }

.u-padding-30 { padding: 0 30px; }

.u-padding-40 { padding: 0 40px; }

/* positioning */
.u-clear { content: ""; display: table; clear: both; }

.u-pull-left { float: left; }

.u-pull-right { float: right; }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* 	Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* 	Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {   /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

/* 	Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }

.lity.lity-opened { opacity: 1; }

.lity.lity-closed { opacity: 0; }

.lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; }

.lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial,Helvetica,sans-serif; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }

.lity-loading .lity-loader { opacity: 1; }

.lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; }

.lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: -o-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease; }

.lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }

.lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial,Baskerville,monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }

.lity-close::-moz-focus-inner { border: 0; padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial,Baskerville,monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }

.lity-close:active { top: 1px; }

.lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; }

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; }

.lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

.lity-hide { display: none; }

/* Lity lightbox */
body .lity { background: rgba(0, 0, 0, 0.8); }

body .lity-content { border-radius: 12px; overflow: hidden; }

.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { height: 20px; width: 20px; padding: 10px; background: url(../images/popup-close.svg) center center no-repeat; background-size: 20px; top: 20px; right: 20px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; text-indent: -999px; overflow: hidden; }
@media (min-width: 480px) { .lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { top: 30px; right: 30px; } }

/* Components & Reusable Patterns */
body { padding-top: 54px; }

#mobile-nav { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; background: #2c553d; background: linear-gradient(90deg, #2d98d5 0%, #0e85d2 100%); z-index: 1050; }
@media (min-width: 992px) { #mobile-nav { display: none !important; } }
#mobile-nav .icon-close { display: block; float: right; position: relative; top: 50%; margin-top: -9px; height: 18px; width: 18px; padding: 9px; background: url(../images/menu-close.svg) center center no-repeat; background-size: 18px; }
#mobile-nav nav { display: block; }
#mobile-nav .main { position: relative; padding: 70px 0 30px; background: #ffffff; }
@media (min-width: 375px) { #mobile-nav .main { padding: 78px 0 40px; } }
@media (min-width: 480px) { #mobile-nav .main { padding: 78px 0 60px; } }
@media (min-width: 768px) { #mobile-nav .main { padding: 98px 0 100px; } }
#mobile-nav .main .masthead { margin-bottom: 30px; }
@media (min-width: 375px) { #mobile-nav .main .masthead { margin-bottom: 55px; } }
#mobile-nav .main img { width: 100%; max-width: 160px; }
@media (min-width: 768px) { #mobile-nav .main img { max-width: 180px; } }
@media (min-width: 992px) { #mobile-nav .main img { max-width: 200px; } }
#mobile-nav .main svg { position: absolute; bottom: -40px; left: 0px; right: 0px; height: 40px; width: 100%; }
@media (min-width: 768px) { #mobile-nav .main svg { height: 100px; bottom: -99px; } }
#mobile-nav .main ul { margin: 0; padding: 0; list-style: none; font-size: 20px; line-height: 30px; letter-spacing: 1px; font-weight: 300; }
@media (min-width: 375px) { #mobile-nav .main ul { font-size: 24px; line-height: 30px; letter-spacing: 2px; } }
#mobile-nav .main ul li { margin-bottom: 6px; }
#mobile-nav .main ul li:last-child { margin-bottom: 0; }
#mobile-nav .main ul a { color: #000000; }
#mobile-nav .main ul ul { padding: 5px 0 20px 10px; font-size: 18px; }
@media (min-width: 375px) { #mobile-nav .main ul ul { padding: 10px 0 15px 20px; font-size: 20px; line-height: 30px; letter-spacing: 2px; } }
#mobile-nav .main ul ul li { position: relative; padding-left: 20px; }
@media (min-width: 375px) { #mobile-nav .main ul ul li { margin-bottom: 8px; } }
#mobile-nav .main ul ul li:before { content: "\2013"; position: absolute; left: 0; color: #74e37b; }
#mobile-nav .main ul ul a { color: #000000; border: 0; text-decoration: none; }
#mobile-nav .main ul ul a:hover, #mobile-nav .main ul ul a:focus { border: 0; }
#mobile-nav .contact { border-top: 1px solid #cee4f1; margin-top: 50px; padding-top: 20px; }
@media (min-width: 375px) { #mobile-nav .contact { margin-top: 80px; padding-top: 27px; } }
#mobile-nav .contact .title { font-size: 14px; line-height: 24px; letter-spacing: .5px; color: #000000; }
#mobile-nav .contact .subtitle { font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #0e85c9; }
@media (min-width: 375px) { #mobile-nav .contact .subtitle { font-size: 20px; } }
#mobile-nav .contact a { color: #0e85c9; }

#global-header, .global-header { position: fixed; top: 0; left: 0; right: 0; background: #ffffff; padding: 15px 0; overflow: hidden; z-index: 1030; font-size: 12px; line-height: 24px; text-align: right; color: #000000; }
@media (min-width: 480px) { #global-header, .global-header { font-size: 13px; letter-spacing: .5px; } }
#global-header .navbar-brand, .global-header .navbar-brand { float: left; }
#global-header .icon-open, .global-header .icon-open { display: block; float: right; position: relative; padding: 10px; margin-top: 3px; background: url(../images/open-menu-black.png) center center no-repeat; }
@media (min-width: 992px) { #global-header .icon-open, .global-header .icon-open { display: none; } }
#global-header .contact, .global-header .contact { display: none; }
@media (min-width: 992px) { #global-header .contact, .global-header .contact { display: block; float: right; } }
#global-header nav, .global-header nav { float: right; }
@media (min-width: 992px) { #global-header nav, .global-header nav { display: block; padding-left: 36px; margin-left: 36px; border-left: 1px solid #cee4f1; } }
#global-header ul, .global-header ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#global-header li, .global-header li { float: left; margin-left: 20px; }
@media (min-width: 768px) { #global-header li, .global-header li { margin-left: 30px; } }
#global-header li:first-child, .global-header li:first-child { margin-left: 0; }
#global-header li.active a, .global-header li.active a { text-decoration: underline; color: #000000; }
#global-header a, .global-header a { display: inline-block; color: #000000; text-decoration: none; border: 0; }
#global-header a.tel:hover, .global-header a.tel:hover { color: #000000; }
#global-header a:hover, .global-header a:hover { color: #349f3b; }
#global-header li:last-child a, .global-header li:last-child a { font-weight: 700; color: #53bd5a; }
#global-header li:last-child a:hover, .global-header li:last-child a:hover { color: #349f3b; }

#page-header { overflow: hidden; position: relative; z-index: 1; }
#home-header #page-header { overflow: visible; }
#page-header .container { position: relative; padding-top: 30px; padding-bottom: 30px; }
@media (min-width: 768px) { #page-header .container { padding-top: 60px; padding-bottom: 60px; } }
@media (min-width: 1200px) { #page-header .container { padding-top: 80px; padding-bottom: 80px; } }
@media (min-width: 768px) { #page-header .container.short { padding-top: 45px; padding-bottom: 45px; } }
#page-header .row { margin-left: -30px; margin-right: -30px; }
@media (min-width: 768px) { #page-header .row { margin-left: -40px; margin-right: -40px; } }
@media (min-width: 1200px) { #page-header .row { margin-left: -60px; margin-right: -60px; } }
#home-header #page-header .row { margin-left: -15px; margin-right: -15px; }
@media (min-width: 1200px) { #home-header #page-header .row { margin-left: -20px; margin-right: -20px; } }
#page-header .left, #page-header .right { padding-left: 30px; padding-right: 30px; }
@media (min-width: 768px) { #page-header .left, #page-header .right { padding-left: 40px; padding-right: 40px; } }
@media (min-width: 1200px) { #page-header .left, #page-header .right { padding-left: 60px; padding-right: 60px; } }
@media (min-width: 768px) { #page-header .left { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } }
@media (min-width: 1200px) { #page-header .left { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } }
@media (min-width: 768px) { #page-header .right { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } }
@media (min-width: 1200px) { #page-header .right { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } }
#page-header .icon-open { display: block; float: right; position: relative; top: 50%; margin-top: -10px; height: 20px; width: 20px; padding: 10px; background: url(../images/menu-open.svg) center center no-repeat; }
@media (min-width: 992px) { #page-header .icon-open { display: none; } }
#page-header .masthead .col-4 { position: relative; text-align: right; }
#page-header .masthead .title, #page-header .masthead .title a { font-size: 26px; line-height: 36px; font-weight: 300; letter-spacing: 1px; text-decoration: none; color: #ffffff; }
@media (min-width: 768px) { #page-header .masthead .title, #page-header .masthead .title a { font-size: 30px; line-height: 38px; } }
@media (min-width: 992px) { #page-header .masthead .title, #page-header .masthead .title a { font-size: 40px; line-height: 50px; } }
#page-header .masthead .title strong, #page-header .masthead .title a strong { font-weight: 400; }
#page-header .masthead a { border: 0; }
#page-header .masthead img { width: 100%; max-width: 160px; }
@media (min-width: 768px) { #page-header .masthead img { max-width: 180px; } }
@media (min-width: 992px) { #page-header .masthead img { max-width: 200px; } }
#page-header .masthead nav { display: none; }
@media (min-width: 992px) { #page-header .masthead nav { display: block; } }
#page-header .masthead ul { float: right; margin-top: 5px; }
#page-header .masthead ul li { position: relative; float: left; margin-left: 35px; }
@media (min-width: 1200px) { #page-header .masthead ul li { margin-left: 50px; } }
#page-header .masthead ul li:first-child { margin-left: 0; }
#page-header .masthead ul li:hover > a { color: #ffffff; }
#page-header .masthead ul li:hover > a svg path { fill: #ffffff; }
#page-header .masthead ul li:hover ul { opacity: 1; top: -4px; left: -20px; }
#page-header .masthead ul li svg { content: ''; height: 7px; width: 14px; margin-left: 5px; fill: #ffffff; }
#page-header .masthead ul li svg path { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
#page-header .masthead ul a { font-size: 20px; font-weight: 600; letter-spacing: 2px; color: #ffffff; }
#page-header .masthead ul a:hover, #page-header .masthead ul a:focus { color: #2d98d5; }
#page-header .masthead ul a:hover svg path, #page-header .masthead ul a:focus svg path { fill: #2d98d5; }
#page-header .masthead ul ul { opacity: 0; left: -9999px; top: 10px; position: absolute; padding-top: 40px; border-radius: 12px; overflow: hidden; -webkit-transition: opacity .3s linear, top .3s linear; -moz-transition: opacity .3s linear, top .3s linear; -o-transition: opacity .3s linear, top .3s linear; transition: opacity .3s linear, top .3s linear; -webkit-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); z-index: 99; }
#page-header .masthead ul ul:before { content: ''; position: absolute; top: 20px; left: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 247, 247, 0); border-bottom-color: #f7f7f7; border-width: 10px; margin-left: -10px; }
#page-header .masthead ul ul li { float: none; width: 220px; margin-left: 0; text-align: left; border-top: 1px solid #cee4f1; background: #f7f7f7; }
#page-header .masthead ul ul li:first-child { border: 0; border-radius: 12px 12px 0 0; overflow: hidden; }
#page-header .masthead ul ul a { display: block; padding: 13px 20px; font-size: 14px; letter-spacing: .5px; color: #000000; }
#page-header .masthead ul ul a:hover, #page-header .masthead ul ul a:focus { background: #ffffff; color: #53bd5a; }
#page-header .masthead .btn { position: relative; top: -8px; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: .5px; text-shadow: 1px 1px 1px #53bd5a; }
#page-header .masthead form { position: relative; width: 100%; float: right; }
@media (min-width: 992px) { #page-header .masthead form { margin-top: 7px; } }
#page-header .masthead form input { width: 100%; padding: 6px 10px; border: 1px solid #cee4f1; border-radius: 6px; height: 38px; line-height: 38px; }
#page-header .masthead form button { position: absolute; top: 10px; right: 10px; border: 0; padding: 0; margin: 0; background: transparent; line-height: 1px; }
#page-header .masthead form button svg { width: 18px; height: 18px; }
#page-header .masthead form button svg path { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
#page-header .masthead form button:hover svg path, #page-header .masthead form button:focus svg path { fill: #53bd5a; }

#page-header-bg { position: absolute; top: 48px; left: 0; right: 0; background: blue; height: 420px; padding: 0; }

#home-header { overflow: hidden; position: relative; max-height: 520px; height: 80vh; padding: 0; background: url(../images/banner-mobile.jpg) top right no-repeat; background-size: cover; }
@media (min-width: 480px) { #home-header { height: 70vh; max-height: 680px; background: url(../images/banner-mobile.jpg) top center no-repeat; background-size: cover; } }
@media (min-width: 768px) { #home-header { height: 70vh; max-height: 680px; background: url(../images/banner.jpg) 60% top no-repeat; background-size: cover; } }
@media (min-width: 992px) { #home-header { height: 80vh; max-height: 780px; background: url(../images/banner.jpg) top center no-repeat; background-size: cover; } }
@media (min-width: 1200px) { #home-header { height: 70vh; max-height: 880px; } }
@media (min-width: 1200px) { #home-header { min-height: 700px; } }
#home-header .banner { position: absolute; top: 0; right: 0; bottom: 1px; left: 0; }
#home-header .banner .subtitle { margin-bottom: 10px; font-size: 16px; line-height: 26px; font-weight: 700; letter-spacing: 1px; color: #7bcfff; }
@media (min-width: 768px) { #home-header .banner .subtitle { margin-bottom: 20px; font-size: 20px; line-height: 30px; } }
@media (min-width: 992px) { #home-header .banner .subtitle { margin-bottom: 10px; font-size: 22px; line-height: 30px; } }
#home-header .banner .btn { margin-top: 30px; }
@media (min-width: 768px) { #home-header .banner .btn { margin-top: 40px; } }
@media (min-width: 992px) { #home-header .banner .btn { margin-top: 50px; } }

#site-header { overflow: hidden; position: relative; max-height: 520px; height: 80vh; padding: 0; background: red url(../images/banner-mobile.jpg) top right no-repeat; background-size: cover; }
@media (min-width: 480px) { #site-header { height: 70vh; max-height: 680px; background: red url(../images/banner-mobile.jpg) top center no-repeat; background-size: cover; } }
@media (min-width: 768px) { #site-header { height: 70vh; max-height: 680px; background: red url(../images/banner.jpg) 60% top no-repeat; background-size: cover; } }
@media (min-width: 992px) { #site-header { height: 80vh; max-height: 780px; background: red url(../images/banner.jpg) top center no-repeat; background-size: cover; } }
@media (min-width: 1200px) { #site-header { height: 70vh; max-height: 880px; } }
@media (min-width: 1200px) { #site-header { min-height: 700px; } }
#site-header .banner { position: absolute; top: 0; right: 0; bottom: 1px; left: 0; }
#site-header .banner .subtitle { margin-bottom: 10px; font-size: 16px; line-height: 26px; font-weight: 700; letter-spacing: 1px; color: #7bcfff; }
@media (min-width: 768px) { #site-header .banner .subtitle { margin-bottom: 20px; font-size: 20px; line-height: 30px; } }
@media (min-width: 992px) { #site-header .banner .subtitle { margin-bottom: 10px; font-size: 22px; line-height: 30px; } }
#site-header .banner .btn { margin-top: 30px; }
@media (min-width: 768px) { #site-header .banner .btn { margin-top: 40px; } }
@media (min-width: 992px) { #site-header .banner .btn { margin-top: 50px; } }

#site-footer { position: relative; background: #2c553d; background: linear-gradient(90deg, #2d98d5 0%, #0e85d2 100%); z-index: 1; text-align: center; }
#site-footer .contact { border-bottom: 1px solid #7bcfff; padding: 50px 0; font-size: 26px; line-height: 36px; letter-spacing: 2px; font-weight: 400; color: #ffffff; }
@media (min-width: 768px) { #site-footer .contact { padding: 70px 0; font-size: 32px; line-height: 40px; } }
@media (min-width: 992px) { #site-footer .contact { padding: 70px 0; font-size: 36px; line-height: 50px; letter-spacing: 2px; } }
#site-footer .contact a { color: #ffffff; text-decoration: none; }
#site-footer nav { padding: 50px 0 15px; }
#site-footer nav ul { margin: 0; padding: 0; list-style: none; }
#site-footer nav li { margin: 0 0 12px; }
@media (min-width: 768px) { #site-footer nav li { display: inline-block; margin: 0 0 0 30px; } }
@media (min-width: 992px) { #site-footer nav li { margin: 0 0 0 40px; } }
#site-footer nav li:first-child { margin-left: 0; }
#site-footer nav li:last-child { position: relative; }
#site-footer nav li svg { position: relative; top: -1px; margin-left: 10px; width: 30px; max-height: 30px; fill: #ffffff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
#site-footer nav a { position: relative; display: inline-block; font-weight: 600; letter-spacing: .5px; color: #ffffff; text-decoration: none; border-bottom: 1px solid transparent; }
@media (min-width: 992px) { #site-footer nav a { letter-spacing: 1px; } }
#site-footer nav a:hover, #site-footer nav a:focus { border-bottom: 1px solid #ffffff; color: #ffffff; }
#site-footer nav li.active a { color: #ffffff; border-bottom: 1px solid #cee4f1; }
#site-footer .copyright { max-width: 250px; margin: 0 auto; color: #cee4f1; font-size: 12px; line-height: 22px; letter-spacing: .5px; }
@media (min-width: 480px) { #site-footer .copyright { max-width: 999px; letter-spacing: 1px; } }
#site-footer .copyright a { text-decoration: none; color: #cee4f1; border-bottom: 1px solid #cee4f1; }
#site-footer .copyright a:hover, #site-footer .copyright a:focus { color: #ffffff; border-bottom: 1px solid #ffffff; }
#site-footer .newsletter { padding: 50px 0 55px; }
@media (min-width: 768px) { #site-footer .newsletter { padding: 70px; } }
#site-footer .newsletter p { color: #ffffff; font-size: 14px; }
#site-footer .newsletter form { position: relative; max-width: 400px; margin: 0 auto; }
#site-footer .newsletter form label { display: none; }
#site-footer .newsletter form input[type=email] { width: 100%; padding: 6px 8px; border: 1px solid #cee4f1; border-radius: 6px; height: 38px; line-height: 38px; }
#site-footer .newsletter form input[type=submit] { position: absolute; top: 0; right: -1px; height: 38px; line-height: 38px; padding-top: 0; padding-bottom: 0; border-radius: 0 6px 6px 0; }

body { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
body.open { overflow: hidden; }

main { overflow: hidden; }

img { max-width: 100%; height: auto; }

a { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }

.container { padding: 0 20px; }
@media (min-width: 375px) { .container { padding: 0 30px; } }
@media (min-width: 1200px) { .container { max-width: 1220px; } }

.block { /* headers */ /* text */ /* colors */ /* lists */ /* link */ /* images */ /* video */ /* misc */ }
.block h1:first-child, .block h2:first-child, .block h3:first-child, .block h4:first-child, .block h5:first-child { margin-top: 0; }
.block h1 { margin: 0; max-width: 740px; font-size: 28px; line-height: 40px; letter-spacing: 2px; font-weight: 300; color: #ffffff; }
@media (min-width: 768px) { .block h1 { max-width: 600px; font-size: 50px; line-height: 70px; } }
@media (min-width: 992px) { .block h1 { max-width: 700px; font-size: 50px; line-height: 72px; } }
@media (min-width: 1200px) { .block h1 { max-width: 880px; font-size: 55px; line-height: 80px; letter-spacing: 3px; } }
.block h2 { margin: 55px 0 20px; font-size: 26px; line-height: 36px; font-weight: 300; letter-spacing: 1.5px; color: #000000; }
@media (min-width: 768px) { .block h2 { font-size: 30px; line-height: 42px; } }
.block h2:first-child { margin-top: 0; }
.block h3 { margin: 40px 0 5px; font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: .5px; }
@media (min-width: 992px) { .block h3 { font-size: 20px; line-height: 30px; letter-spacing: .7px; } }
@media (min-width: 1200px) { .block h3 { font-size: 22px; line-height: 32px; letter-spacing: 1px; } }
.block h4 { font-size: 16px; line-height: 26px; letter-spacing: 1px; }
.block p { margin: 0 0 20px 0; font-size: 16px; line-height: 26px; letter-spacing: .5px; color: #000000; }
.block p b, .block p strong { font-weight: 600; }
.block p:last-child { margin-bottom: 0; }
.block ol { margin: 0; padding: 0; list-style: none; margin: 20px 0; padding-left: 30px; list-style: decimal; }
.block ol li { padding-bottom: 5px; font-size: 16px; line-height: 26px; letter-spacing: .5px; }
.block ol li:last-child { margin-bottom: 0; }
.block ul { margin: 0; padding: 0; list-style: none; margin: 20px 0; }
.block ul li { padding-bottom: 5px; font-size: 16px; line-height: 26px; letter-spacing: .5px; }
.block ul li:last-child { margin-bottom: 0; }
.block ul.arrow li { padding-left: 30px; padding-bottom: 8px; background: url(../images/list_arrow_dark.gif) 15px 9px no-repeat; color: #3e3e3e; }
.block ul.arrow li:last-child { padding-bottom: 0; }
.block a { color: #0e85c9; text-decoration: none; border-bottom: 1px solid #0e85c9; line-height: 19px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.block a:hover, .block a:focus { color: #00507d; border-bottom: 1px solid #00507d; }
.block img.border { margin: 5px 0; border: 1px solid #cee4f1; }
.block img.aligncenter { display: block; margin: 0 auto; }
.block img.alignleft { position: relative; top: 4px; float: left; margin: 0 30px 30px 0; }
.block img.alignright { position: relative; top: 4px; float: right; margin: 0 0 30px 30px; }
.block .video-container { position: relative; padding-bottom: 56.25%; margin: 40px 0; height: 0; overflow: hidden; }
.block .video-container iframe, .block .video-container object, .block .video-container embed, .block .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.block hr { margin: 50px 0; height: 1px; line-height: 1px; border: 0; background: #cee4f1; }
@media (min-width: 992px) { .block hr { margin: 75px 0; } }

.btn { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; background: #74e37b; background: -moz-linear-gradient(180deg, #74e37b 0%, #53bd5a 100%); background: -webkit-linear-gradient(180deg, #74e37b 0%, #53bd5a 100%); background: linear-gradient(180deg, #74e37b 0%, #53bd5a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#74e37b",endColorstr="#53bd5a",GradientType=1); display: inline-block; padding: 10px 22px; border-radius: 6px; border: 0 !important; font-size: 15px; line-height: 20px; font-weight: 600; color: #ffffff !important; text-decoration: none; text-shadow: 1px 1px 1px #53bd5a; cursor: pointer; }
.btn:hover, .btn:focus { background: #74e37b; background: -moz-linear-gradient(180deg, #74e37b 0%, #349f3b 100%); background: -webkit-linear-gradient(180deg, #74e37b 0%, #349f3b 100%); background: linear-gradient(180deg, #74e37b 0%, #349f3b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#74e37b",endColorstr="#349f3b",GradientType=1); color: #ffffff; text-decoration: none; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn:disabled:hover, .btn:disabled:focus { background: #74e37b; background: -moz-linear-gradient(180deg, #74e37b 0%, #53bd5a 100%); background: -webkit-linear-gradient(180deg, #74e37b 0%, #53bd5a 100%); background: linear-gradient(180deg, #74e37b 0%, #53bd5a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#74e37b",endColorstr="#53bd5a",GradientType=1); }

.btn-lrg { padding: 12px 40px; text-shadow: 1px 1px 1px #349f3b; }
@media (min-width: 992px) { .btn-lrg { padding: 14px 50px; font-size: 16px; letter-spacing: 1px; } }
@media (min-width: 1200px) { .btn-lrg { padding: 16px 60px; font-size: 18px; } }
.btn-lrg span { position: relative; display: inline-block; width: 24px; height: 14px; margin-right: 15px; }
.btn-lrg img { position: absolute; top: -4px; left: 0; }

.btn-xlrg { width: 100%; max-width: 360px; padding: 12px 40px; text-shadow: 1px 1px 1px #349f3b; }
@media (min-width: 992px) { .btn-xlrg { padding: 14px 50px; font-size: 16px; letter-spacing: 1px; } }
@media (min-width: 1200px) { .btn-xlrg { padding: 16px 60px; font-size: 18px; } }
.btn-xlrg span { position: relative; display: inline-block; width: 24px; height: 14px; margin-right: 15px; }
.btn-xlrg img { position: absolute; top: -4px; left: 0; }

.btn-top { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 1030; height: 40px; width: 40px; background-size: 16px; background-color: #00507d; border-radius: 50%; background-position: center center !important; background-repeat: no-repeat !important; background-size: 16px; text-align: left; text-indent: -9999px; overflow: hidden; border: 0 !important; outline: none; opacity: 0; -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); /*@media (min-width: $mq-md) {
	height: 50px;
	width: 50px;
	background-size: 22px !important;
}*/ }
@media (min-width: 480px) { .btn-top { display: block; } }
body.totop .btn-top { opacity: .3; }
body .btn-top:hover { opacity: 1; background-color: #006fae; }

.btn-blue { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; background: #7bcfff; text-shadow: 1px 1px 1px #7bcfff; }
.btn-blue:hover, .btn-blue:focus { background: #68c0f2; text-shadow: 1px 1px 1px #2d98d5; }

/* icon sizes */
.icon { background: #53bd5a; border-radius: 50%; background-position: center center !important; background-repeat: no-repeat !important; text-align: left; text-indent: -9999px; overflow: hidden; border: 0 !important; }
.icon:hover, .icon:focus { background-color: #349f3b; }

.icon-social { height: 25px; width: 25px; background-position: center center !important; background-repeat: no-repeat !important; }

.icon-sml { height: 40px; width: 40px; background-size: 16px; }
@media (min-width: 992px) { .icon-sml { height: 50px; width: 50px; background-size: 22px; } }

.icon-lrg { width: 80px; height: 80px; background-size: 40px; }
@media (min-width: 992px) { .icon-lrg { width: 100px; height: 100px; background-size: 50px; } }

/* specific icons */
.icon-instagram { background-image: url(../images/social/social-instagram.svg); }

.icon-youtube { background-image: url(../images/social/social-youtube.svg); background-size: 16px; }

.icon-zoom { background-image: url(../images/icons/icon-zoom.svg); }

.icon-play { background-image: url(../images/icons/icon-play.svg); }
.icon-play.icon-sml { background-size: 16px; background-position: 55% center !important; }

.icon-up { background-image: url(../images/icons/icon-down.svg); }
.icon-up.icon-sml { background-size: 12px; background-position: 45% center !important; }

.icon-prev { background-image: url(../images/icons/icon-prev.svg); }
.icon-prev.icon-sml { background-size: 12px; background-position: 45% center !important; }

.icon-next { background-image: url(../images/icons/icon-next.svg); }
.icon-next.icon-sml { background-size: 12px; background-position: 55% center !important; }

.icon-packages { background-image: url(../images/icons/icon-packages.svg); }

.icon-courses { background-image: url(../images/icons/icon-courses.svg); background-position: center 55% !important; }

.icon-certifications { background-image: url(../images/icons/icon-certifications.svg); }

/* Blocks */
.block { position: relative; padding: 80px 0 140px; z-index: 1; }
@media (min-width: 992px) { .block { padding: 100px 0 180px; } }
@media (min-width: 1200px) { .block .row { margin-left: -20px; margin-right: -20px; } }
@media (min-width: 1200px) { .block .col-lg-6 { padding: 0 20px; } }
.block .col-offset-up { position: relative; }
@media (min-width: 992px) { .block .col-offset-up { top: -60px; } }
@media (min-width: 1200px) { .block .col-offset-up { top: -80px; } }
.block .col-last { padding: 80px 0 140px; }
@media (min-width: 992px) { .block .col-last { padding: 100px 0 180px; } }
.block.block-bg-blue { background: #f1f7fb; }
.block.block-bg-up-white { position: relative; }
.block.block-bg-up-white:after { content: ''; position: absolute; bottom: -110px; left: 0; right: 0; height: 220px; background: #ffffff; z-index: -1; transform: skewY(-6deg); transform-origin: top left; }
@media (min-width: 768px) { .block.block-bg-up-white:after { bottom: -190px; transform: skewY(-5deg); } }
@media (min-width: 992px) { .block.block-bg-up-white:after { bottom: -160px; transform: skewY(-4deg); } }
@media (min-width: 1400px) { .block.block-bg-up-white:after { bottom: -160px; transform: skewY(-4deg); } }
.block.block-bg-up-blue { position: relative; padding-bottom: 0; }
.block.block-bg-up-blue:after { content: ''; position: absolute; bottom: -210px; left: 0; right: 0; height: 220px; background: #f1f7fb; z-index: 0; transform: skewY(-6deg); transform-origin: top left; }
@media (min-width: 768px) { .block.block-bg-up-blue:after { bottom: -210px; transform: skewY(-5deg); } }
@media (min-width: 992px) { .block.block-bg-up-blue:after { bottom: -210px; transform: skewY(-4deg); } }
@media (min-width: 1400px) { .block.block-bg-up-blue:after { bottom: -210px; transform: skewY(-4deg); } }
.block#course-header.block-bg-up-blue:after { display: none; }
.block#course-header.block-bg-up-blue .bgcircles > .bg { position: absolute; bottom: 0; left: 0; right: 0; height: 250px; overflow: hidden; }
.block#course-header.block-bg-up-blue .bgcircles > .bg:after { content: ''; position: absolute; bottom: -210px; left: 0; right: 0; height: 220px; background: #f7f7f7; z-index: 0; transform: skewY(-6deg); transform-origin: top left; }
@media (min-width: 768px) { .block#course-header.block-bg-up-blue .bgcircles > .bg:after { bottom: -210px; transform: skewY(-5deg); } }
@media (min-width: 992px) { .block#course-header.block-bg-up-blue .bgcircles > .bg:after { bottom: -210px; transform: skewY(-4deg); } }
@media (min-width: 1400px) { .block#course-header.block-bg-up-blue .bgcircles > .bg:after { bottom: -210px; transform: skewY(-4deg); } }
.block.block-bg-up-gradient { position: relative; padding-bottom: 0; }
.block.block-bg-up-gradient:after { content: ''; position: absolute; bottom: -180px; left: 0; right: 0; height: 220px; background: #2c553d; background: linear-gradient(90deg, #2d98d5 0%, #0e85d2 100%); z-index: -1; transform: skewY(-6deg); transform-origin: top left; }
@media (min-width: 768px) { .block.block-bg-up-gradient:after { bottom: -180px; transform: skewY(-5deg); } }
@media (min-width: 992px) { .block.block-bg-up-gradient:after { bottom: -160px; transform: skewY(-4deg); } }
@media (min-width: 1400px) { .block.block-bg-up-gradient:after { bottom: -180px; transform: skewY(-4deg); } }
@media (min-width: 992px) { .block.block-bg-up-gradient.block-bg-gray-circles .element-card:last-child { -webkit-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); } }
.block .element-block-intro, .block .element-image, .block .element-video { margin-bottom: 60px; }
@media (min-width: 992px) { .block .element-block-intro, .block .element-image, .block .element-video { margin-bottom: 80px; } }
.block .col-lg-6:last-child .element-image:last-child, .block .col-lg-6:last-child .element-video:last-child { margin-bottom: 0; }
.block .element-card { margin-bottom: 30px; }
@media (min-width: 1200px) { .block .element-card { margin-bottom: 40px; } }
@media (min-width: 992px) { .block .element-card:last-child { margin-bottom: 0; } }
.block .col-lg-6:last-child .element-card:last-child { margin-bottom: 0; }

.block-testimonials { padding-top: 40px; padding-bottom: 60px; }
@media (max-width: 1400px) { .block-testimonials { overflow: hidden; } }
.block-testimonials .container { position: relative; }
@media (min-width: 1200px) { .block-testimonials .col-sm { padding: 0 20px; } }
.block-testimonials .bg-quote-left { display: none; position: absolute; left: -100px; top: -10px; height: 60px; width: 72px; background: url(../images/icons/icon-quote-open.svg) center center no-repeat; }
@media (min-width: 992px) { .block-testimonials .bg-quote-left { display: block; } }
.block-testimonials .bg-quote-right { display: none; position: absolute; right: -50px; top: 20px; height: 181px; width: 240px; background: url(../images/icons/icon-quote-close.svg) center center no-repeat; }
@media (min-width: 480px) { .block-testimonials .bg-quote-right { display: block; } }
@media (min-width: 992px) { .block-testimonials .bg-quote-right { height: 270px; width: 340px; right: -80px; top: -40px; } }
@media (min-width: 992px) { .block-testimonials .bg-quote-right { right: -80px; } }
@media (min-width: 1400px) { .block-testimonials .bg-quote-right { top: -40px; } }
.block-testimonials .u-show-desktop { text-align: right; }
.block-testimonials .u-show-mobile { margin-top: 30px; text-align: center; }
.block-testimonials button { height: 40px; width: 40px; background-size: 16px; margin-right: 15px; background: #7bcfff; border-radius: 50%; background-position: center center !important; background-repeat: no-repeat !important; text-align: left; text-indent: -9999px; overflow: hidden; border: 0 !important; outline: none; }
.block-testimonials button:hover { background-color: #68c0f2; }
@media (min-width: 768px) { .block-testimonials button { margin-right: 20px; } }
@media (min-width: 992px) { .block-testimonials button { position: relative; top: 60px; height: 50px; width: 50px; background-size: 22px; } }
.block-testimonials button:last-child { margin-right: 0; }
.block-testimonials button.owl-prev { background-image: url(../images/icons/icon-prev.svg); background-size: 12px; background-position: 45% center !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.block-testimonials button.owl-next { background-image: url(../images/icons/icon-next.svg); background-size: 12px; background-position: 55% center !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.block-testimonials .owl-dots { display: none; }
.block-testimonials .element-block-intro { margin-bottom: 30px; }
@media (min-width: 992px) { .block-testimonials .element-block-intro { margin-bottom: 50px; } }
.block-testimonials .testimonials .item { position: relative; overflow: hidden; background: #ffffff; padding: 25px 30px; border-radius: 6px; border: 1px solid #cee4f1; }
.block-testimonials .testimonials .item blockquote { font-size: 14px; line-height: 21px; letter-spacing: .3px; text-indent: -6px; }
.block-testimonials .testimonials .item cite { font-size: 13px; line-height: 18px; letter-spacing: .3px; font-style: normal; }
.block-testimonials .testimonials .item b { display: block; color: #53bd5a; }
.block-testimonials .testimonials .item i { color: #666666; }

.block-video { padding: 60px 0 60px; }
@media (min-width: 992px) { .block-video { padding: 75px 0 90px; } }
@media (min-width: 992px) { .block-video .element-video { margin-bottom: 0; } }

.block-centered { padding: 0 0 60px; text-align: center; }
@media (min-width: 992px) { .block-centered { padding: 0 0 100px; } }
.block-centered img { border-radius: 12px; margin-bottom: 30px; }
@media (min-width: 992px) { .block-centered img { margin-bottom: 50px; } }
.block-centered h2 { margin: 0 0 18px; }
.block-centered p { max-width: 650px; margin: 0 auto; color: #666666; }
.block-centered p a { color: #666666; border-bottom: 1px solid #666666; }
.block-centered .btn { clear: both; margin-top: 30px; }
@media (min-width: 992px) { .block-centered .btn { margin-top: 50px; } }

.block-banner { padding: 0; background-size: cover !important; }
.block-banner img { width: 100%; max-width: 1400px; height: auto; }
@media (min-width: 1200px) { .block-banner img { opacity: 0; } }

.block-twocols { background: #ffffff; padding: 60px 0; }
@media (min-width: 992px) { .block-twocols { padding: 85px 0 100px; } }
.block-twocols .row1 { padding-bottom: 60px; }
@media (min-width: 992px) { .block-twocols .row2 .col-lg-6:last-child { padding-left: 40px; } }
@media (min-width: 1200px) { .block-twocols .row2 .col-lg-6:last-child { padding-left: 60px; } }
@media (min-width: 992px) { .block-twocols .col-lg-6:first-child { padding-top: 0; } }
.block-twocols .element-image { margin: 20px 0 0; }
@media (min-width: 992px) { .block-twocols .element-image { margin: 0; } }
.block-twocols .element-image img { display: block; }
.block-twocols h2 { margin-bottom: 30px; text-align: center; }
@media (min-width: 992px) { .block-twocols h2 { margin-bottom: 50px; } }
.block-twocols h3 { color: #0e85c9; }
.block-twocols p { max-width: 480px; color: #666666; }

.block-threecols { text-align: center; padding: 60px 0; }
@media (min-width: 992px) { .block-threecols { padding: 45px 0 90px; } }
.block-threecols .row1 { padding-bottom: 50px; }
.block-threecols .col-lg-4 { margin-bottom: 60px; }
@media (min-width: 992px) { .block-threecols .col-lg-4 { margin-bottom: 0; } }
.block-threecols .col-lg-4:last-child { margin-bottom: 0; }
.block-threecols img { margin-bottom: 30px; }
.block-threecols h2 { max-width: 880px; margin: 0 auto; margin-bottom: 15px; text-align: center; }
@media (min-width: 992px) { .block-threecols h2 { margin-bottom: 25px; } }
.block-threecols h3 { margin: 0 0 5px; color: #0e85c9; font-size: 16px; line-height: 24px; font-weight: 600; }
.block-threecols .row1 p { color: #666666; }
.block-threecols .row2 p { margin: 0 auto; max-width: 310px; font-size: 14px; line-height: 22px; color: #666666; }

.block-testimonials2 { background: #ffffff; padding: 60px 0; }
@media (min-width: 768px) { .block-testimonials2 { padding: 60px 0 30px; } }
@media (min-width: 992px) { .block-testimonials2 { padding: 85px 0 45px; } }
.block-testimonials2 h2 { text-align: center; margin-bottom: 30px; }
@media (min-width: 992px) { .block-testimonials2 h2 { margin-bottom: 50px; } }
.block-testimonials2 .testimonials { overflow: hidden; }
.block-testimonials2 .testimonials .item { width: 100%; padding-bottom: 30px; }
@media (min-width: 768px) { .block-testimonials2 .testimonials .item { width: 50%; padding-bottom: 40px; }
  .block-testimonials2 .testimonials .item:nth-child(2n+1) { clear: left; } }
@media (min-width: 992px) { .block-testimonials2 .testimonials .item { width: 33.3333%; padding-bottom: 50px; }
  .block-testimonials2 .testimonials .item:nth-child(2n+1) { clear: none; }
  .block-testimonials2 .testimonials .item:nth-child(3n+1) { clear: left; } }
.block-testimonials2 .testimonials .item .stars { margin-bottom: 15px; }
.block-testimonials2 .testimonials .item .stars img { width: 16px; }
.block-testimonials2 .testimonials .item .stars img.inactive { opacity: .5; }
@media (min-width: 992px) { .block-testimonials2 .testimonials .item blockquote { padding-right: 30px; } }
.block-testimonials2 .testimonials .item p { font-size: 14px; line-height: 21px; letter-spacing: .3px; }
.block-testimonials2 .testimonials .item p:first-child { text-indent: -6px; }
.block-testimonials2 .testimonials .item cite { display: block; overflow: hidden; position: relative; padding-left: 50px; font-size: 13px; line-height: 20px; letter-spacing: .3px; font-style: normal; }
.block-testimonials2 .testimonials .item cite img { position: absolute; top: 4px; left: 0; }
.block-testimonials2 .testimonials .item b { display: block; color: #53bd5a; }
.block-testimonials2 .testimonials .item i { color: #666666; }

.block-references { background: #ffffff; padding: 60px 0; text-align: center; }
@media (min-width: 992px) { .block-references { padding: 85px 0 100px; } }
.block-references h2 { margin: 0 0 18px; }
.block-references p { max-width: 650px; margin: 0 auto; color: #666666; }
.block-references table.logo-grid { width: 100%; margin: 20px 0; }
@media (min-width: 768px) { .block-references table.logo-grid { margin: 20px 0 40px; } }
.block-references table.logo-grid.twocol { display: table; }
@media (min-width: 768px) { .block-references table.logo-grid.twocol { display: none; } }
.block-references table.logo-grid.twocol td { padding: 20px; width: 50%; }
.block-references table.logo-grid.threecol { display: none; }
@media (min-width: 768px) { .block-references table.logo-grid.threecol { display: table; } }
@media (min-width: 1200px) { .block-references table.logo-grid.threecol { display: none; } }
.block-references table.logo-grid.threecol td { padding: 20px; width: 33.333333%; }
.block-references table.logo-grid.fivecol { display: none; }
@media (min-width: 1200px) { .block-references table.logo-grid.fivecol { display: table; } }
.block-references table.logo-grid.fivecol td { padding: 20px; width: 20%; }

.block-store-list .icon-lrg { position: absolute; top: -40px; background-color: #74e37b; }
@media (min-width: 992px) { .block-store-list .icon-lrg { top: -50px; } }

.block-course-description { padding: 80px 0 90px; }
@media (min-width: 992px) { .block-course-description { padding: 100px 0 110px; } }
.block-course-description .col-lg-8 { z-index: 3; }
@media (min-width: 992px) { .block-course-description .col-lg-8 .inner { max-width: 560px; } }
@media (min-width: 1200px) { .block-course-description .col-lg-8 .inner { max-width: 720px; } }
.block-course-description .col-lg-8 h2 { margin: 80px 0 18px; }
@media (min-width: 768px) { .block-course-description .col-lg-8 h2 { margin: 80px 0 25px; } }
@media (min-width: 992px) { .block-course-description .col-lg-8 h2 { margin: 100px 0 25px; } }
.block-course-description .col-lg-8 h2.first, .block-course-description .col-lg-8 h2:first-child, .block-course-description .col-lg-8 h2:first-of-type { margin-top: 0; }
.block-course-description .col-lg-8 p { color: #666666; }
.block-course-description .col-lg-8 p strong { color: #000000; }
.block-course-description .col-lg-8 .element-video { margin-bottom: 40px; }
@media (min-width: 992px) { .block-course-description .col-lg-8 .element-video { margin-bottom: 60px; } }
.block-course-description .col-lg-8 .element-video:last-child { margin-bottom: 0; }
.block-course-description .col-lg-4 { margin-top: 80px; }
@media (min-width: 992px) { .block-course-description .col-lg-4 { margin-top: 0; } }
@media (min-width: 992px) { .block-course-description .col-lg-4 .inner { max-width: 240px; margin: 0 auto; padding-top: 2px; } }
@media (min-width: 1200px) { .block-course-description .col-lg-4 .inner { max-width: 280px; } }
.block-course-description .col-lg-4 .btn-lrg { display: block; text-align: center; }

.block-course-toc { padding: 80px 0 90px; }
@media (min-width: 992px) { .block-course-toc { padding: 100px 0 180px; } }
@media (min-width: 768px) { .block-course-toc h2 { margin: 0 0 25px; } }
.block-course-toc p { color: #666666; }
.block-course-toc p strong { font-weight: 600; color: #202020; }
.block-course-toc ul.toc { background: #ffffff; margin-top: 30px; margin-bottom: 80px; border-radius: 12px; border: 1px solid #cee4f1; }
@media (min-width: 992px) { .block-course-toc ul.toc { margin-top: 50px; margin-bottom: 100px; } }
.block-course-toc ul.toc > li { position: relative; padding: 20px; border-bottom: 1px solid #cee4f1; }
@media (min-width: 992px) { .block-course-toc ul.toc > li { padding: 30px 30px 30px 100px; } }
.block-course-toc ul.toc > li:last-child { border-bottom: 0; }
.block-course-toc ul.toc img { display: none; }
@media (min-width: 992px) { .block-course-toc ul.toc img { display: block; position: absolute; left: 30px; top: 32px; width: 40px; } }
.block-course-toc ul.toc img.zip { top: 32px; }
.block-course-toc ul.toc img.video { top: 38px; }
.block-course-toc ul.toc .title { font-weight: 600; color: #74e37b; }
.block-course-toc ul.toc .subtitle { font-size: 13px; line-height: 20px; font-weight: 300; color: #666666; }
.block-course-toc ul.toc ul { margin: 20px 0 0 0px; }
@media (min-width: 480px) { .block-course-toc ul.toc ul { margin: 20px 0 0 20px; } }
@media (min-width: 992px) { .block-course-toc ul.toc ul { margin: 30px 0 0; } }
.block-course-toc ul.toc ul li { position: relative; margin-bottom: 5px; padding-left: 30px; font-size: 14px; line-height: 20px; }
@media (min-width: 992px) { .block-course-toc ul.toc ul li { padding-left: 40px; } }
.block-course-toc ul.toc ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 15px; height: 1px; background: #cee4f1; }
@media (min-width: 992px) { .block-course-toc ul.toc ul li:before { width: 20px; } }
.block-course-toc ul.toc ul li:first-child:before { background: #202020; }
.block-course-toc ul.toc ul li:last-child { margin-bottom: 0; }
.block-course-toc ul.toc ul li strong { font-size: 15px; font-weight: 600; }

/* Elements */
.element-block-intro h2 { margin: 0 0 18px; }
.element-block-intro h3 { margin: 0 0 2px 0; font-size: 16px; line-height: 22px; font-weight: 600; color: #74e37b; }
.element-block-intro .description { max-width: 920px; color: #666666; }
@media (min-width: 992px) { .col-lg-6 .element-block-intro .description { padding-right: 8%; } }
.element-block-intro .description, .element-block-intro p { color: #666666; }
.element-block-intro ul { margin-top: 20px; color: #666666; font-weight: 400; font-size: 14px; line-height: 22px; }
@media (min-width: 992px) { .element-block-intro ul { margin-top: 30px; padding-left: 30px; padding-right: 8%; } }
.element-block-intro ul li { position: relative; margin-bottom: 10px; padding-left: 30px; }
@media (min-width: 992px) { .element-block-intro ul li { padding-left: 40px; } }
@media (min-width: 992px) { .element-block-intro ul li { margin-bottom: 12px; } }
.element-block-intro ul li:last-child { margin-bottom: 0; }
.element-block-intro ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 15px; height: 1px; background: #ff953e; }
@media (min-width: 992px) { .element-block-intro ul li:before { width: 20px; } }
.element-block-intro ol { margin-top: 30px; padding-left: 30px; list-style: decimal; font-size: 16px; font-weight: 600; color: #74e37b; }
@media (min-width: 992px) { .element-block-intro ol { margin-top: 40px; padding-right: 8%; } }
.element-block-intro ol li { margin-bottom: 20px; padding-left: 10px; }
@media (min-width: 992px) { .element-block-intro ol li { margin-bottom: 30px; } }
.element-block-intro ol li:last-child { margin-bottom: 0; }
.element-block-intro ol p { color: #666666; font-weight: 400; font-size: 14px; line-height: 22px; }

.element-card { background: #ffffff; padding: 30px 20px; border-radius: 12px; border: 1px solid #cee4f1; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; /* layout */ /* content */ }
@media (min-width: 768px) { .element-card { padding: 40px 20px; } }
@media (min-width: 992px) { .element-card { padding: 40px 30px; } }
@media (min-width: 1200px) { .element-card { padding: 50px 40px; } }
.element-card:hover { cursor: pointer; border: 1px solid #ff953e; -webkit-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); }
.element-card .left { margin-bottom: 20px; }
@media (min-width: 480px) { .element-card .left { float: left; width: 28%; padding-right: 20px; text-align: center; margin-bottom: 0; } }
@media (min-width: 992px) { .element-card .left { padding-right: 30px; } }
@media (min-width: 1200px) { .element-card .left { padding-right: 35px; } }
@media (min-width: 480px) { .element-card .right { float: left; width: 72%; } }
.element-card img { max-width: 100%; height: auto; border-radius: 50%; }
.element-card h4 { margin: 0 0 10px 0; font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: .5px; color: #000000; }
.element-card .description, .element-card .description p { font-size: 15px; line-height: 21px; }
.element-card .actions { margin-top: 20px; font-size: 14px; font-weight: 700; letter-spacing: .5px; color: #74e37b; }
.element-card .btn { margin-right: 15px; }

.element-image { /*
&:hover img, &:focus img {
	@include boxshadow();
}
&:hover img.bordered, &:focus img.bordered {
	border: 1px solid $c-orange;
}
*/ }
.element-image a { display: block; position: relative; border: 0; }
.element-image a:hover, .element-image a:focus { border: 0; }
.element-image a:hover .icon, .element-image a:focus .icon { opacity: 1; background-color: #ff953e; }
.element-image img { display: block; width: 100%; border-radius: 12px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.element-image img.bordered { border: 1px solid #cee4f1; }
.element-image .icon { opacity: 0; position: absolute; bottom: -20px; right: 20px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
@media (min-width: 992px) { .element-image .icon { bottom: -25px; right: 30px; } }
.element-image .caption { margin-top: 22px; padding-right: 50px; font-size: 13px; line-height: 20px; font-weight: 700; letter-spacing: .5px; color: #74e37b; }
@media (min-width: 992px) { .element-image .caption { padding-right: 100px; } }

.element-video { overflow: hidden; }
.element-video a { display: block; position: relative; border: 0; }
.element-video a:hover, .element-video a:focus { border: 0; }
.element-video a:hover .icon { background-color: #349f3b; }
.element-video img { display: block; width: 100%; border-radius: 12px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.element-video img.bordered { border: 1px solid #cee4f1; }
.element-video:hover img, .element-video:focus img { -webkit-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); }
.element-video:hover img.bordered, .element-video:focus img.bordered { border: 1px solid #53bd5a; }
.element-video .icon { position: absolute; bottom: -20px; right: 20px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
@media (min-width: 992px) { .element-video .icon { bottom: -25px; right: 30px; } }
.element-video .caption { margin-top: 22px; padding-right: 50px; font-size: 13px; line-height: 20px; font-weight: 700; letter-spacing: .5px; color: #349f3b; }
@media (min-width: 992px) { .element-video .caption { padding-right: 100px; } }

.element-testimonial { margin-bottom: 30px; }
@media (min-width: 992px) { .element-testimonial { margin-bottom: 40px; } }
.element-testimonial:last-child { margin-bottom: 0; }
.element-testimonial ul.rating { margin: 0 auto 10px; }
.element-testimonial ul.rating li { display: inline-block; width: 16px; margin-right: 3px; }
.element-testimonial p { font-size: 14px; line-height: 20px; letter-spacing: .5px; color: #666666; }

/* Pages */
.block-page { padding: 0; }
@media (min-width: 992px) { .block-page { margin-bottom: 60px; } }
.block-page .row { margin-left: -30px; margin-right: -30px; }
@media (min-width: 768px) { .block-page .row { margin-left: -40px; margin-right: -40px; } }
@media (min-width: 1200px) { .block-page .row { margin-left: -60px; margin-right: -60px; } }
.block-page .row .row { margin-left: -15px; margin-right: -15px; }
.block-page .full, .block-page .left, .block-page .right .inner { max-width: 999px; padding-left: 30px; padding-right: 30px; }
@media (min-width: 768px) { .block-page .full, .block-page .left, .block-page .right .inner { padding-left: 40px; padding-right: 40px; } }
@media (min-width: 1200px) { .block-page .full, .block-page .left, .block-page .right .inner { padding-left: 60px; padding-right: 60px; } }
.block-page .full { min-height: 500px; padding-top: 60px; padding-bottom: 60px; background: #ffffff; z-index: 1; }
.block-page .full .inner { max-width: 960px; }
.block-page .left { padding-top: 30px; padding-bottom: 60px; background: #ffffff; z-index: 1; }
@media (min-width: 768px) { .block-page .left { padding-top: 40px; } }
@media (min-width: 992px) { .block-page .left { padding-top: 60px; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } }
@media (min-width: 1400px) { .block-page .left { padding-right: 100px; } }
.block-page .right { padding: 0; position: relative; z-index: 1; overflow: hidden; }
.block-page .right:before { content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; background: #f1f7fb; }
@media (min-width: 992px) { .block-page .right:before { display: none; } }
@media (min-width: 992px) { .block-page .right { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin-bottom: 0; } }
.block-page .right .inner { position: relative; background: #f1f7fb; z-index: 1; }
@media (min-width: 992px) { .block-page .right .inner { padding-bottom: 20px; }
  .block-page .right .inner:after { content: ''; position: absolute; left: 0; right: 0; height: 50px; background: #ffffff; z-index: -1; transform-origin: top left; bottom: -50px; transform: skewY(-4deg); } }
.block-page h1.title { color: #0e85c9; }
.block-page .page-header { margin: 0 0 25px; }
.block-page .page-header h2 { margin-bottom: 0; }
.block-page .page-header .sub-heading { margin-top: 2px; color: #349f3b; letter-spacing: 1px; font-size: 18px; }

.widget { position: relative; padding-top: 55px; padding-bottom: 60px; }
.widget:after { content: ''; position: absolute; bottom: 0; left: -30px; right: -30px; height: 1px; background: #cee4f1; }
@media (min-width: 992px) { .widget:after { left: -40px; right: -40px; } }
@media (min-width: 1200px) { .widget:after { left: -60px; right: -60px; } }
.widget:last-child:after { display: none; }
.widget h4 { margin-bottom: 20px; font-size: 14px; line-height: 24px; font-weight: 600; color: #0e85c9; }

.widget-search { padding-bottom: 0; }
.widget-search:after { display: none; }
.widget-search form { position: relative; width: 100%; }
@media (min-width: 992px) { .widget-search form { margin-top: 7px; } }
.widget-search form input { width: 100%; padding: 6px 10px; border: 1px solid #cee4f1; border-radius: 6px; height: 38px; line-height: 38px; }
.widget-search form button { position: absolute; top: 10px; right: 10px; border: 0; padding: 0; margin: 0; background: transparent; line-height: 1px; }
.widget-search form button svg { width: 18px; height: 18px; }
.widget-search form button svg path { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.widget-search form button:hover svg path, .widget-search form button:focus svg path { fill: #53bd5a; }

@media (min-width: 768px) { .widget-nav:before { display: none; } }
.widget-nav li { margin-bottom: 15px; }
.widget-nav li:last-child { margin-bottom: 0; }
.widget-nav li.active a { font-weight: 600; color: #53bd5a; }
.widget-nav a { text-decoration: none; border-bottom: 1px solid #f1f7fb; font-size: 16px; line-height: 26px; color: #575757; }
.widget-nav a:hover, .widget-nav a:focus { border-bottom: 1px solid #53bd5a; color: #53bd5a; }

.widget-testimonials .testimonial { padding-bottom: 40px; }
.widget-testimonials .testimonial .stars { margin-bottom: 7px; }
.widget-testimonials .testimonial .stars img { width: 16px; }
.widget-testimonials .testimonial .stars img.inactive { opacity: .5; }
.widget-testimonials .testimonial p { font-size: 13px; line-height: 20px; letter-spacing: .3px; color: #202020; }
.widget-testimonials .testimonial p:first-child { text-indent: -6px; }
.widget-testimonials .testimonial cite { display: block; overflow: hidden; position: relative; padding-left: 50px; font-size: 12px; line-height: 18px; letter-spacing: .3px; font-style: normal; }
.widget-testimonials .testimonial cite img { position: absolute; top: 2px; left: 0; }
.widget-testimonials .testimonial b { display: block; color: #53bd5a; }
.widget-testimonials .testimonial i { color: #666666; font-style: normal; }

.widget-text a img { max-width: 100%; height: auto; border: 1px solid #cee4f1; }
.widget-text p { margin-top: 5px; font-size: 14px; line-height: 20px; color: #202020; letter-spacing: 0; }
.widget-text p strong { color: #000000; }

#courses-page .page-header { margin: 0 0 30px; }
#courses-page .page-header h2 { margin-bottom: 0; }
#courses-page .row.course { margin: 60px -15px 0 -15px; }
#courses-page .row.course .col-md-2 img { max-width: 80px; margin-top: 10px; }
#courses-page .row.course h2 { margin-bottom: 15px; }
#courses-page .row.course ul { margin-bottom: 20px; }
#courses-page .row.course ul:last-child { margin-bottom: 0; }
#courses-page .row.course .btn { margin-top: 20px; }

#course-page .page-header { margin: 0 0 30px; }
#course-page .page-header h2 { margin-bottom: 0; }
#course-page .course-introduction #course_description .course-img { float: right; margin-left: 30px; }
#course-page .course-introduction ul.arrow { margin-bottom: 20px; }
#course-page .course-videos ul.course_previews li { padding-left: 50px; margin-bottom: 15px; background: url(../images/list_play.png) 0px 7px no-repeat; }
#course-page .course-videos ul.course_previews li:last-child { margin-bottom: 0; }
#course-page .course-videos ul.course_previews li .popup-lesson { color: #53bd5a; border-bottom: 1px solid #53bd5a; }
#course-page .course-videos ul.course_previews li .popup-lesson:hover, #course-page .course-videos ul.course_previews li .popup-lesson:focus { color: #349f3b; border-bottom: 1px solid #349f3b; }
#course-page .course-videos ul.course_previews li span { color: #666666; font-style: italic; font-size: 13px; }
#course-page .course-outline ul { margin-bottom: 20px; }
#course-page h2.course_headers { margin: 60px 0px 30px; padding-top: 50px; border-top: 1px solid #cee4f1; }
#course-page ul.arrow { margin-top: 0; }
#course-page .course-badges-wrap img { max-width: 80px; }
#course-page a.course_icon { border: 0; }
#course-page .course_text #bullet { opacity: 0.4; padding: 0 8px; }

#contact-page .contact-popup { margin: 60px 0px 30px; padding-top: 50px; border-top: 1px solid #cee4f1; }
#contact-page .contact-popup h3 { max-width: 600px; }

.teacher_headshot { display: block; margin: 0 0 30px 30px; height: 200px; width: 200px; border-radius: 200px; border: 6px solid #dcdcdc; }

.pull-right { float: right !important; }

.iconsection td { padding-top: 10px; padding-bottom: 10px; }

.iconsection-right { padding-left: 30px; }

.iconsection-right h4 { margin-bottom: 0; }

a.button_orange { padding: 8px 30px; background-color: #fc953b; border-radius: 6px; border: none; color: #fff; text-decoration: none; display: inline-block; font-size: 13px; margin-top: 15px; }

.label-chip { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; font-weight: 400; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }

#foundation { background-color: #27a255; font-size: 10px; position: relative; top: -3px; }

#project { background-color: #65009e; font-size: 10px; position: relative; top: -3px; }

#exam { background-color: #f5615f; font-size: 10px; position: relative; top: -3px; }

.chip.green { background: #00a255; }

.chip.purple { background: #65007e; }

.chip { display: inline-block; border-radius: 3px; padding: 0 6px; font-size: 10px; line-height: 18px; letter-spacing: 0; font-weight: 400; color: #ffffff; }

.aside-legend { padding-bottom: 40px; }

@media (min-width: 992px) { .aside-legend { padding-bottom: 55px; } }
.aside-legend h4 { margin: 0 0 15px 0; font-size: 20px; }

.aside-legend .chip { margin-bottom: 8px; }

.aside-legend p { font-size: 15px; line-height: 20px; color: #666666; }

.aside-faq p { font-size: 15px; line-height: 20px; color: #666666; }

.aside-legend p:last-child { margin-bottom: 0; }

.aside-faq { border-top: 1px solid #eaeaea; padding-top: 40px; }

@media (min-width: 992px) { .aside-faq { padding-top: 55px; } }
.aside-faq h4 { margin: 0 0 15px 0; font-size: 15px; line-height: 24px; letter-spacing: .5px; color: #327d48; }

.aside-faq p { font-size: 13px; line-height: 20px; }

.aside-button { display: none; padding: 0; margin-top: 40px; }

@media (min-width: 992px) { .aside-button { display: block; } }
.aside-button .btn { display: block; text-align: center; }

form .form-messages { clear: both; }

form .form-messages .message { position: relative; padding: 15px 20px 15px 60px; margin-bottom: 12px; border-radius: 6px; font-size: 14px; line-height: 24px; }

form .form-messages .message:last-child { margin-bottom: 15px; }

form .form-messages #message-errors .message:last-child { margin-bottom: 12px; }

@media (min-width: 480px) { form .form-messages .message:last-child { margin-bottom: 25px; } }
@media (min-width: 992px) { form .form-messages .message:last-child { margin-bottom: 35px; } }
form .form-messages .message:before { content: ''; position: absolute; top: 50%; margin-top: -9px; left: 21px; height: 18px; width: 18px; }

form .form-messages .message-error { background: #ffefe2; }

form .form-messages .message-error:before { background: url(/public/assets/images/saas/icon-alert.svg); }

form .form-messages .message-hint { background: #f0f9ff; }

form .form-messages .message-hint:before { background: url(/public/assets/images/saas/icon-question.svg); }

form .form-hints { overflow: hidden; }

@media (min-width: 768px) { form .form-hints { overflow: visible; } }
@media (min-width: 1200px) { form .form-hints h2 { float: left; width: 50%; } }
form .form-hints .hints { float: left; margin-top: -25px; margin-bottom: 35px; }

@media (min-width: 480px) { form .form-hints .hints { margin-bottom: 45px; } }
@media (min-width: 1200px) { form .form-hints .hints { position: relative; top: -3px; width: 50%; float: left; margin-top: 0; margin-bottom: 0; text-align: right; } }
form .form-hints .hints .remaining { font-size: 12px; line-height: 35px; color: #666666; }

@media (max-width: 991px) { form .form-hints .hints { margin-top: 0px; } }
@media (min-width: 480px) { form .form-hints .hints .remaining { margin-right: 5px; display: inline-block; font-size: 13px; } }
@media (min-width: 1200px) { form .form-hints .hints .remaining { float: none; } }
form .form-hints .hints .get { padding-right: 18px; }

@media (min-width: 480px) { form .form-hints .hints .get { float: right; display: inline-block; } }
@media (min-width: 1200px) { form .form-hints .hints .get { float: none; padding-right: 0px; padding-left: 18px; } }
form .form-hints .hints .btn { font-size: 12px; }

@media (min-width: 480px) { form .form-hints .hints .btn { font-size: 13px; } }
form .form-group { clear: both; margin-bottom: 25px; }

form .input-wrapper { position: relative; }

form label { display: block; font-size: 13px; line-height: 20px; font-weight: 600; }

@media (min-width: 768px) { form label { font-size: 14px; line-height: 20px; } }
.option form label { font-weight: 400; }

form .form-group.option { margin-bottom: 20px; }

form .form-group.option:last-child { margin-bottom: 0px; }

form .form-group.option label { position: relative; padding-left: 28px; font-weight: 400; }

form .form-group.option input { position: absolute; left: 0; top: 3px; }

@media (max-width: 768px) { form .form-group.option label { padding-left: 15px; }
  form .form-group.option input { margin-top: 1px; } }
form input[type="text"], form input[type="password"], form input[type="email"], form textarea { width: 100%; padding: 8px 10px; border: 1px solid #cee4f1; border-radius: 4px; font-size: 14px; line-height: 23px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }

@media (min-width: 768px) { form input[type="text"], form input[type="password"], form input[type="email"], form textarea { font-size: 16px; line-height: 24px; } }
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form textarea:focus { outline: none; border: 1px solid #0e85c9; }

form input[type="password"] { padding-right: 65px; }

form .show-password { position: absolute; top: 1px; right: 1px; bottom: 1px; width: 55px; border-left: 1px solid #eaeaea; cursor: pointer; }

form .show-password input { display: none; }

form .show-password label { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -11px; width: 22px; height: 15px; line-height: 15px; cursor: pointer; }

form .show-password label svg { width: 100%; }

form .show-password label svg path, form .show-password label svg circle { fill: #999; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }

form .show-password label:hover svg path, form .show-password label:hover svg circle { fill: #666; }

form .show-password.active svg path, form .show-password.active svg circle { fill: #fd790d !important; }

form .link { margin: 60px 0 0; font-size: 13px; line-height: 20px; text-align: center; }

@media (min-width: 480px) { form .link { float: right; margin: 0; margin-top: 9px; } }
@media (min-width: 768px) { form .link { font-size: 16px; line-height: 24px; } }
.contact-form { max-width: 600px; margin-top: 20px; }

.contact-form textarea { max-width: 610px; height: 150px; width: 100%; }

#bookDemoPopup .contact-form textarea { height: 100px; }

.book-demo-popup { background: #fff; padding: 40px 30px; margin: 10%; }

@media (max-width: 768px) { .contact-popup { padding: 20px; }
  .contact-popup .form-group { margin-bottom: 10px; }
  .contact-form textarea { height: 90px; } }
.navbar-brand { float: left; font-size: 26px; font-family: "Open Sans", Arial, sans-serif; font-weight: 100; }

.navbar-brand { position: relative; text-align: right; }

.navbar-brand a { border: 0; }

.navbar-brand img { width: 100%; max-width: 160px; }

@media (min-width: 768px) { .navbar-brand img { max-width: 180px; } }
@media (min-width: 992px) { .navbar-brand img { max-width: 200px; } }
.navbar-brand nav { display: none; }

@media (min-width: 992px) { .navbar-brand nav { display: block; } }
.navbar-brand ul { float: right; margin-top: 25px; }

.navbar-brand ul li { position: relative; float: left; margin-left: 35px; }

@media (min-width: 1200px) { .navbar-brand ul li { margin-left: 50px; } }
.navbar-brand ul li:first-child { margin-left: 0; }

.navbar-brand ul li:hover ul { opacity: 1; top: -4px; left: -20px; }

.navbar-brand ul li svg { content: ''; height: 7px; width: 14px; margin-left: 5px; fill: #ffffff; }

.navbar-brand ul li svg path { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }

.navbar-brand ul a { font-size: 20px; font-weight: 600; letter-spacing: 2px; color: #ffffff; }

.navbar-brand ul ul { opacity: 0; left: -9999px; top: 10px; position: absolute; padding-top: 40px; border-radius: 12px; overflow: hidden; -webkit-transition: opacity .3s linear, top .3s linear; -moz-transition: opacity .3s linear, top .3s linear; -o-transition: opacity .3s linear, top .3s linear; transition: opacity .3s linear, top .3s linear; -webkit-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 30px -15px rgba(0, 0, 0, 0.3); z-index: 99; }

.navbar-brand ul ul:before { content: ''; position: absolute; top: 20px; left: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 247, 247, 0); border-bottom-color: #f7f7f7; border-width: 10px; margin-left: -10px; }

.navbar-brand ul ul li { float: none; width: 220px; margin-left: 0; text-align: left; border-top: 1px solid #adc2d2; background: #f7f7f7; }

.navbar-brand ul ul li:first-child { border: 0; border-radius: 12px 12px 0 0; overflow: hidden; }

.navbar-brand ul ul a { display: block; padding: 13px 20px; font-size: 14px; letter-spacing: .5px; color: #000000; }

@media (min-width: 375px) { #global-header .page-right-navbar { display: none; } }
@media (min-width: 992px) { #global-header .page-right-navbar { display: block; } }
.book-demo-heading { font-size: 30px; }

.book-demo-form .submitrow { margin-bottom: 0; }

.school-logo img { max-height: 85px; }

@media screen and (max-height: 768px) { .g-recaptcha iframe { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } }
.success-message { color: green; }

.error-message { color: red; }

.pricing-page-contact .book-demo-heading { display: none; }

.block-pricing ul.arrow li, .block-support ul.arrow li { color: inherit; }

#contact_submit_btn:disabled { opacity: .5; }

.courses-page-wrap .course_icon img { max-width: 80px; }

.gamified-section .col-lg-4 { margin-bottom: 15px; }

/*# sourceMappingURL=style.css.map */