@charset "UTF-8";


/* ========================================================================= */


/* !RESETS AND DEFAULTS */


/* ========================================================================= */


html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; /*outline:0;*/ font-style: normal; font-weight: 400; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }





em, strong, b, i, a, span, sub, sup, small { border: 0; /*outline:0;*/ font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }





/*a:focus{outline:0}:focus,:active{outline:none;outline:0}::-moz-focus-inner{outline:none}*/


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }





li { list-style: none; }





a { text-decoration: none; }





blockquote:before, blockquote:after, q:before, q:after { content: ""; }





table { border-collapse: collapse; border-spacing: 0; }





hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; }





input, select { vertical-align: middle; }





sub { vertical-align: sub; font-size: smaller; line-height: 0px; }





sup { vertical-align: super; font-size: smaller; line-height: 0px; }





input, button, textarea, select, label, img { display: inline-block; }





input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }





input, button, textarea, select { -webkit-appearance: none; }





textarea { resize: none; }





button, a span { cursor: pointer; }





button { border: 0; text-align: center; }





button::-moz-focus-inner { padding: 0; border: 0; }





table { table-layout: fixed; }





a[href^=tel] { color: inherit; }





#no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; }





/* != FONT SMOOTHING */


body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }





/* != .clearfix - CLEAR ELEMENTS */


.clear { clear: both; }





.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }





.clearfix { display: inline-table; }





* html .clearfix { height: 1%; }





/* Hides from IE-mac \*/


.clearfix { display: block; }





/* Hides from IE-mac \*/


* html .clearfix { zoom: 1; }





/* IE6 */


*:first-child + html .clearfix { zoom: 1; }





/* IE7 */


/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */


.wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }





/* ========================================================================= */


/* !FONTS (@fontface generated with FontSpring Syntax formatting */


/* ========================================================================= */


@font-face { font-family: "beyond-the-chalkboard"; src: url("../fonts/btc/beyond-the-chalkboard.eot"); src: url("../fonts/btc/beyond-the-chalkboard.eot?#iefix") format("embedded-opentype"), url("../fonts/btc/beyond-the-chalkboard.woff") format("woff"), url("../fonts/btc/beyond-the-chalkboard.ttf") format("truetype"), url("../fonts/btc/beyond-the-chalkboard.svg#beyond-the-chalkboard") format("svg"); font-weight: normal; font-style: normal; }





@font-face { font-family: "jack-social"; src: url("../fonts/JackSocial/jack-social.eot"); src: url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.woff") format("woff"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"); font-weight: normal; font-style: normal; }





/* != Clarendon ====================================== */


@font-face { font-family: 'Clarendon'; src: url("../fonts/Clarendon/clarendon_serial-light-webfont.eot"); src: url("../fonts/Clarendon/clarendon_serial-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Clarendon/clarendon_serial-light-webfont.woff2") format("woff2"), url("../fonts/Clarendon/clarendon_serial-light-webfont.woff") format("woff"), url("../fonts/Clarendon/clarendon_serial-light-webfont.ttf") format("truetype"), url("../fonts/Clarendon/clarendon_serial-light-webfont.svg#clarendon_seriallight") format("svg"); font-weight: 300; font-style: normal; }





@font-face { font-family: 'Clarendon'; src: url("../fonts/Clarendon/clarendon_serial-regular-webfont.eot"); src: url("../fonts/Clarendon/clarendon_serial-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Clarendon/clarendon_serial-regular-webfont.woff2") format("woff2"), url("../fonts/Clarendon/clarendon_serial-regular-webfont.woff") format("woff"), url("../fonts/Clarendon/clarendon_serial-regular-webfont.ttf") format("truetype"), url("../fonts/Clarendon/clarendon_serial-regular-webfont.svg#clarendon_serialregular") format("svg"); font-weight: normal; font-style: normal; }





@font-face { font-family: 'Clarendon'; src: url("../fonts/Clarendon/clarendon_serial-medium-webfont.eot"); src: url("../fonts/Clarendon/clarendon_serial-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Clarendon/clarendon_serial-medium-webfont.woff2") format("woff2"), url("../fonts/Clarendon/clarendon_serial-medium-webfont.woff") format("woff"), url("../fonts/Clarendon/clarendon_serial-medium-webfont.ttf") format("truetype"), url("../fonts/Clarendon/clarendon_serial-medium-webfont.svg#clarendon_serialmedium") format("svg"); font-weight: 500; font-style: normal; }





@font-face { font-family: 'Clarendon'; src: url("../fonts/Clarendon/clarendon_serial-bold-webfont.eot"); src: url("../fonts/Clarendon/clarendon_serial-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Clarendon/clarendon_serial-bold-webfont.woff2") format("woff2"), url("../fonts/Clarendon/clarendon_serial-bold-webfont.woff") format("woff"), url("../fonts/Clarendon/clarendon_serial-bold-webfont.ttf") format("truetype"), url("../fonts/Clarendon/clarendon_serial-bold-webfont.svg#clarendon_serialbold") format("svg"); font-weight: 700; font-style: normal; }





/* != Roboto ====================================== */


@font-face { font-family: 'Roboto'; /* Roboto Thin */ src: url("../fonts/Roboto/Roboto-Thin-webfont.eot"); src: url("../fonts/Roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Thin-webfont.svg#RobotoThin") format("svg"); font-weight: 200; font-style: normal; }





@font-face { font-family: 'Roboto'; /* Roboto Thin Italic */ src: url("../fonts/Roboto/Roboto-ThinItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-ThinItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic") format("svg"); font-weight: 200; font-style: italic; }





@font-face { font-family: 'Roboto'; /* Roboto Light */ src: url("../fonts/Roboto/Roboto-Light-webfont.eot"); src: url("../fonts/Roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Light-webfont.svg#RobotoLight") format("svg"); font-weight: 300; font-style: normal; }





@font-face { font-family: 'Roboto'; /* Roboto Light Italic */ src: url("../fonts/Roboto/Roboto-LightItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-LightItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic") format("svg"); font-weight: 300; font-style: italic; }





@font-face { font-family: 'Roboto'; /* Roboto Regular */ src: url("../fonts/Roboto/Roboto-Regular-webfont.eot"); src: url("../fonts/Roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular-webfont.svg#RobotoRegular") format("svg"); font-weight: 400; font-style: normal; }





@font-face { font-family: 'Roboto'; /* Roboto Regular Italic */ src: url("../fonts/Roboto/Roboto-Italic-webfont.eot"); src: url("../fonts/Roboto/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Italic-webfont.svg#RobotoItalic") format("svg"); font-weight: 400; font-style: italic; }





