/*color variables*/
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301  Vendor-prefixed and regular ::selection selectors cannot be combined: https://stackoverflow.com/a/16982510/7133471  Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
@font-face { font-family: device; src: url(/assets/fonts/device-.ttf); }
body, p { font-size: 14px; font-family: 'PT Sans', 'trebuchet ms', arial, sans-serif; color: #333; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; }

body { background: #fff; }

h1, h2, h3, h4, h5 { font-family: 'PT Sans', 'trebuchet ms', arial, sans-serif; }

h1, h2 { padding-top: 40px; color: #0072B4; }

a { color: #0072B4; }

a:hover { cursor: pointer; }

img { -ms-interpolation-mode: bicubic !important; image-rendering: optimizeQuality !important; }

.img-shadow { -webkit-box-shadow: 0px 60px 70px -75px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0px 60px 70px -75px rgba(0, 0, 0, 0.9); box-shadow: 0px 60px 70px -75px rgba(0, 0, 0, 0.9); }

.aacllblue { color: #0072B4; }

.filter-group { text-decoration: none !important; }

.clear-filters, .clear-filters-ext { text-decoration: none !important; color: #cc0000; }

.clear-filters:hover, .clear-filters-ext:hover { color: #7B160E; }

button:focus { outline: 0; }

button.close-blue, button.close-blue:hover { color: #fff; }

div.modal-header-blue { color: #fff; background: #0072B4; }

.container { max-width: 1200px; }

.page-container { padding-top: 100px; background: #ddd; background: #fff; }

.individual-item-container h1 { font-size: 2em; margin-bottom: 0; }

.individual-item-container h2 { font-size: 1.4em; color: #333 !important; padding-top: 0.5em; }

.individual-item-container h3 { font-size: 1.1em; }

.individual-item-spacer { height: 1em; }

.action-box-page h1, .action-box-page h2, .action-box-page h3, .full-width-blue h1, .full-width-blue h2, .full-width-blue h3 { color: #fff !important; }

.action-box-page a { color: #fff !important; font-weight: bold; font-style: italic; }

.where-to-item { font-size: 1.4em; }

.alert { z-index: 99 !important; }

.alert-light-blue { background: #95e3ff; }

ul.unstyled { list-style: none; padding-left: 0; }

.blogsection span.badge { margin-right: 20px; }

.blogsection-ambassador { background: #0072B4; color: #fff; padding: 1rem; margin: 1rem 0; border-radius: 15px; }

.blogsection-ambassador a { color: #fff; text-decoration: underline; }

.navbar { text-transform: uppercase; font-size: 12px; padding-top: 20px; }

.container-fluid { background: #fff; padding-left: 0; padding-right: 0; }

.container-fluid.article { padding-left: 0; padding-right: 0; }

.container-fluid.article:after, .overlap-image:after { z-index: 3; background-color: #fff; height: 10px; content: ""; position: absolute; top: 130px; left: 0px; right: 0px; width: 100%; }

.aacll-image { border: 2px solid #fff; border-radius: 10px; margin-bottom: 20px; }

.nav-item a:hover { color: #0072B4 !important; }

.navbar-nav > li { padding-right: 10px; padding-left: 10px; text-overflow: ellipsis !important; }

.left-nav > li + li:after { content: ""; background: #ccc; position: absolute; bottom: 25%; left: 0; height: 50%; width: 1px; }

.left-nav > li:last-child { border: none; }

.dropdown > .dropdown-menu { margin-top: 0px; padding-top: 36px; border: none; background: none; font-size: 12px; }

.dropdown > .dropdown-menu a { padding-bottom: 15px; padding-top: 15px; }

.dropdown > .dropdown-menu a:hover { background: #0072B4; color: #fff !important; }

.dropdown > .blogmenu { margin-top: 0px; padding: 10px; border: 1px solid #ccc; background: #fff; font-size: 12px; }

.dropdown > .blogmenu li { padding: 5px; margin: 5px; }

.dropdown > .blogmenu a:hover { background: none; color: #004D75 !important; }

/*dropdown menus open on hover instead of just click*/
.hover-dropdown:hover > .dropdown-menu { display: block; }

.inner-dropdown { background: #fff; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ margin-top: -8px; padding-bottom: 8px; }

.inner-dropdown-right { background: #fff; opacity: 0.9; filter: alpha(opacity=80); /* For IE8 and earlier */ margin-top: 1px; padding-bottom: 8px; }

.search-dropdown { margin-left: -60px !important; z-index: 20; width: 220px; }

.account-dropdown { margin-left: -40px !important; z-index: 20; }

.expand-x-div { position: absolute; right: 220px; background: #fff; margin-top: -50px; padding: 0px; color: #0072B4; height: auto; width: 150px; }

.expand-x-div p { padding: 15px !important; margin: 0px; background: #fff; }

.expand-x-div p:hover { background: #0072B4; cursor: pointer; color: #fff; }

/*.expand-x-div a{ padding: 40px;
}*/
.expand-x-div a:hover { text-decoration: none !important; }

#search-input { width: 150px; height: 30px; }

input.search { font-size: 12px !important; border-radius: 25px !important; margin: 10px auto; padding: 10px; }

.dropdown-search { font-size: 12px !important; margin: auto; padding: 10px; }

input.filter-search { font-size: 12px !important; /*border-radius: 25px !important;*/ }

.login-launch { cursor: pointer; }

.required:after { content: ' *'; color: #da4f49; font-weight: bold; }

/* text for form validation errors */
.error { color: #cc0000; }

.form_error { color: #cc0000; font-size: 75%; }

.btn-rounded { border-radius: 25px; margin-bottom: 10px; }

.btn-rounded-vertical-block { border-radius: 10px; padding-top: 15px; padding-bottom: 15px; background: #0072B4; background: rgba(250, 250, 250, 0.15); color: #fff; }

.btn-rounded-vertical-block:hover { background: #005b90; background: rgba(0, 91, 144, 0.5); color: #fff; }

.btn-primary { background: #0072B4 !important; border: 1px solid #0072B4 !important; }

.btn-primary:hover { background: #005b90 !important; border: 1px solid #005b90 !important; }

.btn-outline-primary { border: 1px solid #0072B4 !important; color: #0072B4 !important; }

.btn-outline-primary:hover { background: #0072B4 !important; color: #fff !important; }

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { background-color: #0072B4 !important; color: #fff !important; }

a.dropdown-item.active { background-color: #0072B4 !important; color: #fff !important; }

.btn-outline-primary:active { background-color: #0072B4 !important; color: #fff !important; }

.btn-info { background: #20B3E8; border: 1px solid #20B3E8; }

.btn-info:hover { background: #018bbd; border: 1px solid #018bbd !important; }

.btn-eggplant { background: #7A2986; border: 1px solid #7A2986; color: #fff; }

.btn-eggplant:hover { background: #4d2346; border: 1px solid #4d2346 !important; color: #fff; }

.btn.disabled { opacity: 0.2 !important; filter: alpha(opacity=20) !important; }

.btn-white { background: #fff; color: #333 !important; }

.btn-white:hover { background: #eee; }

.btn-white.outline { border: 1px solid #777; }

.btn-like .fa-heart { color: #d00; }

.btn-like.like:hover { background: #d00; color: #fff; }

.btn-like.like:hover .fa-heart { color: #fff; }

/*.btn-outline-secondary.active:hover{ background: #1F4C82 !important;
}*/
.no-padding-btn { padding: 0 !important; margin-left: -1px; }

.resource_category_btn { min-height: 46px; line-height: 16px; }

.stage_btn { min-height: 46px; line-height: 16px; }

#free_samples_button { height: 46px; line-height: 16px; }

.btn-stretch { background: #fff; border-radius: 0; border: 1px solid #0072B4 !important; color: #0072B4 !important; margin-bottom: 5px; }

.btn-all-levels { background: #fff; border: 1px solid #7A2986 !important; color: #7A2986 !important; }

.btn-stretch.active { background-color: #0072B4 !important; color: #fff !important; }

.btn-all-levels.active { background-color: #7A2986 !important; color: #fff !important; }

.btn-stretch:hover { background-color: #0072B4 !important; color: #fff !important; }

.btn-all-levels:hover { background-color: #7A2986 !important; color: #fff !important; }

.likes-count:before { content: " "; }

.align-middle-nav { padding-top: 18px; vertical-align: middle; }

.header-container { background: #fff; opacity: 0.9; filter: alpha(opacity=80); /* For IE8 and earlier */ height: 100px; position: absolute; /*box-shadow: 0px 1px 2px #555;*/ }

.header-container-content { background: none; }

.home-padding { margin-top: -600px; }

.home-slider { height: 600px; width: 100%; overflow-y: hidden; }

.home-page-container { margin-top: 500px; background: none; padding: 60px 40px 40px 40px; background: #fff; }

/*.angle-shape{ margin-top: 350px; position: absolute; top: 0; width: 100%; height: 250px; -webkit-filter: drop-shadow( 0 -2px 3px hsla(0, 0%, 0%, 0.4)); filter: drop-shadow( 0 -2px 3px hsla(0, 0%, 0%, 0.4));      
}

.angle-shape2{ margin-top: 320px; position: absolute; top: 0; width: 100%; height: 280px; -webkit-filter: drop-shadow( 0 -2px 3px hsla(0, 0%, 0%, 0.4)); filter: drop-shadow( 0 -2px 3px hsla(0, 0%, 0%, 0.4));   
}*/
/*for covering shadow*/
.shape-cover { margin-top: 519px; position: absolute; /*  top: 0;*/ width: 100%; height: 20px; background: #fff; }

.shape-cover-page { margin-top: 80px; position: absolute; top: 40px; width: 100%; height: 20px; background: #fff; z-index: 3; }

.round-shape2 { margin-top: 100px; position: absolute; top: 40px; width: 100%; height: 500px; -webkit-filter: drop-shadow(0 -2px 3px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0 -2px 3px rgba(0, 0, 0, 0.4)); }

.round-shape { margin-top: 100px; position: absolute; top: 39px; width: 100%; height: 500px; -webkit-filter: drop-shadow(0 -2px 3px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0 -2px 3px rgba(0, 0, 0, 0.4)); }

.round-shape-page { margin-top: 100px; position: absolute; top: 39px; width: 100%; height: 200px; -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4)); }

.round-shape-footer-left { margin-top: -222px; width: 100%; height: 200px; }

.round-shape-footer-right { margin-top: -222px; width: 100%; height: 200px; }

.carousel-div { padding-left: 0; padding-right: 0; }

.carousel h5 { font-size: 16px; text-shadow: 2px 2px 5px #000; }

.carousel p { font-size: 12px; text-shadow: 1px 1px 2px #000; }

a.carousel-control-prev, a.carousel-control-next { height: 50px !important; top: 200px; position: absolute; }

.carousel-caption { top: 150px; bottom: auto; }

.carousel-indicators { top: 140px; }

#empty-message-vocab, #empty-message-keyword { display: none; }

#empty-message-vocab p, #empty-message-keyword p { color: #f00; }

.dropright button { width: 10.4em; margin: 0.25em; }

.dropright button:active, .dropright button:focus, .dropright button .dropdown-menu.show:active, .dropright button .dropdown-menu.show:focus { color: #fff !important; background: #0072B4 !important; }

.dropright .dropdown-menu { min-width: 200px; padding: 1em; border-radius: 5px; color: #fff; background: #0072B4; z-index: 1001; line-height: 1; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); }

.dropdown-menu.columns-2 { min-width: 400px; }

.dropdown-menu.columns-3 { min-width: 600px; }

.form-check-input { position: relative; top: -2px; }

.action-box { margin-top: -300px; margin-bottom: -40px !important; height: auto; background: #20B3E8; background: linear-gradient(to bottom, #0072B4, #20B3E8); padding: 0px; color: #fff; z-index: 15; box-shadow: 0px 26px 4px 2px rgba(0, 0, 0, 0.5); }

.action-box:after { background-color: #20B3E8; height: 35px; content: ""; position: absolute; bottom: -35px; left: -10px; right: -10px; }

.action-box > p, .tab-content { padding: 30px 40px 0px 40px; }

.action-box p { color: #fff; }

.action-box-nav { margin-top: -39px; margin-left: 0px; padding: 0; background: #fff; box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.5); border-radius: 10px 10px 0 0; /*  opacity: 0.8; filter: alpha(opacity=80); */ }

.action-box-nav:after { background-color: #0072B4; height: 10px; content: ""; position: absolute; top: 20px; left: 0px; right: 0px; }

/*.action-box-nav > li { background: #fff !important;

}*/
.action-box-nav a { border: none !important; color: #444; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; }

.action-box-nav a:hover { color: #0072B4 !important; }

.action-box-nav > li:first-child { border-radius: 10px 0 0 0; }

.action-box-nav > li > .active { background: #0072B4 !important; border: none; border-radius: inherit; padding-bottom: 20px; color: #fff !important; }

.action-box-page { height: 100%; background: #20B3E8; background: linear-gradient(to bottom, #0072B4, #20B3E8); padding: 40px; color: #fff; z-index: 15; box-shadow: 0px 6px 4px 2px rgba(0, 0, 0, 0.5); border-radius: 10px 10px 0 0; }

.action-box-page:after { background-color: #20B3E8; height: 15px; content: ""; position: absolute; bottom: -15px; left: -10px; right: -10px; }

.action-box-page ul { padding-left: 12px; }

.action-box-page li { padding-bottom: 10px; color: #fff; }

.action-box-page a { color: #444; font-weight: bold; }

.action-box-page p { color: #fff; }

.vocabulary-targets ul { list-style-type: none; }

.full-width-blue { background: #20B3E8; background-image: url("/assets/site_images/aacllblue05.jpg"); background-repeat: no-repeat; background-size: cover; border-top: 35px solid #20B3E8; }

.full-width-blue p, .full-width-blue a { color: #fff; }

.home.full-width-blue a { text-decoration: underline; }

.full-width-blue img { margin-bottom: 20px; }

.home-card { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); border: 5px solid #0072B4; background: #0072B4; transition: all .2s ease-in-out; opacity: 0.90; -moz-opacity: 90%; -webkit-opacity: 90%; }

.home-card2 { border: 5px solid #20B3E8; background: #20B3E8; }

.home-card h5, .home-card h3, .home-card p, .home-card small { color: #fff; }

.home-card h3 { margin-top: -200px; margin-bottom: 170px; text-align: center; text-shadow: 1px 1px 8px #000; }

.card-img-top-home { opacity: 0.8; filter: alpha(opacity=80); }

.home-card:hover { color: #000; opacity: 1.0; -moz-opacity: 100%; -webkit-opacity: 100%; }

.home-card img { max-height: 300px; object-fit: cover; }

.home-card:hover .card-img-top { opacity: 1.0; filter: alpha(opacity=100); transition: .15s ease-in-out; }

.home-card > a:link { text-decoration: none !important; }

.interior-card { /*box-shadow: 2px 2px 4px rgba(0,0,0,0.4);*/ border: 2px solid #fff; transition: all .2s ease-in-out; }

.interior-card > a:link { text-decoration: none !important; }

.dotted-line { border-top: 5px dotted #777; margin-top: 0; }

.media-type { font-size: 1.1em; }

.badge-primary { background: #0072B4 !important; }

.bade-secondary { background: #7F7F7F !important; }

.badge-spanish { background: #ff0; }

.badge-young-adult { background: #0bf; }

.login-alert { top: 110px; padding-top: 20px; color: #28A745; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); border: none; }

.language-stage-objective-container { padding: 1em 0; position: relative; z-index: 1; }

.language-stage-objective-container::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.2; background-image: url("/assets/site_images/bubbles.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; }

#language_stage { font-size: 1.6em; text-shadow: 1px 0 #fff, 0 1px #fff; text-rendering: optimizeLegibility; }

#language_objective { font-size: 1.1em; text-shadow: 1px 0 #fff, 0 1px #fff; text-rendering: optimizeLegibility; }

.lesson-plan-image, .activity-image, .ambassador-image { width: 100%; height: 250px; object-fit: cover; }

.overlap-above { margin-top: -20px; margin-bottom: 40px; }

.circle-icon { z-index: 3; margin-left: auto; margin-right: auto; margin-bottom: .3em; width: 1.6em; height: 1.6em; border-radius: 50%; font-size: 4em; color: #20B3E8; line-height: 1.8em; text-align: center; background: #fff; box-shadow: 2px 2px 5px #bbb; }

.circle-icon.device { font-family: 'device', arial; font-size: 4.5em; width: 1.45em; height: 1.45em; line-height: 1.45em; }

.circle-icon:hover, .circle-icon.active { color: #fff; background: #20B3E8; box-shadow: none; -o-transition: .15s; -ms-transition: .15s; -moz-transition: .15s; -webkit-transition: .15s; transition: .15s; cursor: pointer; }

.circle-icon-text { text-decoration: none !important; font-weight: bold; color: #0072B4; }

.circle-icon-text:hover { color: #0072B4; }

.circle-icon:hover .circle-icon-svg { fill: #fff; }

.circle-icon.active .circle-icon-svg { fill: #fff; }

.testingh1 { font-family: 'device', arial; }

.show-more { transition: all .3s ease; max-height: 110px; overflow: hidden; position: relative; }

.show-more.expanded { transition: all 2s ease; max-height: 99em; }

.show-more-mask { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; position: absolute; bottom: 0em; width: 100%; height: 100px; background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }

.show-more-link-container { float: right; }

.show-more-link { color: transparent; transition: color .3s ease-in; }

footer p { font-size: 0.9em; }

.stage_block h5 { margin-top: -10px; margin-bottom: -5px; }

.all-levels-thumb { margin-bottom: 10px; }

/*------------------------------*/
/***** special image effect *****/
/*------------------------------*/
.effect-grid { position: relative; width: 100%; list-style: none; text-align: center; height: 150px !important; }

/* Common style */
.effect-grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 100%; max-width: 100%; min-height: 100%; background: #0072B4; text-align: center; cursor: pointer; }

.effect-grid figure img { position: relative; display: block; min-height: 100%; height: 150px; max-height: 150px; width: 100%; opacity: 0.8; object-fit: cover; cursor: pointer; }

.effect-grid figure figcaption { padding: 2em; color: #fff; /*text-transform: uppercase;*/ font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; }

.effect-grid figure figcaption::before, .effect-grid figure figcaption::after { pointer-events: none; }

.effect-grid figure figcaption, .effect-grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.effect-grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }

.effect-grid figure h3 { word-spacing: -0.15em; /*font-weight: normal;*/ }

.effect-grid figure h3 span { /*font-weight: normal;*/ }

.effect-grid figure h3, .effect-grid figure p, .effect-grid figure span { margin: 0; }

.badge { border-radius: 25px !important; }

/*-----------------*/
/***** Goliath *****/
/*-----------------*/
figure.effect-goliath { background: #fff; border: 2px solid #ccc; border-radius: 5px; box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.2); height: 150px; }

figure.effect-goliath.free img { margin-top: -25px; }

figure.effect-goliath.free::before { content: 'Free'; position: relative; background: #28A745; color: #fff; font-weight: bold; font-size: 16px; padding: 10px 15px 10px 15px; width: 100px; height: 100px; top: 5px; right: -95px; border-radius: 0 0 0 25px; z-index: 99; border: 2px solid #ccc; }

figure.effect-goliath img, figure.effect-goliath h3, figure.effect-goliath span { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; width: 100%; height: inherit; }

figure.effect-goliath h3 { font-size: 18px; color: #0072B4 !important; background: #fff; position: absolute; top: 100px; left: 0px; padding: 10px; border-top: 2px solid #ccc; width: 100%; }

figure.effect-goliath sup { text-shadow: none; }

figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

figure.effect-goliath span { color: #aeaeae; font-size: 14px; font-style: italic; position: absolute; top: 182px; left: 0px; padding: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; width: 100%; }

figure.effect-goliath p { position: absolute; top: 50px; left: 0; padding: 10px; text-transform: none; font-size: 80%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); color: #444; margin-bottom: -10px; width: 100%; }

figure.effect-goliath:hover img { -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0); }

figure.effect-goliath:hover h3 { -webkit-transform: translate3d(0, -75px, 0); transform: translate3d(0, -75px, 0); }

figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

figure.effect-goliath:hover span { opacity: 1; -webkit-transform: translate3d(0, -70px, 0); transform: translate3d(0, -70px, 0); }

.arrow_div { height: 100%; width: 50%; max-width: 50px; padding-top: 75px; margin-left: auto; margin-right: auto; }

.arrow_button { fill: #777777; stroke: #777777; }

a svg:hover .arrow_button { fill: #0072B4; stroke: #0072B4; }

/*-------------------*/
/***** Accordion *****/
/*-------------------*/
.accordion { background-color: #ddd; color: #444; cursor: pointer; padding: 10px; width: 100%; text-align: left; border: 1px solid #fff; font-size: 15px; transition: 0.1s ease-in-out; }

.accordion-div button:first-child { border-radius: 5px 5px 0 0; }

.accordion-div button:last-of-type { border-radius: 0 0 5px 5px; }

.accordion-active:last-of-type { border-radius: 0px !important; }

.accordion-active, .accordion:hover, .accordion:hover:after { background-color: #0072B4; color: #fff; transition: max-height 0.1s ease-in-out; }

.accordion:after { content: '\002B'; color: #0072B4; font-weight: bold; float: right; margin-left: 5px; }

.accordion-active:after { content: "\2212"; color: #fff; }

.accordion-panel { padding: 0 18px; background: #fff; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; border-left: 1px solid #fff; border-right: 1px solid #fff; }

.accordion-panel p { padding-top: 10px; }

.article-profile-image { float: right; border: 5px solid #fff; border-radius: 50%; box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.2); margin: -80px 0 10px 20px; z-index: 1; object-fit: cover; }

.blog-profile-image { float: right; border: 5px solid #fff; border-radius: 50%; box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.2); margin: 10px; object-fit: cover; }

.grow-in { animation-duration: 1.0s; animation-name: growInOnLoad; }

@keyframes growInOnLoad { 0%,50% { opacity: 0; height: 0em; }
  100% { opacity: 1; height: 30em; } }
.fade-in { animation-duration: 1.0s; animation-name: fadeInOnLoad; }

@keyframes fadeInOnLoad { 0%,60% { opacity: 0; }
  100% { opacity: 1; } }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 12px 16px; line-height: 1.42857143; text-decoration: none; color: #7F7F7F; background-color: #fff; }

.pagination > li > a:hover { color: #fff; background-color: #0072B4; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; background-color: #7F7F7F; cursor: default; }

.pagination > li { display: inline; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 25px; border-top-left-radius: 25px; }

.pagination > li:last-child > a, .pagination > li:last-child > span { margin-left: 0; border-bottom-right-radius: 25px; border-top-right-radius: 25px; }

.blog-img { max-width: 300px; float: right; margin: 0px 20px 20px 20px; border: 2px solid #fff; border-radius: 10px; display: block; clear: both; }

.breadcrumbs { margin-bottom: 1em; }

.displaynone { display: none; }

.stage-header { color: #fff; padding: 10px; margin-left: 0px; }

.language-stage-table { width: 100%; border-collapse: separate !important; border: 2px solid #bbb; border-radius: 15px; padding: 0px; }

.language-stage-table th { padding: 10px; cursor: pointer; -o-transition: .1s; -ms-transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; }

.language-stage-table tr:first-child th { border-radius: 15px 15px 0 0; }

.language-stage-table tr:last-child th { border-radius: 0 0 15px 15px; }

.stage-table-btn.one { color: #0072B4; }

.stage-table-btn.one.active, .stage-table-btn.one:hover, .stage-header.one { background: #0072B4; }

.stage-table-btn.two { color: #20B3E8; }

.stage-table-btn.two.active, .stage-table-btn.two:hover, .stage-header.two { background: #20B3E8; }

.stage-table-btn.three { color: #28a745; }

.stage-table-btn.three.active, .stage-table-btn.three:hover, .stage-header.three { background: #28a745; }

.stage-table-btn.four { color: #e0a800; }

.stage-table-btn.four.active, .stage-table-btn.four:hover, .stage-header.four { background: #ffc107; color: #222; }

.stage-table-btn.five { color: #dc3545; }

.stage-table-btn.five.active, .stage-table-btn.five:hover, .stage-header.five { background: #dc3545; }

.stage-table-btn.six { color: #7A2986; }

.stage-table-btn.six.active, .stage-table-btn.six:hover, .stage-header.six { background: #7A2986; }

.language-stage-table th.active, .language-stage-table th:hover { color: #fff; }

.lightblue-alert { color: #0072B4; padding: 8px; border: 1px solid #0072B4; cursor: pointer; }

.lightblue-alert:hover { background: #0072B4; color: #fff; padding: 8px; border: 1px solid #0072B4; cursor: pointer; }

.blue-fill { background: #0072B4; color: #fff; }

.core-word-label { margin: 0; }

.bottom-border-image { border-bottom: 5px solid #ccc; }

.fourohfour-container { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; background-image: url("/assets/site_images/404.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 800px; padding-right: 5%; }

.fourohfour { overflow-x: none; width: 100%; max-width: 100vw; }

.fourohfour-text { max-width: 25vw; }

.fourohfour-text h1 { font-size: 1.7em; }

.fourohfour-text p { font-size: 1.2em; }

#hp { visibility: hidden; }

.help { cursor: help; }

.fa-spinner { display: none; }

/* Ambassadors Begin */
.ambassadors a { text-decoration: none; }

.ambassadors div { margin: 0.5rem 0; white-space: nowrap; }

.ambassadors img { width: 110px; height: 110px; border: 6px #fff solid; border-radius: 50%; z-index: 1; }

.ambassadors .circle-bg { position: relative; top: -59px; left: -50px; width: 110px; height: 110px; background: #fff; border-radius: 50%; z-index: 2; }

.ambassadors .name-bg { background: #20B3E8; height: 50px; z-index: 0; border-radius: 0 5px 5px 0; margin: 3rem 2rem; }

.ambassadors .name { background: #0072B4; display: block; position: relative; padding: 1rem; margin-left: 75px; margin-top: -150px; width: 85%; border-radius: 5px; z-index: 1; -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); }

.ambassadors .name:hover { background: #005b90; }

.ambassadors .name span { font-size: 1.15rem; color: #fff; }

.ambassador-application { background: #0072B4; color: #fff; padding: 0; }

.ambassador-application p { color: #fff; }

.ambassador-application .thank-you h1, .ambassador-contact .thank-you h1 { color: #fff; }

.ambassador-application .validation-errors, .ambassador-contact .validation-errors { background: #fff; margin: 0.5rem 0; padding: 0.5rem; border-radius: 5px; }

#ambassador_application_form label.required:after, #ambassador_contact_form label.required:after { content: ' *'; color: #fff; font-weight: bold; }

.ambassador-badge { background: #0072B4; color: #fff; position: relative; top: -2rem; padding: 1rem; margin: 0 2rem 0 0; float: left; width: 17rem; width: 100%; border-radius: 5px; z-index: 1; -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); }

.ambassador-tag { font-size: 1.2rem; }

.ambassador-image-container { width: 300px; }

.ambassador img { float: left; width: 300px; height: 300px; border-radius: 50%; margin: 0 2rem 0 0; }

.ambassador .back { float: right; font-size: 1rem !important; position: relative; top: 60px; }

.ambassador-contact { background: #7A2986; color: #fff; padding: 0; }

.requirement { font-weight: bold; }

/* Ambassadors End */
/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility  1. For long content, line feeds are not interpreted as spaces and small width causes content to wrap 1 word per line: https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/* ========================================================================== mobile styling ========================================================================== */
@media (max-width: 1115px) { .action-box-nav:after { background-color: #fff; }
  .action-box-nav { box-shadow: none; }
  .fourohfour-container { height: 600px; } }
@media (max-width: 991px) { /*  .navbar{ background: #fff; }*/
  .header-container { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }
  .navbar-nav > li + li:after { background: none; }
  .home-page-container { margin-top: 500px; }
  input.search { margin-left: 10px; }
  .navbar { background: #fff !important; }
  .fourohfour-container { height: 400px; }
  .fourohfour-text h1, .fourohfour-text p, .fourohfour-text a { font-size: 95% !important; }
  .mobile-dropdown { padding-top: 20px !important; } }
@media (max-width: 767px) { .action-box { margin-top: 50px; padding-left: 15px; }
  .action-box-nav:after { display: none; }
  .main-text { padding: 40px; }
  .home-padding { margin-top: 0px; }
  .home-page-container { margin-top: 10px; padding: 0 0 20px 0; }
  .carousel-div { display: none !important; }
  .login-alert { position: relative !important; top: 30px; }
  input.search { margin-left: 10px; }
  .arrow_div { height: 100%; width: 20px; max-width: 20px; padding-top: 15px; margin-bottom: -10px; margin-left: auto; margin-right: auto; }
  .full-width-blue { background-image: none; }
  .navbar { background: #fff !important; }
  .effect-grid { margin-bottom: 5px; }
  .effect-grid-home { margin-bottom: 80px; }
  figure.effect-goliath.free::before { left: 120px; padding: 10px 25px 10px 15px; }
  .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; }
  .fourohfour-container { height: 200px; }
  .fourohfour-text h1, .fourohfour-text p, .fourohfour-text a { font-size: 85% !important; }
  .mobile-dropdown { padding-top: 20px !important; } }

/*# sourceMappingURL=main.min.css.map */