@font-face { font-family: 'Roboto'; /* Roboto Medium */ src: url("../fonts/Roboto/Roboto-Medium-webfont.eot"); src: url("../fonts/Roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Medium-webfont.svg#RobotoMedium") format("svg"); font-weight: 500; font-style: normal; }





@font-face { font-family: 'Roboto'; /* Roboto Medium Italic */ src: url("../fonts/Roboto/Roboto-MediumItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-MediumItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic") format("svg"); font-weight: 500; font-style: italic; }





@font-face { font-family: 'Roboto'; /* Roboto Bold */ src: url("../fonts/Roboto/Roboto-Bold-webfont.eot"); src: url("../fonts/Roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Bold-webfont.svg#RobotoBold") format("svg"); font-weight: 600; font-style: normal; }





@font-face { font-family: 'Roboto'; /* Roboto Bold Italic */ src: url("../fonts/Roboto/Roboto-BoldItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg"); font-weight: 600; font-style: italic; }





@font-face { font-family: 'Roboto'; /* Roboto Black */ src: url("../fonts/Roboto/Roboto-Black-webfont.eot"); src: url("../fonts/Roboto/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Black-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Black-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Black-webfont.svg#RobotoBlack") format("svg"); font-weight: 700; font-style: normal; }





@font-face { font-family: 'Roboto'; /* Roboto Black Italic */ src: url("../fonts/Roboto/Roboto-BlackItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BlackItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic") format("svg"); font-weight: 700; font-style: italic; }





/* Slider */


.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }





.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }





.slick-list:focus { outline: none; }





.slick-list.dragging { cursor: pointer; cursor: hand; }





.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }





.slick-track { position: relative; left: 0; top: 0; display: block; }





.slick-track:before, .slick-track:after { content: ""; display: table; }





.slick-track:after { clear: both; }





.slick-loading .slick-track { visibility: hidden; }





.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }





[dir="rtl"] .slick-slide { float: right; }





.slick-slide img { display: block; }





.slick-slide.slick-loading img { display: none; }





.slick-slide.dragging img { pointer-events: none; }





.slick-initialized .slick-slide { display: block; }





.slick-loading .slick-slide { visibility: hidden; }





.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }





.slick-arrow.slick-hidden { display: none; }





/* Magnific Popup CSS */


.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }





.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }





.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }





.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }





.mfp-align-top .mfp-container:before { display: none; }





.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }





.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }





.mfp-ajax-cur { cursor: progress; }





.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }





.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }





.mfp-auto-cursor .mfp-content { cursor: auto; }





.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }





.mfp-loading.mfp-figure { display: none; }





.mfp-hide { display: none !important; }





.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }





.mfp-preloader a { color: #CCC; }





.mfp-preloader a:hover { color: #FFF; }





.mfp-s-ready .mfp-preloader { display: none; }





.mfp-s-error .mfp-content { display: none; }





button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; }





button::-moz-focus-inner { padding: 0; border: 0; }





.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }





.mfp-close:hover, .mfp-close:focus { opacity: 1; }





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





.mfp-close-btn-in .mfp-close { color: #333; }





.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }





.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }





.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }





.mfp-arrow:active { margin-top: -54px; }





.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }





.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }





.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }





.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }





.mfp-arrow-left { left: 0; }





.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }





.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }





.mfp-arrow-right { right: 0; }





.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }





.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }





.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }





.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }





.mfp-iframe-holder .mfp-close { top: -40px; }





.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }





.mfp-iframe-scaler 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; }





/* Main image in popup */


img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 40px auto; background: #fff; }





/* The shadow behind the image */


.mfp-figure { line-height: 0; }





.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; 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); background: #444; }





.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }





.mfp-figure figure { margin: 0; }





.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }





.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }





.mfp-image-holder .mfp-content { max-width: 100%; }





.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }





@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */


  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }


  .mfp-img-mobile img.mfp-img { padding: 0; }


  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }


  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }


  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }


  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }


  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }


  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }





@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }


  .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }


  .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }


  .mfp-container { padding-left: 6px; padding-right: 6px; } }





/* ========================================================================= */


/* !SASS VARIABLES & MIXINS */


/* ========================================================================= */


/* ========================================================================= */


/* !STYLES */


/* ========================================================================= */


html, body { font-family: Roboto,Helvetica,Arial,"Helvetica Neue",sans-serif; color: #585858; font-size: 16px; line-height: 1.5; }





html { background: #eee; }





body { max-width: 1500px; margin: 0 auto; background: #fff; }





a { color: #C45217; }





a:hover { color: #8F53B9; }





/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */


/* ::selection         { background: #aaa; color: #fff; } ::-moz-selection    { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */


/* != ICON FONT DECLARATION ===== */


[data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





[class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





.social-email:before { content: "a"; }





.social-email-round:before { content: "A"; }





.social-facebook:before { content: "f"; }





.social-facebook-round:before { content: "F"; }





.social-flickr:before { content: "c"; }





.social-flickr-round:before { content: "C"; }





.social-googleplus:before { content: "g"; }





.social-googleplus-round:before { content: "G"; }





.social-instagram:before { content: "i"; }





.social-instagram-round:before { content: "I"; }





.social-linkedin:before { content: "l"; }





.social-linkedin-round:before { content: "L"; }





.social-pinterest:before { content: "p"; }





.social-pinterest-round:before { content: "P"; }





.social-rss:before { content: "r"; }





.social-rss-round:before { content: "R"; }





.social-sharethis:before { content: "s"; }





.social-sharethis-round:before { content: "S"; }





.social-twitter:before { content: "t"; }





.social-twitter-round:before { content: "T"; }





.social-vimeo:before { content: "v"; }





.social-vimeo-round:before { content: "V"; }





.social-yelp:before { content: "x"; }





.social-yelp-round:before { content: "X"; }





.social-youtube:before { content: "y"; }





.social-youtube-round:before { content: "Y"; }





.social-youtube2:before { content: "u"; }





.social-youtube2-round:before { content: "U"; }





[data-icon]:before { font-family: "beyond-the-chalkboard" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "beyond-the-chalkboard" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }





.icon-angle-down:before { content: "\64"; }





[class^="icon-"], [class*=" icon-"] { position: relative; }





[class^="icon-"] .tt, [class*=" icon-"] .tt { opacity: 0; pointer-events: none; position: absolute; display: inline-block; padding: 6px 10px 4px; color: #fff; border-radius: 2px; font-size: 11px; z-index: 10; left: 50%; top: 27px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; font-size: 9px; }





[class^="icon-"] .tt:after, [class*=" icon-"] .tt:after { border: 5px solid transparent; content: ''; width: 0; height: 0; position: absolute; top: -10px; left: 50%; margin-left: -5px; }





[class^="icon-"]:hover .tt, [class*=" icon-"]:hover .tt { opacity: 1; top: 33px; font-size: 11px; }





.icon-math:before { content: "\6a"; color: #FA6511; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }





.icon-math .tt { background: #FA6511; }





.icon-math .tt:after { border-bottom-color: #FA6511; }





.icon-engineering:before { content: "\67"; color: #F6AF1D; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }





.icon-engineering .tt { background: #F6AF1D; }





.icon-engineering .tt:after { border-bottom-color: #F6AF1D; }





.icon-health:before { content: "\68"; color: #AAD02F; }





.icon-health .tt { background: #AAD02F; }





.icon-health .tt:after { border-bottom-color: #AAD02F; }





.icon-science:before { content: "\63"; color: #6AD0B9; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }





.icon-science .tt { background: #6AD0B9; }





.icon-science .tt:after { border-bottom-color: #6AD0B9; }





.icon-literacy:before { content: "\69"; color: #0C7CBD; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }





.icon-literacy .tt { background: #0C7CBD; }





.icon-literacy .tt:after { border-bottom-color: #0C7CBD; }





.icon-nasa:before { content: "\62"; color: #2E45A5; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }





.icon-nasa .tt { background: #2E45A5; }





.icon-nasa .tt:after { border-bottom-color: #2E45A5; }





.icon-art:before { content: "\65"; color: #C7439B; }





.icon-art .tt { background: #C7439B; }





.icon-art .tt:after { border-bottom-color: #C7439B; }





.icon-culture:before { content: "\61"; color: #8F53B9; -webkit-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }





.icon-culture .tt { background: #8F53B9; }





.icon-culture .tt:after { border-bottom-color: #8F53B9; }





.icon-print:before { content: "\66"; }





/* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */


.aligncenter { display: block; margin: 25px auto; }





.alignleft { float: left; margin: 0 25px 25px 0; }





.alignright { float: right; margin: 0 0 25px 25px; }





.alignnone { display: inline-block; }





/* != LAYOUT STYLES ===== */


h1 { font: normal 44px/1.2 'Clarendon', serif; color: #585858; }





h2 { font: normal 30px/1.2 'Roboto', sans-serif; color: #1D77AB; }





h3, h4, h5, h6 { font: normal 22px/1.35 'Roboto', sans-serif; color: #1D77AB; }





.content-main ul li { position: relative; padding-left: 10px; }





.content-main ul li:before { content: '•'; position: absolute; left: 0; }





.content-main ol { counter-reset: li; }





.content-main ol li { position: relative; padding-left: 20px; }





.content-main ol li:before { content: counter(li) ". "; counter-increment: li; position: absolute; left: 0; }





.wrap { max-width: 1100px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 20px; }





/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */


/* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder           { color: #aaa; } */


form ul { margin: 0; }





form ul li { background: none; list-style: none; }





form ul li div { display: inline-block; vertical-align: top; }





input[type=submit], button { display: inline-block; cursor: pointer; }





.thin, h1, #steps li span, #featured h2, #quotes blockquote p, .activ-right blockquote p, .step-title span { -webkit-transform: scaleX(0.94); -ms-transform: scaleX(0.94); transform: scaleX(0.94); }





.origleft, #quotes blockquote p { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }





.v1a, .v1b, .vwrap { font-size: 0; }





.v1, .v1a:after, .v1b:before { height: 100%; display: inline-block; vertical-align: middle; content: ''; }





.v2 { display: inline-block; vertical-align: middle; width: 100%; }





.btn, .gform_button, .load-more > a, .button { font: 600 16px/42px Roboto; color: #585858; border: 2px solid #F6AF1D; border-radius: 23px; padding: 2px 48px 0; text-transform: uppercase; display: inline-block; background: #fff; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }





.btn:hover, .gform_button:hover, .load-more > a:hover, .button:hover { border-color: #1D77AB; color: #1D77AB; }





.center { text-align: center; }





#alert { background: #1D77AB; display: none; }





#alert * { color: #fff; vertical-align: bottom; }





#alert .text { padding: 20px 80px 20px 0; }





#alert h6 { font: 20px/18px Clarendon; float: left; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }





#alert p { font-size: 16px; line-height: 1.3; padding-left: 67px; }





#alert a { font-weight: 600; }





#alert a:hover { text-decoration: underline; }





#alert .wrap { position: relative; }





#alert .close { position: absolute; width: 60px; height: 100%; right: 0; top: 0; background: rgba(0, 0, 0, 0.1); font-size: 33px; line-height: 60px; text-align: center; cursor: pointer; }





#alert .close:hover { background: rgba(0, 0, 0, 0.2); }





#header { width: 100%; height: 70px; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); text-align: center; font-size: 0; position: relative; z-index: 1000; }





#header .nav-logo { display: inline-block; width: 139px; padding-top: 12px; }





#header .nav-logo img { width: 100%; height: auto; display: block; }





.main-nav { width: calc(50% - 130px); }





.main-nav > ul > li { font-size: 18px; line-height: 70px; display: inline-block; }





.main-nav > ul > li > a { color: #505050; display: block; padding: 0 22px; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }





.main-nav > ul > li > a:hover { color: #fff; background: #F6AF1D; }





.main-nav > ul > li.current-menu-item a, .main-nav > ul > li.current_menu_item a { background: #F0F0F0; }





.main-nav > ul > li.current-menu-item a:hover, .main-nav > ul > li.current_menu_item a:hover { background: #F6AF1D; }





.main-nav > ul > li ul { display: none; }





.main-nav.left { float: left; text-align: right; }





.main-nav.right { float: right; text-align: left; }





.main-nav #social { float: right; }





.main-nav #social a { color: #F6AF1D; font-size: 26px; display: inline-block; line-height: 50px; }





#m-nav { position: absolute; top: 60px; left: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); z-index: 8000; }





#m-nav li { display: none; }





#m-nav li a { display: block; text-align: center; font-size: 22px; line-height: 1.5; padding: 22px 0; color: #585858; }





#m-nav li a:hover { color: #1D77AB; }





#m-nav li + li { border-top: 1px solid #F0F0F0; }





@-webkit-keyframes anim1 { 0% { opacity: 1; }


  50% { opacity: 0; }


  100% { opacity: 0; } }





@keyframes anim1 { 0% { opacity: 1; }


  50% { opacity: 0; }


  100% { opacity: 0; } }





@-webkit-keyframes anim2 { 0% { top: 0px; }


  50% { top: 6px;


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% { top: 6px;


    -webkit-transform: rotate(135deg);


    transform: rotate(135deg); } }





@keyframes anim2 { 0% { top: 0px; }


  50% { top: 6px;


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% { top: 6px;


    -webkit-transform: rotate(135deg);


    transform: rotate(135deg); } }





@-webkit-keyframes anim3 { 0% { top: 12px; }


  50% { top: 6px;


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% { top: 6px;


    -webkit-transform: rotate(45deg);


    transform: rotate(45deg); } }





@keyframes anim3 { 0% { top: 12px; }


  50% { top: 6px;


    -webkit-transform: rotate(0deg);


    transform: rotate(0deg); }


  100% { top: 6px;


    -webkit-transform: rotate(45deg);


    transform: rotate(45deg); } }





@-webkit-keyframes animr1 { 100% { opacity: 1; }


  50% { opacity: 0; }


  0% { opacity: 0; } }





@keyframes animr1 { 100% { opacity: 1; }


  50% { opacity: 0; }


  0% { opacity: 0; } }





@-webkit-keyframes animr2 { 0% { top: 6px;


    -webkit-transform: rotate(315deg);


    transform: rotate(315deg); }


  50% { top: 6px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); }


  100% { top: 0px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); } }





@keyframes animr2 { 0% { top: 6px;


    -webkit-transform: rotate(315deg);


    transform: rotate(315deg); }


  50% { top: 6px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); }


  100% { top: 0px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); } }





@-webkit-keyframes animr3 { 0% { top: 6px;


    -webkit-transform: rotate(225deg);


    transform: rotate(225deg); }


  50% { top: 6px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); }


  100% { top: 12px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); } }





@keyframes animr3 { 0% { top: 6px;


    -webkit-transform: rotate(225deg);


    transform: rotate(225deg); }


  50% { top: 6px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); }


  100% { top: 12px;


    -webkit-transform: rotate(360deg);


    transform: rotate(360deg); } }





#m-toggle { display: none; width: 22px; height: 15px; padding: 6px 0; position: relative; float: right; cursor: pointer; margin-top: 12px; }





#m-toggle span, #m-toggle:before, #m-toggle:after { content: ''; display: block; width: 22px; height: 3px; position: absolute; left: 0; background: #1D77AB; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }





#m-toggle:before { top: 0px; }





#m-toggle:after { top: 12px; }





#m-toggle span { -webkit-animation-name: animr1; animation-name: animr1; }





#m-toggle:before { -webkit-animation-name: animr2; animation-name: animr2; }





#m-toggle:after { -webkit-animation-name: animr3; animation-name: animr3; }





#m-toggle.x span { -webkit-animation-name: anim1; animation-name: anim1; }





#m-toggle.x:before { -webkit-animation-name: anim2; animation-name: anim2; }





#m-toggle.x:after { -webkit-animation-name: anim3; animation-name: anim3; }





#home-banner { background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; width: 100%; height: 430px; }





#home-banner #circle { width: 520px; height: 520px; border-radius: 100%; margin: 0 auto; border: 2px solid #fff; padding: 11px; overflow: hidden; margin-top: -45px; }





#home-banner .white { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); border-radius: 100%; padding: 0 70px; text-align: center; }





#home-banner h1 { color: #1D77AB; font-size: 57px; font-family: Clarendon; line-height: 0.9; margin-bottom: 20px; }





#home-banner h2 { font-size: 24px; line-height: 1.16667; color: #585858; }





h3.linethru { height: 38px; line-height: 38px; border-bottom: 1px solid #C8C8C8; font-size: 20px; color: #585858; text-align: center; }





h3.linethru span { display: inline-block; padding: 0 14px; background: #fff; position: relative; top: 17px; }





::-webkit-input-placeholder { color: #585858; opacity: 1; }





::-moz-placeholder { color: #585858; opacity: 1; }





:-ms-input-placeholder { color: #585858; opacity: 1; }





#home-cats { background: -webkit-linear-gradient(top, #fff, #fff 55px, #f5f5f5); background: -o-linear-gradient(top, #fff, #fff 55px, #f5f5f5); background: linear-gradient(180deg, #fff, #fff 55px, #f5f5f5); text-align: center; padding: 0 0 25px; }





#home-cats ul { font-size: 0; padding: 30px 0 26px; }





#home-cats li { display: inline-block; width: 12.45vw; max-width: 136px; }





#home-cats li.curr a { background: #eaeaea; }





#home-cats li a { color: #585858; display: block; width: 100%; height: 12.45vw; max-height: 136px; border-radius: 100%; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }





#home-cats li a:hover { background: #fff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }





#home-cats li a div { font-size: 17px; }





#home-cats li span { font-size: 5.4vw; height: 5.4vw; display: block; line-height: 0; margin-bottom: 10px; }





#home-cats li div { font-weight: 500; }





#home-cats .activ-search { width: 100%; margin: 0 auto; padding: 3px 3px 3px 28px; background: #fff; border: 2px solid #F6AF1D; height: 50px; border-radius: 25px; max-width: 500px; -webkit-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; }





#home-cats .activ-search.foc { border-color: #1D77AB; }





#home-cats .activ-search button { width: 40px; height: 40px; background: #F6AF1D url(../images/ico-search.png) no-repeat center center; background-size: 20px auto; border-radius: 20px; vertical-align: middle; display: inline-block; font-size: 0; text-indent: -9999px; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; }





#home-cats .activ-search button:hover { background-color: #1D77AB; }





#home-cats .activ-search input { height: 24px; width: calc(100% - 44px); border: none; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; color: #585858; font-weight: 400; }





#landing-filters { max-width: 780px; width: 100%; margin: 35px auto 0; font-size: 0; }





#landing-filters .label { text-align: center; font-size: 18px; padding-bottom: 5px; position: absolute; top: -35px; left: 0; width: 100%; }





#landing-filters .tags { width: 33.33333%; display: inline-block; vertical-align: top; margin-right: 2.5641%; position: relative; }





#landing-filters .tags:hover .circle { background: #1D77AB; }





#landing-filters .circle { width: 40px; height: 40px; border-radius: 20px; background: #F6AF1D; display: block; position: absolute; top: 3px; right: 3px; pointer-events: none; -webkit-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; z-index: 2; }





#landing-filters .iefix { display: block; width: 40px; height: 40px; content: ''; background: #fff; right: 20px; top: 3px; position: absolute; z-index: 1; pointer-events: none; }





#landing-filters .select-menu { padding: 0; }





#landing-filters .select-menu:before { content: ''; position: absolute; right: 15px; top: 5px; border: 7.5px solid transparent; border-bottom: 9px solid #fff; z-index: 3; pointer-events: none; }





#landing-filters .select-menu:after { content: ''; position: absolute; right: 15px; bottom: 5px; border: 7.5px solid transparent; border-top: 9px solid #fff; z-index: 3; pointer-events: none; }





#landing-filters .select-menu:hover { border-color: #1D77AB; }





#landing-filters .select-menu select { padding: 12px 28px; color: #585858; font-size: 18px; font-weight: 400; background: transparent; width: 100%; line-height: 1.222; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; text-indent: 0.01px; -o-text-overflow: ''; text-overflow: ''; position: relaive; z-index: 1; outline: 0 !important; }





#landing-filters .select-menu select::-ms-expand { display: none; }





#landing-filters .select-menu select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #707070; }





#landing-filters .input { position: relative; width: 64.10256%; display: inline-block; vertical-align: top; }





.load-more { text-align: center; padding: 50px 0; }





.load-more a { position: relative; }





.load-more span { position: absolute; top: 12px; display: block; line-height: 0; font-size: 20px; }





.load-more.prev { float: left; clear: left; }





.load-more.prev a { padding-left: 62px; }





.load-more.prev span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 38px; }





.load-more.next { float: right; clear: right; }





.load-more.next a { padding-right: 62px; }





.load-more.next span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); right: 38px; }





#steps { padding: 38px 0; }





#steps .steps { font-size: 0; padding: 42px 15px 24px; display: table; table-layout: fixed; }





#steps li { width: 25%; display: table-cell; position: relative; }





#steps li span { position: absolute; left: 23px; top: 25px; font-size: 44px; width: 57px; height: 57px; border-radius: 100%; display: block; color: #fff; text-align: center; font-family: Clarendon; line-height: 55px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }





#steps li.green { background: #F9FBF0; }





#steps li.green .step:after { color: #AAD02F; }





#steps li.green span { color: #AAD02F; -webkit-box-shadow: 0 0 0 2px #DFEABB, inset 0 0 0 2px #fff, inset 0 0 0 4px #DFEABB; box-shadow: 0 0 0 2px #DFEABB, inset 0 0 0 2px #fff, inset 0 0 0 4px #DFEABB; }





#steps li.green .border { border-top: 14px solid #AAD02F; }





#steps li.yellow { background: #FEF9EF; }





#steps li.yellow .step:after { color: #F6AF1D; }





#steps li.yellow span { color: #F6AF1D; -webkit-box-shadow: 0 0 0 2px #EDE0B9, inset 0 0 0 2px #fff, inset 0 0 0 4px #EDE0B9; box-shadow: 0 0 0 2px #EDE0B9, inset 0 0 0 2px #fff, inset 0 0 0 4px #EDE0B9; }





#steps li.yellow .border { border-top: 14px solid #F6AF1D; }





#steps li.blue { background: #EFF7FC; }





#steps li.blue .step:after { color: #2398DB; }





#steps li.blue span { color: #2398DB; -webkit-box-shadow: 0 0 0 2px #CAE5F5, inset 0 0 0 2px #fff, inset 0 0 0 4px #CAE5F5; box-shadow: 0 0 0 2px #CAE5F5, inset 0 0 0 2px #fff, inset 0 0 0 4px #CAE5F5; }





#steps li.blue .border { border-top: 14px solid #2398DB; }





#steps li.purp { background: #FBF1F7; }





#steps li.purp .step:after { color: #C7439B; }





#steps li.purp span { color: #C7439B; -webkit-box-shadow: 0 0 0 2px #F4DDEC, inset 0 0 0 2px #fff, inset 0 0 0 4px #F4DDEC; box-shadow: 0 0 0 2px #F4DDEC, inset 0 0 0 2px #fff, inset 0 0 0 4px #F4DDEC; }





#steps li.purp .border { border-top: 14px solid #C7439B; }





#steps h4 { padding: 24px 0 24px 95px; background: #fff; font-size: 20px; text-transform: uppercase; color: #585858; letter-spacing: 2px; }





#steps h4 strong { font-size: 36px; font-family: 'Clarendon'; text-transform: none; font-weight: 400; display: block; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; margin-top: -6px; letter-spacing: 0; }





#steps p { color: #585858; font-size: 13px; line-height: 1.6; padding: 24px; text-align: center; }





#featured .feat-deets { border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; }





#featured .feat-deets .time { position: relative; top: 2px; }





#featured .wrap { padding: 50px 15px; }





#featured .feat { width: 46.72897%; display: inline-block; vertical-align: top; -webkit-transition: -webkit-box-shadow 0.15s; transition: -webkit-box-shadow 0.15s; -o-transition: box-shadow 0.15s; transition: box-shadow 0.15s; transition: box-shadow 0.15s, -webkit-box-shadow 0.15s; -webkit-box-shadow: 0 0 0 20px #fff, 0 2px 5px 20px transparent; box-shadow: 0 0 0 20px #fff, 0 2px 5px 20px transparent; position: relative; }





#featured .feat:nth-child(even) { float: right; }





#featured .feat:nth-child(odd) { float: left; clear: both; }





#featured .feat:nth-child(3), #featured .feat:nth-child(4) { margin-top: 60px; }





#featured .feat h3 { margin-bottom: 10px; }





#featured h2 { color: #585858; font: 28px/1.3 'Clarendon'; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; margin-bottom: 10px; }





#featured h2 a { color: #585858; }





#featured h2 a:hover { color: #1D77AB; }





#featured .feat-deets { font-size: 15px; line-height: 1; padding: 3px 0; margin-bottom: 20px; }





#featured .feat-deets a { vertical-align: middle; display: inline-block; margin: 0 3px; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; }





#featured .feat-deets a.icon-culture, #featured .feat-deets a.icon-art { position: relative; top: 2px; }





#featured .feat-deets a.icon-science, #featured .feat-deets a.icon-literacy, #featured .feat-deets a.icon-math { position: relative; top: 1px; }





#featured .feat-deets a:before { font-size: 25px; }





#featured .feat-deets .spacer { display: inline-block; vertical-align: middle; height: 24px; width: 1px; background: #D8D8D8; margin-right: 6px; }





#featured .icons:hover a { opacity: 0.6; }





#featured .icons:hover a:hover { opacity: 1; }





#featured img { float: right; margin-left: 5%; width: 21.2%; }





#featured p, #featured h4 { width: 68%; }





#featured h4 { font-size: 20px; line-height: 1.2; margin-bottom: 10px; }





#featured h4 a { color: #1D77AB; }





#featured p { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }





#featured a.view { font-weight: 700; font-size: 14px; display: block; text-transform: uppercase; }





#featured a.view:hover { color: #8F53B9; }





#quotes { background: #F0F7DA; padding: 35px 0 17px; position: relative; top: 1px; }





#quotes .circle { display: inline-block; border-radius: 100%; width: 24.3%; height: 0; padding-bottom: 24.3%; overflow: hidden; -webkit-box-shadow: 0 0 0 10px #f0f7da, 0 0 0 11px #AAD02F; box-shadow: 0 0 0 10px #f0f7da, 0 0 0 11px #AAD02F; vertical-align: middle; margin: 11px; }





#quotes .circle img { display: block; max-width: 100%; height: auto; }





#quotes blockquote { width: 65%; max-width: 650px; margin: 22px 0 22px 4.6729%; display: inline-block; vertical-align: middle; }





#quotes blockquote p { font: 300 24px/1.35 'Clarendon'; margin-bottom: 20px; }





#quotes blockquote cite { font-size: 18px; }





#quotes blockquote cite small { font-size: 0.77em; display: block; }





#quotes .slick-dots { text-align: center; }





.slick-dots li { display: inline-block; margin: 0 10px 0 0; }





.slick-dots button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; display: block; width: 12px; height: 12px; border-radius: 100%; border: 2px solid #AAD02F; font-size: 0; padding: 0; }





.slick-dots .slick-active button { background: #AAD02F; }





#footer { border-top: 1px solid #C8C8C8; padding: 36px 0; }





#footer .left { float: left; }





#footer .logo { width: 169px; float: left; }





#footer .text { padding-left: 232px; font-size: 12px; line-height: 1.5; color: #7C7C7C; }





#footer .text p { margin-bottom: 10px; }





#footer .text .small { font-size: 10px; color: #8E8E8E; }





#footer .text .small a { color: #8E8E8E; display: inline-block; margin: 6px; }





#footer .text .small a:hover { color: #8F53B9; }





#footer .text .small p { margin-bottom: 0; }





#footer .text .small .jackrabbit { color: #b4b4b4; }





#footer .text .small .jackrabbit a { color: #b4b4b4; margin: 0; }





#footer .text .small .jackrabbit a:hover { color: #8F53B9; }





#footer .right { float: right; }





#footer .right img { width: 226px; }





#title { text-align: center; padding: 40px 0; border-bottom: 1px solid #C8C8C8; margin-bottom: 67px; }





#title.simple { margin-bottom: 0; border-bottom: 0; }





#title.detail { padding-bottom: 29px; margin-bottom: 0; }





#title .icons { margin-top: 15px; }





#title .icons a { margin: 0 8px; font-size: 0; }





#title .icons a:before { font-size: 40px; }





#title .icons a .tt { top: 5px; font-size: 11px; }





#title .icons a:hover .tt { top: 10px; font-size: 13px; }





#details { text-align: center; padding: 11px 0 9px; border-bottom: 1px solid #C8C8C8; margin-bottom: 50px; }





#details div { display: inline-block; line-height: 24px; padding: 0 30px; height: 24px; }





#details div span:first-child { font-size: 14px; color: #1D77AB; text-transform: uppercase; display: inline-block; margin-right: 5px; }





#details div span.more { display: inline-block; font-weight: bold; color: #D1671C; position: relative; cursor: pointer; }





#details div span.more div { position: absolute; top: 22px; right: 0; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); padding: 20px 20px 10px; height: auto; opacity: 0; -webkit-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; pointer-events: none; }





#details div span.more div a { font-size: 16px; line-height: 1.2; display: block; margin-bottom: 10px; }





#details div span.more:hover div { opacity: 1; pointer-events: all; }





#details div + div { border-left: 1px solid #C8C8C8; }





#details div.nobo { border-left: none; }





.main { width: 64.48598%; float: left; padding-bottom: 30px; }





.main.form { width: 58.8785%; }





.main.noside { float: none; margin: 0 auto; width: 100%; max-width: 690px; }





.main h2 { margin-bottom: 30px; }





.main h3, .main h4, .main h5, .main h6 { margin-bottom: 17px; }





.main p { margin-bottom: 14px; }





.main p + h3, .main p + h4, .main p + h5, .main p + h6 { margin-top: 35px; }





.main ul { -webkit-column-count: 2; column-count: 2; margin: 30px 0; }





.main ul:last-child { margin-bottom: 0; }





.main ul > li { position: relative; padding: 0 50px 10px 16px; -webkit-column-break-inside: avoid; break-inside: avoid; }





.main ul > li:before { width: 3px; height: 3px; background: #F6AF1D; border-radius: 100%; display: block; content: ''; top: 10px; left: 4px; position: absolute; }





.main ol { counter-reset: li; margin: 30px 0; }





.main ol > li { position: relative; padding: 0 50px 16px 26px; }





.main ol > li:before { border-radius: 100%; display: block; top: 0; left: 0; position: absolute; counter-increment: li; content: counter(li) ". "; }





.main .resources .res { width: 220px; margin: 0 25px 25px 0; display: inline-block; vertical-align: top; }





.main .resources .res img { border: 2px solid #D2D2D2; }





.main .resources .res .cap { font-size: 12px; line-height: 1.5; }





.main .resources .pdf-show { display: none; }





.intro { padding-bottom: 15px; margin-bottom: 60px; border-bottom: 1px solid #D2D2D2; }





.intro p { font-size: 20px; }





.activ-right { width: 29.90654%; float: right; padding-bottom: 40px; }





.activ-right.map { width: 37.38318%; }





.activ-right blockquote { padding: 40px 15px 40px 35px; background: #F0F7DA; }





.activ-right blockquote p { font: 300 20px/26px 'Clarendon'; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; margin-bottom: 20px; }





.activ-right blockquote cite { font-size: 18px; line-height: 1; }





.activ-right blockquote cite small { font-size: 0.77em; display: block; line-height: 1.3; }





.activ-right .activ-feat { width: auto; height: auto; max-width: 100%; max-height: 229px; margin: 0 auto 75px; display: block; }





.activ-right .activ-share { margin-bottom: 15px; }





.activ-right .activ-share strong { color: #C45217; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; line-height: 28px; vertical-align: top; margin-right: 10px; }





.activ-right .activ-share a { color: #C8C8C8; font-size: 23px; line-height: 23px; margin-right: 6px; }





.activ-right .activ-share a:hover { color: #1D77AB; }





.activ-right .activ-share a + strong { margin-left: 6px; }





.activ-right .activ-share .trigger-print { margin-left: 10px; }





.activ-right .activ-share .trigger-print:hover strong { color: #1D77AB; }





.activ-right .activ-directions { border: 2px solid #F6AF1D; padding: 36px 36px 20px; }





.activ-right .activ-directions h4 { color: #585858; font-size: 22px; margin-bottom: 17px; }





.activ-right .activ-directions ul { margin-bottom: 24px; }





.activ-right .activ-directions ul li { position: relative; padding: 0 0 8px 16px; }





.activ-right .activ-directions ul li:before { width: 3px; height: 3px; background: #F6AF1D; border-radius: 100%; display: block; content: ''; top: 10px; left: 4px; position: absolute; }





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





.activ-right .slick-dots { margin-top: 5px; }





.activ-right .contact { margin-top: 24px; }





.activ-right .contact h3 { font-size: 22px; margin-bottom: 8px; }





.activ-right .contact p { font-size: 16px; margin-bottom: 8px; }





.activ-right .activ-slide p { font-size: 12px; margin-top: 10px; }





#activities { padding-top: 40px; }





#activities .results { text-align: center; font-size: 22px; }





#activities .results em { font-style: normal; color: #1D77AB; }





#activities #featured { padding-top: 35px; }





#activities #featured .feat:nth-child(2) ~ .feat { margin-top: 50px; }





.grad-wrapper { padding-bottom: 40px; overflow: hidden; }





.step-title { background: #F5F5F5; height: 70px; }





.step-title .wrap { position: relative; }





.step-title .wrap:before { width: 240px; height: 100%; display: block; content: ''; position: absolute; background: #fff; z-index: 0; -webkit-box-shadow: 0 0 200px 200px #fff; box-shadow: 0 0 200px 200px #fff; }





.step-title span { position: absolute; left: 18px; top: 2px; font-size: 50px; width: 66px; height: 66px; border-radius: 100%; display: block; color: #fff; text-align: center; font-family: Clarendon; line-height: 64px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }





.step-title span.green { color: #AAD02F; -webkit-box-shadow: 0 0 0 2px #DFEABB, inset 0 0 0 2px #fff, inset 0 0 0 4px #DFEABB; box-shadow: 0 0 0 2px #DFEABB, inset 0 0 0 2px #fff, inset 0 0 0 4px #DFEABB; }





.step-title span.yellow { color: #F6AF1D; -webkit-box-shadow: 0 0 0 2px #EDE0B9, inset 0 0 0 2px #fff, inset 0 0 0 4px #EDE0B9; box-shadow: 0 0 0 2px #EDE0B9, inset 0 0 0 2px #fff, inset 0 0 0 4px #EDE0B9; }





.step-title span.blue { color: #2398DB; -webkit-box-shadow: 0 0 0 2px #CAE5F5, inset 0 0 0 2px #fff, inset 0 0 0 4px #CAE5F5; box-shadow: 0 0 0 2px #CAE5F5, inset 0 0 0 2px #fff, inset 0 0 0 4px #CAE5F5; }





.step-title span.purp { color: #C7439B; -webkit-box-shadow: 0 0 0 2px #F4DDEC, inset 0 0 0 2px #fff, inset 0 0 0 4px #F4DDEC; box-shadow: 0 0 0 2px #F4DDEC, inset 0 0 0 2px #fff, inset 0 0 0 4px #F4DDEC; }





.step-title h4 { position: relative; padding: 0 0 0 90px; font-size: 24px; text-transform: uppercase; color: #585858; letter-spacing: 2px; }





.step-title h4 strong { font-size: 44px; font-family: 'Clarendon'; text-transform: none; font-weight: 400; display: block; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; margin-top: -6px; letter-spacing: 0; line-height: 1; }





.activ .main ul, .suggestions .inner ul { -webkit-column-count: 1; column-count: 1; }





.activ .main ul:first-child, .suggestions .inner ul:first-child { margin-top: 0; }





.activ .main ul > li, .suggestions .inner ul > li { padding-left: 26px; }





.activ .main ul > li:before, .suggestions .inner ul > li:before { background: #585858; }





.green .slick-dots button { border-color: #AAD02F; }





.yellow .slick-dots button { border-color: #F6AF1D; }





.blue .slick-dots button { border-color: #2398DB; }





.purp .slick-dots button { border-color: #C7439B; }





.green .slick-dots .slick-active button { background: #AAD02F; }





.yellow .slick-dots .slick-active button { background: #F6AF1D; }





.blue .slick-dots .slick-active button { background: #2398DB; }





.purp .slick-dots .slick-active button { background: #C7439B; }





.gform_wrapper ul { margin-bottom: 0; margin-top: 0; -webkit-column-count: 1; column-count: 1; font-size: 0; line-height: 0; }





.gform_wrapper ul li { font-size: 16px; line-height: 1.5; margin: 0; padding: 0; display: inline-block; }





.gform_wrapper ul li:before { display: none; }





.gform_wrapper ul .gfield { margin-bottom: 25px; width: 96%; margin-right: 4%; }





.gform_wrapper ul .gfield.half { width: 46%; }





.gform_wrapper .gfield_label { display: block; margin-bottom: 2px; }





.gform_wrapper .ginput_container { display: block; }





.gform_wrapper .ginput_container > input, .gform_wrapper .ginput_container > textarea { width: 100%; background: #F7F7F7; border: none; height: 45px; line-height: 25px; padding: 10px 14px; color: #585858; }





.gform_wrapper .ginput_container > textarea { height: 120px; }





.gform_wrapper .gfield_required { display: none; }





.gform_wrapper .validation_error { color: #1D77AB; font-weight: 500; margin-bottom: 20px; }





.gform_wrapper .validation_message { color: #C45217; font-size: 12px; margin-top: 5px; }





.gform_wrapper .gfield_error .ginput_container > input, .gform_wrapper .gfield_error .ginput_container > textarea { border: 1px solid #e8a27d; }





.suggestions { border: 2px solid #F6AF1D; position: relative; margin: 50px 0; }





.suggestions h3 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -23px; font: 36px/1 Clarendon; color: #585858; background: #fff; padding: 0 20px; }





.suggestions .inner { padding: 50px 20px; width: 700px; float: none; margin: 0 auto; }





.suggestions .inner > *:last-child { margin-bottom: 0; padding-bottom: 0; }





/* ========================================================================= */


/* !MEDIA QUERIES */


/* ========================================================================= */


/* @media screen and (max-width: XXXpx) {  } */


@media screen and (min-width: 1200px) { #home-cats li span { font-size: 65px; height: 65px; } }





@media screen and (max-width: 960px) { .main-nav > ul > li { font-size: 16px; }


  #home-banner { height: 360px; }


  #home-banner #circle { width: 460px; height: 460px; }


  #home-banner h1 { font-size: 50px; }


  #home-banner h2 { font-size: 20px; }


  #home-cats li span { margin-bottom: 5px; }


  #home-cats li a > div { font-size: 14px; }


  #steps li span { width: 40px; height: 40px; line-height: 38px; font-size: 30px; left: 12px; top: 16px; }


  #steps h4 { padding: 16px 0 8px 65px; font-size: 15px; }


  #steps h4 strong { font-size: 26px; }


  #steps p { padding: 16px; }


  #featured h2 { font-size: 22px; }


  #featured h4 { font-size: 18px; }


  #quotes blockquote p { font-size: 20px; }


  #quotes blockquote cite { font-size: 15px; } }





@media screen and (max-width: 768px) { #m-toggle { display: block; }


  #header { height: 60px; padding: 8px 0; }


  #header .nav-logo { width: 120px; padding-top: 2px; }


  #header .main-nav { display: none; }


  #home-banner { height: auto; position: relative; background-size: contain; background-position: top center; padding-top: 27.5%; }


  #home-banner #circle { width: 100%; height: auto; margin-top: 0; overflow: visible; border-radius: 0px; border: none; border-top: 1px solid #fff; padding: 3px 0 0; position: relative; bottom: 0; left: 0; }


  #home-banner .white { border-radius: 0; padding: 32px; background: #fff; background: #fff; }


  #home-banner h1 { font-size: 36px; margin-bottom: 10px; }


  #home-banner h2 { font-size: 16px; }


  #home-cats .wrap { max-width: 600px; }


  #home-cats li { width: 25vw; max-width: 150px; }


  #home-cats li a { height: 25vw; max-height: 150px; }


  #home-cats li span { font-size: 10vw; height: 10vw; }


  #home-cats .activ-search { width: 300px; max-width: calc(100% - 20px); height: 46px; padding-left: 24px; }


  #home-cats .activ-search input { font-size: 16px; width: calc(100% - 40px); }


  #home-cats .activ-search button { width: 36px; height: 36px; background-size: 18px auto; }


  #landing-filters .circle { width: 36px; height: 36px; }


  #landing-filters .tags { padding: 0; }


  #landing-filters .select-menu { padding-left: 24px; font-size: 16px; }


  #landing-filters .select-menu:before { top: 3px; right: 13px; }


  #landing-filters .select-menu:after { bottom: 3px; right: 13px; }


  h3.linethru { font-size: 16px; height: 30px; line-height: 30px; }


  h3.linethru span { top: 14px; }


  #steps { padding: 20px 0; }


  #steps .steps { display: block; padding: 20px 0; }


  #steps .steps li { width: 100%; display: block; }


  #steps .steps li:not(.x) { background: #fff; }


  #steps .steps li span { width: 46px; height: 46px; line-height: 42px; font-size: 32px; }


  #steps .steps li h4 { font-size: 16px; background: none; }


  #steps .steps li h4 strong { font-size: 30px; }


  #steps .steps li .step { position: relative; width: 235px; margin: 0 auto; cursor: pointer; }


  #steps .steps li .step:after { font-family: "beyond-the-chalkboard" !important; content: "\64"; font-size: 30px; position: absolute; right: 0; top: 22px; }


  #steps .steps li.x .step:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }


  #steps .steps li .border { border-top-width: 10px; }


  #steps .steps li p { display: none; }


  #featured .feat { width: 100%; display: block; float: none !important; }


  #featured .feat + .feat { margin-top: 40px; }


  #quotes .circle { vertical-align: top; }


  #quotes blockquote { vertical-align: top; margin-top: 0; }


  #quotes blockquote p { font-size: 18px; }


  #footer .left { width: 70%; }


  #footer .logo { display: none; }


  #footer .text { padding-left: 0; }


  .main, .activ-right { width: 100% !important; float: none; }


  .main ul { -webkit-column-count: 1; column-count: 1; }


  .activ-right .activ-feat { display: block; margin: 0 auto 75px; }


  .activ-right.map { font-size: 0; }


  .activ-right.map .dir { font-weight: 700; font-size: 14px; display: block; text-transform: uppercase; }


  .activ-right.map img { display: inline-block; vertical-align: middle; width: 46%; margin-right: 4%; }


  .activ-right.map .contact { display: inline-block; width: 50%; vertical-align: middle; }


  h1 { font-size: 34px; }


  h2 { font-size: 24px; }


  h3, h4, h5, h6 { font-size: 20px; }


  body { font-size: 14px; }


  .intro { margin-bottom: 35px; }


  .intro p { font-size: 16px; }


  #title { padding: 25px 0; margin-bottom: 35px; }


  #title .icons { font-size: 32px; }


  #landing-filters .tags { padding-left: 0; }


  #landing-filters .activ-search { width: 220px; }


  #landing-filters .label { font-size: 16px; top: -30px; } }





@media screen and (max-width: 480px) { #alert .text { padding-right: 50px; }


  #alert .close { width: 40px; font-size: 24px; }


  #alert h6 { float: none; }


  #alert p { font-size: 14px; padding: 16px 0 0; }


  #home-cats .wrap { max-width: 480px; }


  #home-cats li { width: 33vw; }


  #home-cats li a { height: 33vw; }


  #home-cats li span { font-size: 14vw; height: 14vw; }


  #featured .feat { text-align: center; }


  #featured img { display: none; }


  #featured p, #featured h4 { width: 100%; }


  #quotes .circle { width: 65%; padding-bottom: 65%; display: block; margin: 11px auto; float: none; }


  #quotes .circle img { min-width: 100%; min-height: 100%; }


  #quotes blockquote { width: 100%; margin: 20px 0 0; text-align: center; }


  #quotes blockquote p { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }


  #quotes blockquote cite { font-size: 18px; }


  #quotes .slick-dots { margin: 25px 0 10px; text-align: center; }


  #footer .left, #footer .right { width: 100%; float: none; text-align: center; }


  #footer .text p { font-size: 14px; }


  #footer .text .small { font-size: 12px; }


  #landing-filters .activ-search { display: block; width: 290px; margin: 50px auto 0; }


  .gform_wrapper ul .gfield.half { width: 96%; }


  .activ-right.map img { display: block; width: 100%; margin-right: 0; }


  .activ-right.map .contact { display: block; width: 100%; } }