/*
Theme Name: kri
Text Domain: https://valoried.com/
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Valoried
Theme URI: https://valoried.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
/* -------------------------------------------------------------------------- */
/* Fonts */
/* -------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------- */
/*	2. Element Base
/* ------------------------------------------------------------------------- */
main {display: block; overflow: hidden;}
body { font-size: 14px; color: #131313 !important; line-height: 1.5; font-family: 'Roboto', sans-serif; font-weight: 300;}
h1, h2, h3, h4, h5, h6, .faux-heading { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; line-height: 1.25; margin: 0 0 10px; color: #0d0d0d; font-family: 'Roboto', sans-serif; font-weight: 500;}
h1, .heading-size-1 { font-size: 32px;}
h2, .heading-size-2 { font-size: 28px;}
h3, .heading-size-3 { font-size: 25px;}
h4, .heading-size-4 { font-size: 23px;}
h5, .heading-size-5 { font-size: 20px;}
h6, .heading-size-6 { font-size: 18px;}


p { margin: 0 0 1em 0;}
em, i, q, dfn { font-style: italic;}
big { font-size: 1.2em;}
small { font-size: 0.75em;}
address { line-height: 1.5; margin: 0 0 2rem 0;}
a { text-decoration: none; color: #1c38a1;}
a:hover,a:focus { text-decoration: none;}

/* Lists ------------------------------------- */
/* ul,ol { margin: 0 0 3rem 3rem;} */
ul { list-style: disc;}
ul ul { list-style: circle;}
ul ul ul { list-style: square;}
ol { list-style: decimal;}
ol ol { list-style: lower-alpha;}
ol ol ol { list-style: lower-roman;}
/* li { line-height: 1.5; margin: 0.5rem 0 0 2rem;} */
li > ul,li > ol { margin: 1rem 0 0 2rem;}
.reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0;}
.reset-list-style li { margin: 0;}
dt, dd { line-height: 1.5;}
dt { font-weight: 700;}
dt + dd { margin-top: 0.5rem;}
dd + dt { margin-top: 1.5rem;}


/* GALLERIES */
.gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em);}
.gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%;}
.gallery-caption { display: block; margin-top: 0.8em;}  
/* -------------------------------------------------------------------------- */
/*	3. Helper Classes
/* -------------------------------------------------------------------------- */
/* Layout ------------------------------------ */
.no-margin { margin: 0;}
.no-padding { padding: 0;}
.screen-height { min-height: 100vh;}
.admin-bar .screen-height { min-height: calc(100vh - 32px);}
@media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); }}
.screen-width { position: relative; left: calc(50% - 50vw); width: 100vw;}
.skip-link.screen-reader-text, .screen-reader-text {display: none;}
.page .entry-header {display: none;}
/* Sections ---------------------------------- */
/* section { padding: 5rem 0; width: 100%;} */
.section-inner { margin-left: auto; margin-right: auto; max-width: 1140px; width: 100%; padding: 0 15px !important;}
.section-inner.max-percentage { width: 100%;}
.section-inner.thin { max-width: 58rem;}
.section-inner.small { max-width: 80rem;}
.section-inner.medium { max-width: 100rem;}
.section-inner.no-margin { margin: 0;}

/* Toggles ----------------------------------- */
.toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;text-align: inherit; user-select: none;}
button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing:inherit; padding: 0; text-transform: none;}

/* Hiding and Showing ------------------------ */
.js .show-js { display: block !important;}
.js .hide-js { display: none !important;}
.no-js .show-no-js { display: block !important;}
.no-js .hide-no-js { display: none !important;}

/* Opacity ----------------------------------- */
.opacity-0 { opacity: 0;}
.opacity-5 { opacity: 0.05;}
.opacity-10 { opacity: 0.1;}
.opacity-15 { opacity: 0.15;}
.opacity-20 { opacity: 0.2;}
.opacity-25 { opacity: 0.25;}
.opacity-30 { opacity: 0.3;}
.opacity-35 { opacity: 0.35;}
.opacity-40 { opacity: 0.4;}
.opacity-45 { opacity: 0.45;}
.opacity-50 { opacity: 0.5;}
.opacity-55 { opacity: 0.55;}
.opacity-60 { opacity: 0.6;}
.opacity-65 { opacity: 0.65;}
.opacity-70 { opacity: 0.7;}
.opacity-75 { opacity: 0.75;}
.opacity-80 { opacity: 0.8;}
.opacity-85 { opacity: 0.85;}
.opacity-90 { opacity: 0.9;}
.blend-mode-exclusion { mix-blend-mode: exclusion;}
.blend-mode-hue { mix-blend-mode: hue;}
.blend-mode-saturation { mix-blend-mode: saturation;}
.blend-mode-color { mix-blend-mode: color;}
.blend-mode-luminosity { mix-blend-mode: luminosity;}

/* Image Classes ----------------------------- */
.bg-image { background-position: center; background-repeat: no-repeat; background-size: cover;}
.bg-attachment-fixed { background-attachment: fixed;}
@supports ( -webkit-overflow-scrolling: touch ) {.bg-attachment-fixed { background-attachment: scroll; }}
@media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed { background-attachment: scroll; }}
.wp-block-image.is-resized { margin-left: auto; margin-right: auto;}

/* Search Form ------------------------------- */
.search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0;}
.search-form .search-field, .search-form .search-submit { margin: 0rem 0rem;}
.search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%;}
.search-form .search-field { width: 100%;}
.search-form .search-submit { flex-shrink: 0;}
.search-form .search-submit:focus,
.search-form .search-submit:hover { text-decoration: none;}
.search-toggle .toggle-text { display: none;}

/* Social Icons ------------------------------ */
ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem);}
ul.social-icons li { margin: 0.9rem 0 0 0.9rem;}
.social-icons a { align-items: center; background: #1c38a1; border-radius: 50%; color: #fff; display: flex; height: 4.4rem;justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem;}
.social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none;}

/* -------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------- */
#site-header { background: rgba(255, 255, 255, 0); position: relative; width: 100%; z-index: 1;}
.header-inner { /* max-width: 168rem; padding: 3.15rem 0;*/ z-index: 100;}

/* Header Titles ----------------------------- */
.header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem; text-align: center; position:relative;}
body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left;}
.site-title,.site-logo,.site-description { margin: 0;}
.site-title { font-size: 2.1rem; line-height: 1; font-family: 'Roboto', sans-serif; font-weight: 500;}
.site-title a { color: inherit; display: block; text-decoration: none;}
.site-title a:hover,
.site-title a:focus { text-decoration: underline;}
.site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-family: 'Roboto', sans-serif; font-weight: 500; display: none; letter-spacing: -00311em; transition: all 0.15s linear;}
.site-logo a,.site-logo img { display: block;}
.header-titles .site-logo .site-logo { margin: 0;}
.site-logo img { max-height: 4rem; margin: 0 auto; width: auto;}
body:not(.enable-search-modal) .site-logo img { margin: 0;}

/* Overlay Header ---------------------------- */
.overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2;}
.overlay-header .header-inner { color: #fff;}
.overlay-header .site-description,.overlay-header .toggle { color: inherit;}
.overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25;}
.admin-bar.overlay-header #site-header { top: 32px;}
@media (max-width: 767px) {.admin-bar.overlay-header #site-header { top: 46px;}}

/* Header Navigation ------------------------- */
.header-navigation-wrapper {display: none;}
.top-bar { display: block;}
.right-header { display: none;}
/* Header Toggles ---------------------------- */
.header-toggles { display: none;}
.header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0; width: 45px;}
.header-inner .toggle svg { display: block; position: relative; z-index: 1;}
.header-inner .toggle path { fill: currentColor;}
.header-inner .toggle.mobile-nav-toggle path { fill: transparent;}
.toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative; align-items: center;}
.toggle-icon { display: block; overflow: hidden;}
.toggle-inner .toggle-text { color: #6d6d6d; font-size: 0; font-family: 'Roboto', sans-serif; font-weight: 500; position: absolute; top: calc(100% + 0.5rem);width: auto; white-space: nowrap; word-break: break-all;}
.overlay-header .toggle-text { color: inherit;}
.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text { text-decoration: underline;}

/* Search Toggle ----------------------------- */
.search-toggle { position: absolute; bottom: 0; left: 0; top: 0;}
.search-toggle .toggle-icon,.search-toggle svg { height: 21px; max-width: 2.3rem; width: 21px;color: #c17f06;}

/* Navigation Toggle ------------------------- */
.nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem;outline: 0px dotted !important; }

.nav-toggle .toggle-icon,.nav-toggle svg { height: 0.8rem; width: 2.6rem; color: #2e323f;}
.nav-toggle .toggle-inner { padding-top: 0rem;}
.mobile-nav-toggle .toggle-icon::after { content: '\f0c9'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 22px; color:#feb336; z-index: 99999999; top: 5px; position: absolute; left: 0; right: 0; text-align: center;}

/* Primary Menu ---------------------------- */
.primary-menu-wrapper { display: none;}
ul.primary-menu { display: flex; flex-wrap: wrap; justify-content:flex-end; padding-left: 0;}
.primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem;}
.primary-menu .icon::before,.primary-menu .icon::after { content: ""; display: block; background-color: currentColor; position: absolute;bottom: calc(100% - 0.1rem); left: -5px;color: #131313;}
.primary-menu .icon::before { height: 0.7rem; width: 0.2rem;}
.primary-menu .icon::after { height: 0.2rem; width: 0.7rem;}
.primary-menu li { font-size: 18px; line-height: 1.25; position: relative;}
.primary-menu > li { margin: 0;padding-left: 0px;}
.primary-menu > li.menu-item-has-children > a { padding-right: 2rem;}
.primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem);}
.primary-menu a { color: #fff !important; display: block; line-height: 1.2; text-decoration: none; font-size: 18px; padding: 15px 10px;}
.primary-menu > li:last-child a { padding-right: 0;}
.primary-menu > li:first-child a { padding-left: 0;}
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {/*text-decoration: underline;*/color: #feb336 !important;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: none;}
.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none;}

/* SUB MENU */
.primary-menu ul { background: #2e323f; border-radius: 0.4rem; color: #fff; font-size: 16px; opacity: 0; padding: 1rem 0; position:absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform:translateY(0.6rem); width: 20rem; z-index: 1;}
.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear,transform 0.15s linear;}
.primary-menu ul::before,
.primary-menu ul::after { content: ""; display: block; position: absolute; bottom: 100%;}
.primary-menu ul::before { height: 2rem; left: 0; right: 0;}
.primary-menu ul::after { border: 0rem solid transparent; border-bottom-color: #131313; right: 1.8rem;}
.primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 0.7rem 2rem; transition:background-color 0.15s linear; width: 100%;}
.primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem;}
.primary-menu ul li.menu-item-has-children .icon { position: absolute; right: 1.5rem; top: calc(50% - 0.5rem);}

/* DEEP DOWN */
.primary-menu ul ul { top: -1rem;}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {right: -20rem;}
.primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem;}
.primary-menu ul ul::after {border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #2e323f; bottom: auto; right: -1.6rem;top: 2rem;}
.rtl .primary-menu ul ul::after {transform: rotate(180deg);}

/*
* Enable nav submenu expansion with tapping on arrows on large-viewport
* touch interfaces (e.g. tablets or laptops with touch screens).
* These rules are supported by all browsers (>IE11) and when JS is disabled.
*/
@media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; }
.primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; }
}
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem;}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;}

/* -------------------------------------------------------------------------- */
/*	5. Menu Modal
/* -------------------------------------------------------------------------- */
.menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left:-99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99;}
.admin-bar .menu-modal { top: 32px;}
@media (max-width: 782px) { .admin-bar .menu-modal { top: 46px;}}
.menu-modal.show-modal { display: flex;z-index: 102;}
.menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out;}
.menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%;}
.menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative;}
button.close-nav-toggle { align-items: center; display: flex; font-size: 0; font-weight: 500; justify-content: flex-end; padding: 6px 0;width: 100%;}
button.close-nav-toggle svg { height: 16px; width: 16px;}
button.close-nav-toggle .toggle-text { margin-right: 16px;}
.menu-modal .menu-top { flex-shrink: 0;}

/* Main Menu --------------------------------- */
.modal-menu { position: relative; left: calc(50% - 50vw); width: 100vw; padding: 0;}
.modal-menu li { border-color: #dedfdf; border-style: solid; border-width: 0.1rem 0 0 0; display: flex; flex-wrap: wrap; line-height: 1;justify-content: flex-start; margin: 0; padding: 0 15px;}
.modal-menu > li > a,.modal-menu > li > .ancestor-wrapper > a {letter-spacing: 0; font-size: 16px; padding:10px 0; color: #1c38a1; text-decoration: none;}
.modal-menu > li:last-child { border-bottom-width: 0.1rem;}
.modal-menu .ancestor-wrapper { display: flex; justify-content: space-between; width: 100%;}
.modal-menu a { display: block; padding: 10px 0px; text-decoration: none; width: 100%;}
.modal-menu a:focus,.modal-menu a:hover,.modal-menu li.current-menu-item > .ancestor-wrapper > a,.modal-menu li.current_page_ancestor > ancestor-wrapper > a { text-decoration: none;}
button.sub-menu-toggle { border-left: 0rem solid #dedfdf; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem;}
button.sub-menu-toggle svg { height: 0.6rem; transition: transform 0.15s linear; width: 1.5rem;fill: #1c38a1 !important;}
button.sub-menu-toggle.active svg { transform: rotate(180deg);}
.modal-menu ul { display: none; margin: 0; width: 100%;}
.modal-menu ul li { border-left-width: 0rem;}
.modal-menu ul li a { color: #1c38a1 !important; font-weight: 700;font-size: 19px;}
.sub-menu {padding-left: 10px;}

/* Main menu animation ----------------------- */
.menu-wrapper .menu-item { position: relative;}
.menu-wrapper .active { display: block;}
.menu-wrapper.is-toggling { pointer-events: none;}
.menu-wrapper.is-toggling .menu-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%;}
.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width: auto;}
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target { transition-duration: 250ms;}
.menu-wrapper.is-animating .menu-item { transition-property: transform;}
.menu-wrapper.is-toggling .toggling-target { display: block; position: absolute; top: 0; left: 0; opacity: 1;}
.menu-wrapper.is-toggling .toggling-target.active { opacity: 0;}
.menu-wrapper.is-animating.is-toggling .toggling-target { display: block; transition-property: opacity; opacity: 0;}
.menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity: 1;}
.menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color: transparent; border-bottom-width: 0.1rem;}
@media (prefers-reduced-motion: reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target {transition-duration: 1ms !important;}}

/* Expanded Menu ----------------------------- */
.expanded-menu { display: none;}
.mobile-menu { display: block;}

/* Menu Bottom ------------------------------- */
.menu-bottom { flex-shrink: 0; padding: 4rem 0;}
.menu-bottom nav { width: 100%;}
.menu-copyright { display: none; font-size: 1.6rem; font-weight: 500; margin: 0;}
.menu-copyright a:focus,
.menu-copyright a:hover { text-decoration: underline;}
.menu-bottom .social-menu { justify-content: center;}
button:focus, button:hover, button:active, button:focus-within, button:focus-visible, button:visited { outline: 0px dotted !important;outline: 0px auto -webkit-focus-ring-color !important; }
html body button.close-nav-toggle:focus, html body button.close-nav-toggle:hover, html body button.close-nav-toggle:active, html bodybutton.close-nav-toggle:focus-within, html body button.close-nav-toggle:visited { outline: 0px dotted !important; outline: 0px auto-webkit-focus-ring-color !important; border: 0 !important;}
/* -------------------------------------------------------------------------- */
/*	6. Search Modal
/* -------------------------------------------------------------------------- */
.search-modal { background: rgba(0, 0, 0, 0); display: block; opacity: 0; position: fixed; bottom: 0; left: -9999rem; top: 0; transition:opacity 0s linear, left 0s 0s linear; width: 100%; z-index: 999;}
.admin-bar .search-modal.active { top: 32px;}
@media (max-width: 767px) { .admin-bar .search-modal.active { top: 46px;}}
.search-modal-inner { background: #fff; transform: translateY(-100%); transition: transform 0.15s linear, box-shadow 0.15s linear;}
.search-modal-inner .section-inner { display: flex; justify-content: space-between; max-width: 168rem;}
.search-modal.active { left: 0; opacity: 1; transition: opacity 0.2s linear;}
.search-modal.active .search-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); transform: translateY(0); transition: transform 025s ease-in-out, box-shadow 0.1s 0.25s linear;}
button.search-untoggle { align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: -2.5rem; padding: 0 25rem;}
.search-modal button.search-untoggle {color: inherit;}
.search-modal.active .search-untoggle { animation: popIn both 0.3s 0.2s;}
.search-untoggle svg { height: 1.5rem; transition: transform 0.15s ease-in-out; width: 1.5rem;}
.search-untoggle:focus svg,.search-untoggle:hover svg { transform: scale(1.15);}

/* Modal Search Form ------------------------- */
.search-modal form { margin: 0; position: relative; width: 100%;}
.search-modal .search-field { background: none; border: none; border-radius: 0; color: inherit; font-size: 2rem; letter-spacing: -00277em; height: 8.4rem; margin: 0 0 0 -2rem; max-width: calc(100% + 2rem); padding: 0 0 0 2rem; width: calc(100% + 2rem);}
.search-modal .search-field::-webkit-input-placeholder { color: inherit;}
.search-modal .search-field:-ms-input-placeholder { color: inherit;}
.search-modal .search-field::-moz-placeholder { color: inherit; line-height: 4;}
.search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; transform: translateY(-50%);}
.search-modal .search-submit:focus { right: 0;}

/* -------------------------------------------------------------------------- */
/*	7a. Template: Cover Template
/* -------------------------------------------------------------------------- */
.cover-header { display: flex; overflow: hidden;}
.cover-header-inner-wrapper { display: flex; position: relative; flex-direction: column; justify-content: flex-end; width: 100%;}
.cover-header-inner { padding: 10rem 0 5rem 0; width: 100%;}
.cover-color-overlay,.cover-color-overlay::before { position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
.cover-color-overlay::before { background: currentColor; content: ""; display: block;}
.cover-header .entry-header { position: relative; width: 100%; z-index: 1;}
.cover-header .entry-header * { color: #fff;}
body.template-cover .entry-header { background: transparent; padding: 0;}
.cover-header h1,.cover-header h2,.cover-header h3,.cover-header h4,.cover-header h5,.cover-header h6,.cover-header .faux-heading { color:inherit;}
.cover-header .entry-header a { color: inherit;}

/* To The Content ---------------------------- */
.to-the-content-wrapper { position: absolute; left: 0; right: 0; top: calc(100% + 0.5rem);}
.to-the-content { align-items: center; display: flex; justify-content: center; height: 4rem; text-decoration: none;}
.to-the-content svg { height: 2rem; transition: transform 0.15s linear; transform: translateY(0); width: 1.767rem;}
.to-the-content:focus svg,.to-the-content:hover svg { transform: translateY(20%);}

/*Post*/
.blog #site-content, .single #site-content, .search #site-content, .archive #site-content    {	padding: 0 15px; width: 100%; margin: 0auto;}
.primary-section { width: 100%; float: left;}
.sidebar-widgets-wrapper.header-footer-group { width: 100%; float: left;}
/* -------------------------------------------------------------------------- */
/*	8. Post: Archive
/* -------------------------------------------------------------------------- */
/* Archive Header ---------------------------- */
.archive-header { background-color: #fff; padding: 0rem 0;}
.reduced-spacing .archive-header { padding-bottom: 0rem;}
.archive-title { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.026666667em; margin: 0;}
.archive-subtitle p:last-child { margin-bottom: 0;}

/* Posts ------------------------------------- */
body:not(.singular) main > article:first-of-type { padding: 3rem 0 0;}
body:not(.singular) main > article:last-of-type { padding:  0 0 3rem;}

/* Search Results ---------------------------- */
.no-search-results-form { padding-top: 5rem;}

/* -------------------------------------------------------------------------- */
/*	9. Post: Single
/* -------------------------------------------------------------------------- */
/* Post Header ------------------------------- */
.singular .entry-header { background-color: #fff; padding: 0rem 0; margin-bottom: 20px;}
.entry-categories { line-height: 1.25; margin-bottom: 2rem;}
.entry-categories-inner { justify-content: center; display: flex; flex-wrap: wrap; margin: -0.5rem 0 0 -1rem;}
.entry-categories a { border-bottom: 0.15rem solid currentColor; font-size: 1.4rem; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0036666667em; margin: 0.5rem 0 0 1rem; text-decoration: none; text-transform: uppercase;}
.entry-categories a:focus,
.entry-categories a:hover { border-bottom-color: transparent;}
h1.entry-title,
h2.entry-title { margin: 0;}
.entry-title a { color: inherit; text-decoration: none;}
.entry-title a:focus,
.entry-title a:hover { text-decoration: underline;}
.intro-text { margin-top: 2rem;}
.singular .intro-text { font-size: 2rem; letter-spacing: -0.0315em; line-height: 1.4;}

/* POST META */
.post-meta-single-top .post-meta { justify-content: flex-start; padding: 0; margin: 0;}
.post-meta-wrapper { margin-top: 0rem; margin-right: auto; margin-left: auto; max-width: 100%; width: 100%;}
.post-meta { color: #232323; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-family: 'Roboto', sans-serif; list-style: none; margin:-1rem 0 0 -2rem;}
.post-meta li { flex-shrink: 0; letter-spacing: -0.016875em; margin: 5px 10px 10px 0px; max-width: calc(100% - 2rem);}
.post-meta a { color: inherit; text-decoration: none;}
.post-meta a:focus,.post-meta a:hover { text-decoration: underline;}
.post-meta .meta-wrapper { align-items: center; display: flex; flex-wrap: nowrap; font-size: 16px;}
.post-meta .meta-icon { flex-shrink: 0; margin-right: 1rem;}
.sticky .post-sticky { color: inherit;}
.post-meta .post-author .meta-icon svg { width: 16px; height: 16px;}
.post-meta .post-categories .meta-icon svg { width: 16px; height: 16px;}
.post-meta .post-comment-link .meta-icon svg { width: 16px; height: 16px;}
.post-meta .post-date .meta-icon svg { width: 16px; height: 16px;}
.post-meta .post-edit .meta-icon svg { width: 16px; height: 16px;}
.post-meta .post-sticky .meta-icon svg { width: 16px; height: 16px;}
.post-meta .post-tags .meta-icon svg { width: 16px; height: 16px;}
.post-meta svg * { fill: currentColor;}

/* Featured Media ---------------------------- */
.featured-media { margin-top: 0rem; position: relative;}
.singular .featured-media { margin-top: 0;}
.singular .featured-media-inner { position: relative; left: 0; width: 100%;}
.singular .featured-media::before { background: #fff; content: ""; display: block; position: absolute; bottom: 50%; left: 0; right: 0;top: 0;}
.featured-media img { margin: 0 auto;}
.featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem);}
/* .single .post-inner { padding: 0 15px;} */
.reduced-spacing.missing-post-thumbnail .post-inner { padding-top: 0;}

/* Post Footer ------------------------------- */
/* POST NAV LINKS */
.post-nav-links { border-radius: 0.4rem; display: flex; font-size: 0.9em; font-family: 'Roboto', sans-serif; line-height: 1; margin-top: 3em;padding: 0 0.25em;}
.post-nav-links > * {padding: 1em 0.75em;}

/* POST META BOTTOM */
.post-meta-wrapper.post-meta-single-bottom {margin-top: 3rem;}

/* Author Bio -------------------------------- */
.author-bio { margin-top: 4rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%;}
.hide-avatars .author-bio { padding-left: 0;}
.author-bio .author-title-wrapper { align-items: center; display: flex; margin: 0 0 1rem 0;}
.author-bio .avatar { border-radius: 50%; margin-right: 1.5rem; height: 5rem; width: 5rem;}
.hide-avatars img.avatar { display: none;}
.author-bio p:last-child { margin-bottom: 0;}
.author-bio .author-title { margin: 0;}
.author-bio .author-link { display: block; font-size: 1.6rem; font-family: 'Roboto', sans-serif; margin-top: 1em; text-decoration: none;}
.author-bio .author-link:focus,.author-bio .author-link:hover {text-decoration: underline;}

/* Single Pagination ------------------------- */
.pagination-single.section-inner { font-size: 19px !important; margin-top: 30px;}
.pagination-single-inner { display: flex; flex-direction: column;}
.pagination-single hr:first-child { margin: 10px 0;}
.pagination-single hr:last-child { margin: 10px 0;}
.pagination-single a { align-items: baseline; display: flex; font-family: 'Roboto', sans-serif; letter-spacing: -0.0275em; text-decoration:none; flex: 1; color: #1c38a1;}
.pagination-single a + a { margin-top: 1rem;}
.pagination-single a .arrow { margin-right: 1rem;}
.pagination-single a:focus .title,
.pagination-single a:hover .title { text-decoration: underline;}

/* -------------------------------------------------------------------------- */
/*	11. Entry Content
/* -------------------------------------------------------------------------- */
.entry-content { line-height: 1.5;}
.entry-content > * { margin-left: auto; margin-right: auto; margin-bottom: 0em;}
.entry-content > *:first-child { margin-top: 0;}
.entry-content > *:last-child { margin-bottom: 0;}
.read-more-button-wrap { margin-top: 1em; text-align: center;}
.entry-content a:hover,
.entry-content a:focus { text-decoration: none;}
.entry-content p,.entry-content li { line-height: 1.4;}
.entry-content ul ul,.entry-content ol ol,.entry-content ul ol,.entry-content ol ul { margin-bottom: 1rem; padding: 0;}
.entry-content hr {	margin: 4rem auto;}

/* Alignment Classes ------------------------- */
/* .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 100%; width: 100%} */
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem;width: 100%;}
.alignnone,.aligncenter,.alignleft,.alignright,.alignwide { margin-top: 4rem; margin-right: auto; margin-bottom: 4rem; margin-left: auto;}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto;}

/* Full */
.alignfull { margin-top: 5rem; margin-right: auto; margin-bottom: 5rem; margin-left: auto; max-width: 100vw; position: relative; width:100%;}
[class*="__inner-container"] > .alignfull { max-width: 100%;}

/* Wide */
.alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem);}
[class*="__inner-container"] > .alignwide { width: 100%;}

/* Center */
.aligncenter,.aligncenter img { margin-left: auto; margin-right: auto;}

/* Left and right */
.alignleft,.alignright { max-width: 50%;}
.alignleft { /*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem;}
.alignright {/*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem;}

/* Entry Media ------------------------------- */
.alignfull > figcaption,.alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem);}

/* -------------------------------------------------------------------------- */
/*	12. Comments
/* -------------------------------------------------------------------------- */
/* Comment Headers ----------------------------- */
.comments-wrapper { margin: 10px 0 50px;}
.comment-reply-title { margin: 0 0 4rem 0; text-align: center;}

/* Comment Item ----------------------------- */
/* COMMENT HEADER */
.comments .comment,.comments .pingback,.comments .trackback,.comments .review { padding-top: 3.5rem;}
div.comment:first-of-type { margin-top: 3.5rem; padding-top: 0;}
.comments .comments-header + div { margin-top: 0; padding-top: 0;}
.comment-body { position: relative;}
.comment .comment { padding-left: 5%;}
.comment-meta { line-height: 1.1; margin-bottom: 1.5rem; min-height: 5rem; padding-left: 5rem; position: relative;}
.hide-avatars .comment-meta { min-height: 0; padding-left: 0;}
.comment-meta a { color: inherit;}
.comment-author { font-size: 1.8rem; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: -0.027777778em;}
.comment-author a { text-decoration: underline;}
.comment-author a:hover, .comment-author a:focus { text-decoration: none;}
.comment-meta .avatar { height: 4rem; position: absolute; left: 0; top: 0; width: 4rem;}
.comment-author .url { text-decoration: underline;}
.comment-metadata { color: #232323; font-size: 1.4rem; font-family: 'Roboto', sans-serif; margin-top: 0.6rem;}
.comment-metadata a { text-decoration: none;}
.comment-metadata a:focus,
.comment-metadata a:hover { text-decoration: underline;}

/* COMMENT CONTENT */
.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%;}
.comment-content.entry-content .alignleft { /*rtl:ignore*/ margin-left: 0;}
.comment-content.entry-content .alignright { /*rtl:ignore*/	margin-right: 0;}

/* COMMENT FOOTER */
.comment-footer-meta { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.2rem; font-family: 'Roboto', sans-serif; font-weight: 500;justify-content: flex-start; letter-spacing: 0.030833333em; line-height: 1; margin: 1.5rem 0 -1rem -1.5rem; text-transform: uppercase;}
.comment-footer-meta > * { margin: 0 0 1rem 1.5rem;}
.comment-reply-link { background-color: #1c38a1; color: #fff; display: block; padding: 0.7rem;}
.bypostauthor .comment-footer-meta .by-post-author { display: block;}
.comment-footer-meta a { text-decoration: none;}
.comment-footer-meta a:focus,
.comment-footer-meta a:hover { text-decoration: underline;}

/* Pingbacks & Trackbacks ------------------------- */
.pingback .comment-meta,.trackback .comment-meta { padding-left: 0;}

/* Comments Pagination ---------------------------- */
.comments-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; text-align: center;}
.comments-pagination.only-next { justify-content: flex-end;}
.comments-pagination .page-numbers { display: none; text-decoration: none;}
.comments-pagination .page-numbers:focus,.comments-pagination .page-numbers:hover { text-decoration: underline;}
.comments-pagination .prev,.comments-pagination .next { display: block;}
.comments-pagination .prev { left: 0;}
.comments-pagination .next { right: 0; text-align: right;}

/* Comment Respond ---------------------------- */
.comment-respond::after { clear: both; content: ""; display: block;}
.comment-respond .comment-notes,.comment-respond .logged-in-as { color: #6d6d6d; font-size: 1.6rem; line-height: 1.4; margin: -3rem 0 4rem0; text-align: center;}
.comment-respond .comment-notes a,.comment-respond .logged-in-as a { color: inherit; text-decoration: none;}
.comment-respond .comment-notes a:focus,.comment-respond .comment-notes a:hover,.comment-respond .logged-in-as a:focus,.comment-respond logged-in-as a:hover { text-decoration: underline;}
.comment-respond p { line-height: 1.1; margin-bottom: 2rem; margin-left: auto; margin-right: auto;}
.comment-respond p:not(.comment-notes) { max-width: 100%;}
.comment-form-cookies-consent { align-items: baseline; display: flex;}
.comment-respond > p:last-of-type { margin-bottom: 0;}
.comment-respond label { display: block;}
.comment-respond input[type="checkbox"] + label { font-size: 19px; line-height: 1.25; margin-left: 8px;}
.comment-respond input[type="text"],.comment-respond input[type="email"],.comment-respond textarea { margin-bottom: 0;}
.comment-respond textarea { height: 8rem; width: 100%;}
.comment-respond .comments-closed { text-align: center;}
.comment-respond #submit, .search-form .search-submit { display: block; color: rgba(0,0,0,1); border: 2px solid rgba(0,0,0,1);-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; overflow:hidden; line-height: 30px; height: 40px; text-align: center; cursor: pointer; width: 100%; max-width: 120px; background: #ffff; font-size:16px;}

/* Reply Respond ---------------------------- */
.comments .comment-respond {padding: 3rem 0 0;}
.comments .comment-respond .comment-reply-title,.comments .comment-respond .comment-notes,.comments .comment-respond .logged-in-as {text-align: left;}
.comment-reply-title small { display: block; font-size: 1.6rem; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: -0.0277em; margin: 0.5rem 00 0; white-space: nowrap;}
.comment-reply-title small a { text-decoration: none;}
.comment-reply-title small a:focus,.comment-reply-title small a:hover { text-decoration: underline;}

/* -------------------------------------------------------------------------- */
/*	13. Site Pagination
/* -------------------------------------------------------------------------- */
.pagination .nav-links { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-family: 'Roboto', sans-serif; font-weight: 500; margin:-1.5rem 0 0 -2.5rem; width: calc(100% + 2.5rem);padding-top: 20px;justify-content: center;}
.pagination-separator { margin: 0rem 0;}
.nav-links > * { margin: 1.5rem 0 0 1rem;}
.nav-links .placeholder { display: none; visibility: hidden;}
.pagination a { text-decoration: none;}
.pagination a:focus,.pagination a:hover { text-decoration: underline;}
.pagination .dots { transform: translateY(-0.3em); color: #232323;}
.nav-short { display: none;}

/* -------------------------------------------------------------------------- */
/*	14. Error 404
/* -------------------------------------------------------------------------- */
.error404 #site-content { padding: 4rem 0;}
.error404-content { text-align: center;}
.error404 #site-content .search-form { justify-content: center; margin-top: 3rem;}

/* -------------------------------------------------------------------------- */
/*	15.	Widgets
/* -------------------------------------------------------------------------- */
/* Widget Base ------------------------------- */
.widget-content {font-size: 16px; line-height: 1.4;}
.widget-content > div > *:first-child {	margin-top: 0;}
.widget-content > div > *:last-child {	margin-bottom: 0;}
.widget .widget-title { margin: 0 0 20px !important; color: #feb336; font-family: 'karla-bold';}
.widget li {margin: 0 0 0 0;}
.widget li:first-child,.widget li > ul,.widget li > ol {	margin-top: 0;}
.widget table,.widget table * { border-color: #dedfdf;}
.widget table caption { background-color: #dedfdf;}
.widget .post-date,.widget .rss-date { color: #232323; display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem;}
.widget select { max-width: 100%;}

/* Font Families ----------------------------- */

.widget_text p,.widget_text ol,.widget_text ul,.widget_text dl,.widget_text dt,.widget-content .rssSummary { letter-spacing: normal;}
@supports ( font-variation-settings: normal ) { }

/* Base List Widget -------------------------- */

.widget_archive ul,.widget_categories ul,.widget_pages ul,.widget_meta ul,.widget_nav_menu ul,.widget_recent_comments ul,widget_recent_entries ul,.widget_rss ul { list-style: none; margin: 0;}
.widget_archive li,.widget_categories li,.widget_pages li,.widget_meta li,.widget_nav_menu li { color: #6d6d6d; margin: 0.3rem 0;}
.widget_archive li li,.widget_categories li li,.widget_pages li li,.widget_meta li li,.widget_nav_menu li li { margin-left: 2rem;}
.widget_archive a,.widget_categories a,.widget_pages a,.widget_meta a,.widget_nav_menu a { font-weight: 400; text-decoration: none;}
.widget_archive a:focus,.widget_archive a:hover,.widget_categories a:focus,.widget_categories a:hover,.widget_pages a:focus,.widget_pagesa:hover,.widget_meta a:focus,.widget_meta a:hover,.widget_nav_menu a:focus,.widget_nav_menu a:hover { text-decoration: underline;}

/* Widget: Calendar -------------------------- */
.calendar_wrap { font-size: 2.4rem;}
.calendar_wrap th,.calendar_wrap td { font-size: 1em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center;}
.calendar_wrap tfoot td { border-bottom: none;}
.calendar_wrap tfoot a { text-decoration: none;}
.calendar_wrap tfoot #prev { text-align: left;}
.calendar_wrap tfoot #next { text-align: right;}

/* Widget: Image ----------------------------- */
/* Widget: Gallery --------------------------- */
.widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em);}
.widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em;}

/* Widget: Nav Menu -------------------------- */
.widget_nav_menu .widget-content > div > ul { margin-left: 0;}

/* Widget: Recent Comments ------------------- */
.widget_recent_comments li { font-weight: 700;}
.widget_recent_comments a { text-decoration: none;}
.widget_recent_comments a:focus,.widget_recent_comments a:hover { text-decoration: underline;}

/* Widget: Recent Entries -------------------- */
.widget_recent_entries a { font-weight: 700; text-decoration: none;}
.widget_recent_entries a:focus,.widget_recent_entries a:hover { text-decoration: underline;}

/* Widget: RSS ------------------------------- */
.widget_rss .widget-title a.rsswidget:first-of-type { display: none;}
.widget_rss .rsswidget { font-weight: 700;}
.widget_rss a { text-decoration: none;}
.widget_rss a:focus,.widget_rss a:hover { text-decoration: underline;}
.widget_rss .rssSummary { margin-top: 0.5rem;}
.widget_rss cite::before { content: "— ";}

/* Widget: Search ---------------------------- */
.widget_search .search-field { border-color: #dedfdf;}

/* Widget: Tag Cloud ------------------------- */
.widget_tag_cloud a { font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap;}
.widget_tag_cloud a:focus,.widget_tag_cloud a:hover { text-decoration: underline;}
.footer-widgets .widget { border-top: none;  padding-top: 0; width: 23%; float: left; margin-top: 20px !important; margin-right:2.5%;}
.footer-widgets .widget:last-child { margin-right:0%;}
aside .footer-widgets .widget {	width: 100%;}
.widget-content ul {padding: 0;}
/* Widget: Text ------------------------------ */
/* -------------------------------------------------------------------------- */
/* 16. Site Footer
/* -------------------------------------------------------------------------- */
.footer-nav-widgets-wrapper,#site-footer { border-color: #dedfdf; border-style: solid; border-width: 0;}
.footer-top-visible .footer-nav-widgets-wrapper,.footer-top-hidden #site-footer { margin-top: 0rem;}
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,.reduced-spacing.footer-top-hidden #site-footer { border-top-width: 0.1rem}
.footer-top,.footer-widgets-outer-wrapper { padding: 2rem 0 0;}

/* Footer Top -------------------------------- */
.footer-top { display: flex; border-bottom: 0.1rem solid #dedfdf; justify-content: space-between;}

/* FOOTER MENU */
.footer-menu { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.0277em;}
.footer-menu li { line-height: 1.25; margin: 0.25em 0 0 0;}
.footer-menu a { text-decoration: none;}
.footer-menu a:hover,.footer-menu a:focus { text-decoration: underline;}

/* FOOTER SOCIAL */
.footer-social-wrapper { margin: 0; width: 100%;}
.has-footer-menu .footer-social-wrapper { flex-shrink: 0; margin-left: 1rem; width: 50%;}
ul.footer-social { margin: -0.5rem 0 0 -0.5rem;}
.has-footer-menu .footer-social { justify-content: flex-end;}
ul.footer-social li { margin: 0.5rem 0 0 0.5rem;}
.footer-social a { background-color: #feb336; height: 3.6rem; width: 3.6rem;}
.footer-social a::before { font-size: 1.6rem;}

/* Footer Widgets ---------------------------- */
.footer-widgets-outer-wrapper { border-bottom: 0rem solid #dedfdf; width: 100%;}
.footer-widgets + .footer-widgets { margin-top: 3rem;}

/* Footer Bottom ----------------------------- */
#site-footer { font-size: 12px;}
#site-footer .section-inner { align-items: center; display: flex; justify-content: center; flex-direction: column;}
#site-footer a { text-decoration: none;}
.footer-copyright a,.powered-by-wordpress a { color: inherit;}
.powered-by-wordpress,.to-the-top { color: #232323;}
a.to-the-top > * { pointer-events: none;}
/* .footer-copyright { font-weight: 600; margin: 0;} */
.powered-by-wordpress { display: none; margin: 0 0 0 0.4rem;}
.to-the-top-long { display: none;}
.to-the-top {display: none;}
.footer-credits { display: flex; background:transparent;justify-content: right; padding: 15px 0; width: 100%; clear: both;}

/* -------------------------------------------------------------------------- */
/*	17. Media Queries
/* -------------------------------------------------------------------------- */
@media ( min-width: 576px ) {
    .section-inner { max-width: 540px;}
}

@media ( min-width: 660px ) { }

@media ( min-width: 768px ) {
    /* TITLES */
    body { font-size: 18px; line-height: 1.5; }
h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3, h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 {	margin:10px auto; }
h1, .heading-size-1 { font-size: 42px;}
h2, .heading-size-2 { font-size: 40px; }
h3, .heading-size-3 { font-size: 36px; }
h4, .heading-size-4 { font-size: 28px; }
h5, .heading-size-5 { font-size: 20px; }
h6, .heading-size-6 { font-size: 18px; }


/* VANILLA GALLERIES */
    .gallery-columns-2 .gallery-item { max-width: 50%; }
    .gallery-columns-3 .gallery-item { max-width: 33.33%;}
    .gallery-columns-4 .gallery-item { max-width: 25%;}
    .gallery-columns-5 .gallery-item { max-width: 20%;}
    .gallery-columns-6 .gallery-item { max-width: 16.66%;}
    .gallery-columns-7 .gallery-item { max-width: 14.28%;}
    .gallery-columns-8 .gallery-item { max-width: 12.5%;}
    .gallery-columns-9 .gallery-item { max-width: 11.11%;}

    /* Helper Classes ------------------------- */
    /* SECTIONS */
    /* section { padding: 8rem 0;} */
    .section-inner { width: 100%;}

    /* Site Header --------------------------- */
    .site-title { font-size: 2.4rem; font-weight: 700;}
    .site-description { display: block;}
    .site-logo img { max-height: 7rem; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;}

    /* HEADER TOGGLES */
    .toggle-inner .toggle-text { font-size: 0;}
    .search-toggle { left: 2rem;}
    /* .nav-toggle { right: 2rem;} */

    /* Menu Modal ---------------------------- */
    button.close-nav-toggle { font-size: 0; padding: 6px 0;}
    button.close-nav-toggle svg { height: 16px; width: 16px;}
    button.close-nav-toggle .toggle-text { margin-right: 16px;}
    .modal-menu { left: auto; width: 100%;}
    .modal-menu > li > a,.modal-menu > li > .ancestor-wrapper > a { font-size: 16px; padding: 15px 0; color: #feb336 !important; text-decoration: none;}
    .modal-menu ul li { border-left-color: transparent;}
    .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { padding: 0 3rem;}
    .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { height: 0.6rem; width: 1.8rem;}
    .menu-bottom { align-items: center; display: flex; justify-content: space-between; padding: 4.4rem 0;}
    .menu-copyright { display: block; flex-shrink: 0; margin-right: 4rem;}

    /* Modal Search Form ------------------------- */
    .search-modal form { position: relative; width: 100%;}
    .search-untoggle svg { height: 2.5rem; width: 2.5rem;}
    .search-modal .search-field { border: none; font-size: 3.2rem; height: 14rem;}
    .search-modal .search-field::-moz-placeholder { line-height: 4.375;}

    /* Sub Page ------------------------------ */
    /* FEATURED MEDIA */
    .featured-media figcaption { margin: 2rem auto 0 auto; width: calc(100% - 8rem);}

    /* Template: Cover Template -------------- */
    .cover-header-inner { padding: 18rem 0 8rem 0;}
    .to-the-content-wrapper { top: calc(100% + 1.8rem);}
    .to-the-content { height: 6rem;}
    .to-the-content svg { height: 2.4rem; width: 2.12rem;}

    /* Post: Archive ------------------------- */
    .archive-header { padding: 0rem 0;}
    .reduced-spacing .archive-header { padding-bottom: 0rem;}
    .archive-title { font-size: 1.8rem;}
    body:not(.singular) main > article:first-of-type { padding: 3em 0 0;}
    body:not(.singular) main > article:last-of-type { padding:  0 0 3rem;}
    h2.entry-title { font-size: 6.4rem;}

    /* SEARCH RESULTS */
    .no-search-results-form { padding-top: 8rem;}

    /* Post: Single -------------------------- */
    /* POST HEADER */
    .singular .entry-header {padding: 0;}
    .entry-categories { margin-bottom: 3rem;}
    .entry-categories-inner { margin: -1rem 0 0 -2rem;}
    .entry-categories a { font-size: 1.5rem; margin: 1rem 0 0 2rem;}
    .intro-text { font-size: 2rem; margin-top: 0rem;}
    .singular .intro-text { font-size: 2.6rem;}
    .post-meta-wrapper { margin-top: 0rem;}
    .post-meta { font-size: 1.6rem; margin: 0rem;}
    .post-meta li { margin: 5px 10px 1px 0; max-width: calc(100% - 3rem);}
    .featured-media { margin-top: 1rem;}

    /* POST FOOTER */
    .post-meta-wrapper.post-meta-single-bottom { margin-top: 4rem;}

    /* AUTHOR BIO */
    .author-bio { margin-top: 8rem; min-height: 8rem; padding-left: 10rem; position: relative;}
    .author-bio .avatar { position: absolute; left: 0; top: 0; height: 8rem; width: 8rem;}

    /* SINGLE PAGINATION */
    .pagination-single { font-size: 2.4rem; margin-top: 8rem;}
    .pagination-single-inner { flex-direction: row; justify-content: space-between;}
    .pagination-single.only-next .pagination-single-inner { justify-content: flex-end;}
    .pagination-single hr:first-child { margin: 10px 0;}
    .pagination-single hr:last-child { margin: 10px 0;}
    .pagination-single a + a { margin: 0 0 0 4rem;}
    .pagination-single a .arrow { margin: 0 2rem 0 0;}
    .pagination-single .next-post { flex-direction: row-reverse; text-align: right;}
    .pagination-single .next-post .arrow { margin: 0 0 0 2rem;}

    /* Entry Content ------------------------- */
    /* .entry-content { font-size: 2.1rem;} */
    .entry-content p,.entry-content li { line-height: 1.476;}
    .alignnone,	.aligncenter { margin-bottom: 4rem; margin-top: 4rem;}
    .alignleft { /*rtl:ignore*/ margin: 0.3rem 2rem 2rem 0;	}
    .alignright { /*rtl:ignore*/ margin: 0.3rem 0 2rem 2rem;}

    /* ENTRY MEDIA */
    .alignfull > figcaption,.alignfull > .wp-caption-text { width: calc(100% - 8rem);}

    /* Comments ------------------------------ */
    .comments-wrapper { margin: 10px 0 50px;}
    .comment-reply-title { margin-bottom: 4.6rem;}
    .comment-respond p.comment-notes,.comment-respond p.logged-in-as { font-size: 19px; letter-spacing: 0em; margin: 0rem 0 4.4rem 0;}
    .comments .comment,	.comments .pingback,.comments .trackback,.comments .review { padding-top: 5rem;}
    div.comment:first-of-type { margin-top: 5rem;}
    .comment-meta { margin-bottom: 2rem; min-height: 6rem; padding: 0.3rem 0 0 7.5rem;}
    .comment-meta .avatar { display: block; height: 6rem; position: absolute; left: 0; top: 0; width: 6rem;}
    .comment-author { font-size: 2.4rem;}
    .comment-metadata { font-size: 1.6rem; margin-top: 0.8rem;}
    .comment-footer-meta { margin-top: 2.5rem;}
    .comments-pagination { margin-top: 8rem;}
    .comment-form-cookies-consent {	width: 100%;}
    /* PINGBACKS & TRACKBACKS */
    .pingback .comment-body { padding: 0;}

    /* COMMENT RESPOND */
    .comment-respond p { margin-bottom: 2.5rem;}
    .comment-form p.logged-in-as { margin: -2.5rem 0 4.4rem 0;}
    .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { float: left; width: 33.33%; margin-left: 0px !important; }
    .comment-respond .comment-form-email { margin-left: 2rem;}
    .comments .comment-respond { padding: 5rem 0 0;}
    .comment-reply-title small { display: inline; margin: 0 0 0 0.5rem;}

    /* Site Pagination ----------------------- */
    .pagination-separator { margin: 0rem 0;}

    /* Display the full text for Newer and Older Posts. */
    .nav-short { display: inline;}
    .pagination .nav-links { font-size: 1.5rem; font-weight: 700; margin: -2.5rem 0 0 -4rem;}
    .nav-links > * { margin: 2.5rem 0 0 1rem;}

    /* Error 404 ----------------------------- */
    .error404 #site-content { padding: 8rem 0;}

    /* Widgets ------------------------------- */
    /* .widget .widget-title { margin-bottom: 3rem;} */

    /* Site Footer --------------------------- */
    .footer-top-visible .footer-nav-widgets-wrapper,.footer-top-hidden #site-footer { margin-top: 0rem;}

    /* FOOTER TOP */
    .footer-top { padding: 3.7rem 0;}
    .footer-menu { font-size: 2.4rem; margin: -0.8rem 0 0 -1.6rem;}
    .footer-menu li { margin: 0.8rem 0 0 1.6rem;}
    .has-footer-menu .footer-social-wrapper { flex: 1; margin-left: 4rem; width: auto;}

    /* FOOTER WIDGETS */
    .footer-widgets-outer-wrapper { padding: 3rem 0 2rem; border-bottom: 1px solid #fff;}
    .footer-widgets-wrapper { display: flex; justify-content: space-between; margin-left: 0; width: 100%; padding-left: 15px; flex-flow: row wrap;}
    .footer-widgets { margin-left: 0rem; width: 100%;}
    .footer-widgets + .footer-widgets { margin-top: 0;}
    .footer-widgets .widget { border-top: none; margin-top: 5rem; padding-top: 0;} 
    .footer-widgets .widget:first-child { margin-top: 0;}

    /* FOOTER BOTTOM */
    #site-footer { font-size: 12px; }	
    .footer-copyright {margin-bottom: 0;}
    .powered-by-wordpress { display: block;}
    .to-the-top-long { display: inline;}
    .to-the-top-short { display: none;}
}

@media ( min-width: 768px ) { 
    .section-inner { max-width: 720px;}
    /* Post ------------------------- */
    .blog #site-content, .single #site-content, .search #site-content, .archive #site-content, .top-inner { max-width: 720px;}
    }
@media ( min-width: 992px ) { 
    .section-inner { max-width: 960px;}
    .primary-menu a { font-size: 16px; padding: 12px 8px; }  
    
    /* Post ------------------------- */
    .blog #site-content, .single #site-content, .search #site-content, .archive #site-content, .top-inner { max-width: 960px;}
.blog .primary-section, .single .primary-section, .search .primary-section, .archive .primary-section { width: 75%; float: left;}
.sidebar-widgets-wrapper.header-footer-group { width: 25%; float: left;}
}

@media ( min-width: 992px ) {
    .top-bar { display: none;}
    .right-header { display: block;}
    /* Site Header --------------------------- */
    #site-header { z-index: 1;}
    .header-inner { align-items: center; display: flex; justify-content: space-between; padding: 0; width: 100%;}
    .header-titles-wrapper { margin-right: 4rem; max-width: 50%; padding: 0; text-align: left;}
    .header-titles { align-items: baseline; display: flex; flex-wrap: wrap; justify-content: flex-start; /*margin: -1rem 0 0 -2.4rem;*/}
    /* .header-titles .site-title,	.header-titles .site-logo,	.header-titles .site-description { margin: 1rem 0 0 2.4rem;} */
    .wp-custom-logo .header-titles { align-items: center;}

    /* HEADER NAVIGATION */
    .header-navigation-wrapper { align-items: center; display: flex;}
    .primary-menu-wrapper { display: block; width: 100%;}

    /* HEADER TOGGLES */
    .mobile-search-toggle,	.mobile-nav-toggle { display: none !important;	}
    .primary-menu-wrapper + .header-toggles { margin-left: 3rem;}
    .header-toggles { display: flex; flex-shrink: 0; margin-right: -3rem;}
    .header-inner .toggle { height: 4.4rem; padding: 0 3rem; position: relative; bottom: auto; left: auto; right: auto; top: auto; width: auto; }
    .header-inner .toggle-wrapper { position: relative;}
    .header-inner .toggle-wrapper::before { background: #dedfdf; content: ""; display: block; height: 2.7rem; position: absolute; left: 0; top: calc(50% - 1.35rem); width: 0.1rem;}
    .header-inner .toggle-wrapper:first-child::before { content: none;}
    .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { content: "";}
    .nav-toggle-wrapper:not(.has-expanded-menu) { display: none;}
    .toggle-inner { position: static;}
    .toggle-inner .toggle-text { left: 0; right: 0; text-align: center; top: calc(100% - 0.3rem); width: auto;}
    .header-toggles:only-child .nav-toggle .toggle-inner { padding-top: 0;}
    .header-toggles:only-child .toggle-inner { display: flex; flex-wrap: nowrap; align-items: center;}
    .header-toggles:only-child .toggle-inner .svg-icon { order: 1;}
    .header-toggles:only-child .toggle-inner .toggle-text { position: static; padding-right: 20px; font-size: 15px; color: inherit;}

    /* Menu Modal ---------------------------- */
    .menu-modal { opacity: 1; justify-content: flex-end; padding: 0; transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;}
    .menu-modal.cover-modal { background: rgba(0, 0, 0, 0);}
    .menu-modal.active { background: rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease-out;}
    .menu-wrapper.section-inner { width: calc(100% - 8rem);}
    .menu-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); opacity: 0; padding: 0; transform: translateX(20rem); transition: transform 0.2s ease-in, opacity 0.2s ease-in; width: 50rem;}
    .menu-modal.active .menu-modal-inner { opacity: 1; transform: translateX(0); transition-timing-function: ease-out;}
    .mobile-menu { display: none;}
    .expanded-menu { display: block;}
    .menu-bottom { padding: 6rem 0;}
    .menu-bottom .social-menu { justify-content: flex-start;}
    .primary-menu ul {top: 52px;}

    /* Sub Page ------------------------------ */
    /* FEATURED MEDIA */
    .featured-media figcaption { width: 100%;}

    /* Template: Full Width ------------------ */
    .template-full-width .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 2rem;}
    .template-full-width .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 2rem;}

    /* Post: Archive ------------------------- */
    /* Post: Single -------------------------- */
    .singular .intro-text { font-size: 2.8rem;}

    /* ENTRY MEDIA */
    .alignfull > figcaption,.alignfull > .wp-caption-text { width: calc(100% - 10rem);}

    /* Comments ------------------------------ */
    .comment-meta { padding-left: 0;}
    .comment-meta .avatar { left: -8rem;}

    /* Site Pagination ----------------------- */
    .pagination .nav-links { justify-content: space-between; margin: 0; width: 100%;}
    .nav-links > * { margin: 0 2rem;}
    .pagination .next,	.pagination .prev { display: block;}
    .pagination .prev { margin: 0 auto 0 0;}
    .pagination .next { text-align: right; margin: 0 0 0 auto;}

    /* Site Footer --------------------------- */
    /* FOOTER TOP */
    .footer-top { align-items: center;}
    .footer-menu { align-items: baseline; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 2.1rem; margin: -1.2rem 0 0 -2.4rem;}
    .footer-menu li { margin: 1.2rem 0 0 2.4rem;}
}
@media ( min-width: 1200px ) { .section-inner { max-width: 1140px;}
/* Post ------------------------- */
.blog #site-content, .single #site-content, .search #site-content, .archive #site-content, .top-inner { max-width: 1140px;}
}
@media ( min-width: 1200px ) {
    h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3, h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 {	margin: 0px auto 10px; }
    h1, .heading-size-1 { font-size: 50px; line-height: 60px !important;}
    h2, .heading-size-2 { font-size: 48px; }
    h3, .heading-size-3 { font-size: 42px; }
    h4, .heading-size-4 { font-size: 35px; }
    h5, .heading-size-5 { font-size: 25px; }
    h6, .heading-size-6 { font-size: 20px; }
    /* Site Header --------------------------- */
    /* PRIMARY MENU */
    .primary-menu a { font-size: 18px; padding: 15px; }
    
    /* ul.primary-menu { margin: -0.8rem 0 0 -2.5rem;} */
    .primary-menu > li { margin: 0;	}
    /* HEADER TOGGLES */
    .primary-menu-wrapper + .header-toggles { margin-left: 4rem;}
    .header-toggles { margin-right: -4rem;}
    .header-toggles .toggle { padding: 0 4rem;}

    /* Template: Cover Template -------------- */
    .cover-header + .post-inner { padding-top: 10rem;}

    /* Post ------------------------- */
    /* Post: Single -------------------------- */
    .singular .intro-text { font-size: 3.2rem; letter-spacing: -0.03125em; line-height: 1.375;}
    /* Comments ------------------------------ */
    .comment-reply-title { margin: 30px 0 0; font-size: 35px; line-height: 45px;  color: #2e323f;}
    .comment-respond p.comment-notes,.comment-respond p.logged-in-as { margin: 0rem 0 6rem 0;}
    .comments .comment-respond .comment-reply-title { font-size: 4.8rem;}
    .comments .comment-respond p.comment-notes,	.comments .comment-respond p.logged-in-as { margin: 2rem 0 4rem 0;	}

    /* Widgets ------------------------------- */
    .widget-content { font-size: 16px;}

    /* Site Footer --------------------------- */
    .footer-menu { font-size: 2.4rem; margin: -1.5rem 0 0 -3rem;}
    .footer-menu li { margin: 1.5rem 0 0 3rem;}
    ul.footer-social { margin: -1rem 0 0 -1rem;}
    ul.footer-social li { margin: 1rem 0 0 1rem;}
    .footer-social a { height: 4.4rem; width: 4.4rem;}
    .footer-social a::before { font-size: 2rem;}

    /* FOOTER WIDGETS */
    .footer-widgets-wrapper { margin: 0 auto; width: 100%; max-width: 1140px; padding: 0;}
    .footer-widgets { margin-left: 0rem; overflow: hidden;}
}

@media ( min-width: 1400px ) {.customer-section .image-wrapper {display: flex;justify-content: flex-end;}}




/********************************New CSS******************************************/


.kittithada{font-family: 'Roboto', sans-serif;}
.kittithada-bold{font-family: 'Roboto', sans-serif; font-weight: 500;}  
.section-padding { padding: 80px 0;}
.section-margin { margin: 80px 0;}
.section-padding-bottom { padding-bottom: 80px;}
.section-margin-bottom { margin-bottom: 80px;}
.top-space { padding-top: 80px;}
.bottom-space { padding-bottom: 80px;}
.pb-30{ padding-bottom: 30px;}
.pt-30{ padding-top: 30px;}
.text-blue{ color: #00216f;}
.text-yellow{ color: #feb336 !important;}
.text-gray{ color: #353535;}
.back-text { color: #ebebeb; font-size: 141px;}
.flex { display: flex; flex-flow: row wrap;}
.flex-50{ flex: 0 0 50%;}
.block{ display: block;}
.bg-img{ background-size: cover; background-repeat: no-repeat; background-position: center;}



@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes jello {
    11.1% {
        -ms-transform: none;
        transform: none
    }

    22.2% {
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }

    100% {
        -ms-transform: none;
        transform: none
    }
}

@keyframes pulse {
    0% {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes shake {

    0%,
    100% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes swing {

    20%,
    40%,
    60%,
    80%,
    100% {
        -ms-transform-origin: top center;
        transform-origin: top center
    }

    20% {
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes tada {
    0% {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes wobble {
    0% {
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceOut {
    0% {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -ms-transform: scale(0.95);
        transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes bounceOutDown {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes flip {
    0% {
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }

    40% {
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }

    50% {
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in
    }

    100% {
        -ms-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        opacity: 1;
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        opacity: 1;
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }
}

@keyframes flipOutX {
    0% {
        opacity: 1;
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }

    100% {
        opacity: 0;
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutY {
    0% {
        opacity: 1;
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }

    100% {
        opacity: 0;
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg)
    }

    80% {
        opacity: 1;
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg)
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        -ms-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideOutDown {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        -ms-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    20%,
    60% {
        animation-timing-function: ease-in-out;
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    40% {
        animation-timing-function: ease-in-out;
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    80% {
        opacity: 1;
        animation-timing-function: ease-in-out;
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(700px);
        transform: translateY(700px)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}



@keyframes menuFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        z-index: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}



.layout__hero {
    position: relative;
    top: 59px;
    left: 0;
    right: 0
}

html.ie .layout__hero {
    z-index: 0
}

.layout__linkwrapper {
    text-align: center;
    padding-bottom: 70px;
    margin-top: -70px
}

.layout__content {
    position: relative;
    margin-top: 60px;
    padding: 65px 15px;
    background: #F6F6F6;
    background-size: cover;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.layout__content:after {
    content: " ";
    display: block;
    clear: both
}

.layout__content:before {
    position: absolute;
    top: -49px;
    left: 0;
    right: 0;
    height: 50px;
    content: '';
    background: url("/static/img/bg-dip.png") center no-repeat;
    background-size: cover
}

.layout__content--legal {
    margin-top: 60px;
    min-height: 100vh
}

.layout__content--legal h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 14px 0 10px;
    text-decoration: underline
}

.layout__content--legal:before {
    display: none
}

.layout__content .career-links {
    margin: 100px auto 0 auto
}

.layout__content-wrapper {
    position: relative;
    margin: -40px auto 0;
    max-width: 1440px;
    padding-top: 40px;
    overflow: hidden
}

.layout__content-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.layout__content-wrapper p {
    margin: 0 auto 30px;
    max-width: 900px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    color: #454a54
}

.layout__content-wrapper p i {
    font-style: italic
}

@media (min-width: 901px) {
    .layout__content-wrapper p {
        width: 100%;
        max-width: 900px
    }
}

.layout__content-description {
    padding: 0 15px 10px;
    margin: 0 auto 30px;
    max-width: 900px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    color: #454a54
}

.layout__content-description i {
    font-style: italic
}

@media (min-width: 901px) {
    .layout__content-description {
        width: 100%;
        max-width: 900px
    }
}

.layout__content-description+.layout__content-description {
    margin-top: -60px
}

.layout.home {
    height: 100%;
    position: absolute;
    overflow: hidden
}

.transition {
    transition: opacity 0.5s ease;
    opacity: 0
}

.transition.fadeIn {
    opacity: 1
}

@media (min-width: 480px) {
    .layout__hero {
        position: fixed
    }

    .layout__content {
        margin-top: 525px
    }
}

@media (min-width: 901px) {
    .layout__hero {
        height: 393px
    }

    .layout__content {
        margin-top: 453px;
        padding: 45px 40px 120px
    }

    .layout__content--legal {
        margin-top: 60px;
        padding: 120px 40px
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 500;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    background: #0a0a0a;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.header:after {
    content: " ";
    display: block;
    clear: both
}

.header.active {
    background: #0a0a0a
}

.header__logo {
    position: relative;
    height: 100%;
    background: #0a0a0a
}

.header__logo a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    padding: 0 0 0 15px
}

.header__logo img {
    width: 70px
}

.header__logo-icon {
    font-size: 40px;
    color: #fff
}

.header__menu {
    position: absolute;
    margin: 0;
    padding: 5px 0 0;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    z-index: 1000;
    cursor: pointer
}

.header__menu>div>span {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 2px;
    opacity: 1;
    background: #fff;
    transform: rotateZ(0) translate3d(0, 0, 0);
    -o-transform: rotateZ(0) translate3d(0, 0, 0);
    -ms-transform: rotateZ(0) translate3d(0, 0, 0);
    -moz-transform: rotateZ(0) translate3d(0, 0, 0);
    -webkit-transform: rotateZ(0) translate3d(0, 0, 0)
}

.header__menu>div>span+span {
    margin-top: 7px
}

html.no-touch .header__menu:hover>span {
    opacity: 0.5
}

.header.active .header__menu>div {
    position: relative;
    width: 30px;
    height: 30px
}

.header.active .header__menu>div>span {
    position: absolute;
    margin: 0
}

.header.active .header__menu>div>span:nth-child(2) {
    display: none
}

.header.active .header__menu>div>span:first-child {
    transform: rotateZ(-45deg) translate3d(-2px, 8px, 0);
    -o-transform: rotateZ(-45deg) translate3d(-2px, 8px, 0);
    -ms-transform: rotateZ(-45deg) translate3d(-2px, 8px, 0);
    -moz-transform: rotateZ(-45deg) translate3d(-2px, 8px, 0);
    -webkit-transform: rotateZ(-45deg) translate3d(-2px, 8px, 0)
}

.header.active .header__menu>div>span:last-child {
    margin-top: 6px;
    transform: rotateZ(45deg) translate3d(4px, -2px, 0);
    -o-transform: rotateZ(45deg) translate3d(4px, -2px, 0);
    -ms-transform: rotateZ(45deg) translate3d(4px, -2px, 0);
    -moz-transform: rotateZ(45deg) translate3d(4px, -2px, 0);
    -webkit-transform: rotateZ(45deg) translate3d(4px, -2px, 0)
}

.header__nav {
    position: fixed;
    display: none;
    padding: 0 0 55px;
    top: 55px;
    height: 100%;
    width: 100%;
    z-index: -1;
    line-height: normal;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #0a0a0a;
    background: linear-gradient(#272727, #000, #272727)
}

.header.active .header__nav {
    display: block;
    z-index: 2000;
    animation: menuFadeIn 0.3s ease forwards;
    -webkit-animation: menuFadeIn 0.3s ease forwards
}

.header__list {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 13px;
    text-align: center
}

.header.active .header__list {
    display: table;
    font-size: 18px
}

.header__list-item {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    display: table-row;
    opacity: 0.5;
    text-transform: uppercase;
    color: #fff
}

.header__list-item a {
    display: table-cell;
    vertical-align: middle;
    color: #fff
}

.header__list-item:hover {
    opacity: 1
}

.header__list-item+.header__list-item {
    margin-left: 0
}

.header__list-item.active {
    opacity: 1
}

@media (min-width: 901px) {
    .header__logo {
        box-sizing: border-box;
        width: 16.6666666667%;
        float: left;
        padding-left: 12px;
        padding-right: 12px
    }

    .header__menu {
        display: none
    }

    .header__nav {
        box-sizing: border-box;
        width: 83.3333333333%;
        float: right;
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
        display: block;
        padding: 0;
        top: auto;
        bottom: auto;
        height: auto;
        opacity: 1;
        z-index: initial;
        max-height: none;
        overflow: hidden;
        line-height: 60px;
        background: transparent;
        animation: none;
        -webkit-animation: none
    }

    .header__list {
        display: block;
        padding-right: 20px;
        height: 100%;
        text-align: right
    }

    .header__list-item {
        display: inline-block;
        margin-top: 0;
        font-size: 13px
    }

    .header__list-item a {
        display: block;
        padding: 0
    }

    .header__list-item+.header__list-item {
        margin-left: 20px
    }
}

@media (min-width: 1200px) {
    .header {
        height: 60px
    }

    .header__logo a {
        padding: 0 0 0 70px
    }

    .header__list {
        padding-right: 70px;
        text-align: right
    }

    .header__list-item+.header__list-item {
        margin-left: 40px
    }
}

@media (min-width: 1300px) {
    .header__list {
        text-align: right
    }

    .header__list-item+.header__list-item {
        margin-left: 60px
    }
}

.footer {
    padding: 0 25px;
    position: relative;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    background: #0a0a0a;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 501
}

.fadeIn .footer {
    opacity: 1
}

.footer__content {
    padding: 40px 0 105px;
    display: inline-block;
    text-transform: uppercase
}

.footer__copy {
    margin-bottom: 40px;
    display: inline-block;
    opacity: 0.5;
    line-height: 26px;
    margin-left: -5px;
    margin-right: -5px;
    font-size: 13px
}

.footer__copy br {
    display: block
}

.footer__list {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px
}

.footer__list-item {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    display: inline-block;
    opacity: 0.5
}

.footer__list-item a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 13px
}

.footer__list-item a:before {
    position: absolute;
    left: -20px;
    content: '/'
}

.footer__list-item:hover {
    opacity: 1
}

.footer__list-item:first-child a:before {
    display: none
}

.footer__list-item+.footer__list-item {
    margin: 0 0 0 35px
}

.footer__list-item:nth-child(4),
.footer__list-item:nth-child(5) {
    position: absolute;
    margin: 0;
    top: 60px;
    left: 50%;
    width: 145px
}

.footer__list-item:nth-child(4) {
    -ms-transform: translateX(-125px);
    transform: translateX(-125px);
    -webkit-transform: translateX(-125px)
}

.footer__list-item:nth-child(4) a:before {
    display: none
}

.footer__list-item:nth-child(5) {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px)
}

.home .footer {
    position: absolute;
    bottom: 0;
    width: 100%
}

@media (min-width: 480px) {
    .footer__copy {
        margin-bottom: 0
    }

    .footer__copy br {
        display: none
    }

    .footer__content {
        padding: 16px 0;
        line-height: 26px
    }

    .footer__list {
        display: inline-block
    }

    .footer__list-item a {
        display: block
    }

    .footer__list-item:first-child:before {
        display: block
    }

    .footer__list-item:nth-child(4),
    .footer__list-item:nth-child(5) {
        margin-left: 40px;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        -ms-transform: none;
        transform: none;
        -webkit-transform: none
    }

    .footer__list-item:nth-child(4) a:before {
        display: block
    }
}

@media screen and (max-width: 950px) {
    .footer {
        text-align: center
    }

    .footer__list {
        position: relative;
        -ms-transform: none;
        transform: none;
        margin-left: 45px
    }

    .footer__list-item a:before {
        position: absolute;
        left: -8px;
        content: '/'
    }

    .footer__list-item+.footer__list-item {
        margin: 0 0 0 10px
    }
}

@media screen and (min-width: 958px) {
    .footer__list {
        margin-left: 35px
    }
}

@media screen and (max-height: 500px) and (orientation: landscape) {
    .footer__content {
        padding: 5px 0;
        line-height: 18px
    }
}

@media screen and (max-width: 480px) {
    .footer {
        font-size: 12px
    }

    .footer .footer__content {
        padding: 10px 0 10px
    }

    .footer br {
        display: none
    }

    .footer .footer__copy {
        margin-bottom: 10px;
        line-height: 20px
    }

    .footer .footer__list-item {
        font-size: 12px;
        margin: 0 0 0 5px
    }

    .footer__list-item:nth-child(4),
    .footer__list-item:nth-child(5) {
        top: initial;
        position: relative;
        display: inline-block;
        -ms-transform: none;
        transform: none;
        width: auto;
        left: auto
    }

    .footer__list-item:nth-child(4) a:before {
        display: block
    }

    .footer a:before {
        display: block;
        left: -5px;
        content: '/'
    }
}

@media (min-width: 992px) {
    .footer__content {
        padding: 12px 0;
        line-height: normal
    }
}

.hero {
    position: relative;
    width: 100%;
    height: 493px;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    text-align: center
}

.hero:after {
    content: " ";
    display: block;
    clear: both
}

.hero__image {
    position: relative;
    width: 100%;
    height: 493px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.hero__sub {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 450px
}

.hero__arrow {
    position: absolute;
    margin: 0 auto;
    padding-top: 20px;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 13px;
    clear: both
}

.hero__arrow__body {
    margin-left: 6px;
    width: 1px;
    height: 40px;
    background: #1D729C
}

.hero__arrow__head {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1D729C
}

.hero__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0 auto;
    padding: 0 10px;
    left: 0;
    right: 0;
    max-width: 790px;
    width: 100%;
    color: white
}

.hero__breadcrumb {
    padding-left: 20px;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 18px;
    text-transform: uppercase;
    color: #1D729C
}

.hero__breadcrumb:before {
    padding-right: 25px;
    content: '>'
}

html.no-touch .hero__breadcrumb:hover {
    opacity: 0.3
}

.hero__breadcrumb:first-child {
    padding-left: 0;
    background: none
}

.hero__breadcrumb:first-child:before {
    padding-right: 0;
    content: ''
}

.hero__title {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 8px 0;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff
}

.hero__title__line--left,
.hero__title__line--right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 5px;
    height: 1px;
    background: #1D729C;
    -ms-transform: none;
    transform: none;
    -webkit-transform: none;
    content: ''
}

.hero__title__line--left--left,
.hero__title__line--right--left {
    left: -15px
}

.hero__title__line--left--left,
.hero__title__line--right--left {
    left: -15px
}

.hero__title__line--left {
    left: -15px
}

.hero__title__line--right {
    right: -15px
}

.hero__overview {
    padding-bottom: 15px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.hero__link-wrapper {
    margin: 0 auto 2px;
    width: 100%;
    text-align: center
}

.hero__link-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.hero__single {
    margin-top: 15px;
    display: block;
    text-align: center
}

.hero__multi {
    margin-top: 15px
}

.hero__multi:after {
    content: " ";
    display: block;
    clear: both
}

.hero__link {
    display: inline-block;
    padding: 10px 0;
    width: 60%;
    max-width: 250px;
    font-size: 14px
}

.hero__link+.hero__link {
    margin-top: 8px
}

@media (min-width: 901px) {
    .hero__title {
        font-size: 32px
    }

    .hero__arrow {
        bottom: 140px
    }

    .hero__sub {
        height: 343px
    }

    .hero__link {
        margin: 0 5px;
        margin-top: 15px;
        padding: 10px 0;
        font-size: 16px
    }

    .hero__link+.hero__link {
        margin-top: 0;
        margin-left: 5px
    }
}

@media only screen and (orientation: landscape) and (max-device-width: 690px) and (-webkit-min-device-pixel-ratio: 2) {
    .hero__content {
        top: 10%;
        -ms-transform: none;
        transform: none;
        padding: 0 20px
    }

    .hero__link-wrapper {
        text-align: center
    }
}

@media only screen and (min-device-width: 604px) and (max-device-width: 966px) and (orientation: landscape) {
    .hero__content {
        top: 10%;
        -ms-transform: none;
        transform: none
    }

    .hero__link-wrapper {
        text-align: center
    }
}

@media (min-width: 901px) {
    .hero {
        height: 393px
    }

    .hero__arrow {
        bottom: 40px
    }

    .hero__content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        -o-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -webkit-transform: translate3d(-50%, -50%, 0);
        margin: 0;
        padding: 0
    }

    .hero__breadcrumb {
        background-position: left 7px
    }

    .hero__title {
        margin: 0;
        padding: 15px 65px;
        font-size: 32px
    }

    .hero__title__line--left,
    .hero__title__line--right {
        width: 45px
    }

    .hero__title__line--left {
        left: 0
    }

    .hero__title__line--right {
        right: 0
    }

    .hero__overview {
        padding-bottom: 20px;
        line-height: 26px;
        font-size: 18px
    }

    .hero__single,
    .hero__multi {
        margin-top: 0
    }

    .hero__link {
        margin: 0 5px;
        margin-top: 0px
    }

    .hero__link:first-child:nth-last-child(4),
    .hero__link:first-child:nth-last-child(4)~a {
        max-width: 170px;
        width: calc(100% / 4 - 10px);
        float: left
    }

    .hero__link+.hero__link {
        margin-left: 5px
    }
}

@media (min-width: 1200px) {
    .hero__title {
        font-size: 42px
    }
}

.form {
    margin: 0 auto;
    max-width: 100%;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    text-align: center
}

.form--card {
    perspective: 1200px;
    -webkit-perspective: 1200px
}

.form--card form {
    position: absolute;
    width: 100%;
    z-index: 2;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    backface-visibility: hidden
}

html.ie .form--card form {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transform: perspective(1200px) rotateY(360deg)
}

html.ie .form--card.submitted form {
    transform: perspective(1200px) rotateY(540deg);
    opacity: 0
}

.form__card-wrapper {
    position: relative;
    height: 720px;
    transition: all 0.5s ease;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

html:not(.ie) .form.submitted .form__card-wrapper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.form__field {
    position: relative;
    margin-bottom: 50px
}

.form__checkbox {
    padding: 7px;
    width: 100%;
    margin: 20px auto;
    font-size: 18px;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    text-transform: uppercase;
    color: #454a54
}

.form__checkbox span {
    display: inline-block;
    vertical-align: sub
}

.form__checkbox .box {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: #454a54;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
    margin: 20px auto;
    position: relative
}

.form__checkbox .box input {
    -webkit-appearance: none
}

.form__checkbox .box label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
    background: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0)
}

.form__checkbox .box label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #1D729C;
    border-top: none;
    border-right: none;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form__checkbox .box input[type=checkbox]:checked+label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.form__wrapper {
    position: relative
}

.form__wrapper--char-remaining {
    margin-bottom: 35px
}

.form__wrapper--char-remaining:after {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    font-size: 14px;
    color: #454a54;
    content: attr(data-chars) " characters remaining"
}

.form__wrapper+.form__wrapper {
    margin-top: 50px
}

.form__field-overlay {
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: absolute;
    padding: 5px;
    bottom: 100%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    overflow: hidden;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    font-size: 18px;
    transform: translate3d(0, 130%, 0);
    -webkit-transform: translate3d(0, 130%, 0);
    color: #454a54
}

.form__field-label {
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: relative;
    display: block;
    padding: 7px;
    width: 100%;
    font-size: 14px;
    color: #454a54
}

.form__field-label:after {
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 100%;
    color: #454a54;
    content: attr(data-label)
}

.form__inquiries-item .form__field-label {
    color: #fff;
    cursor: pointer
}

.form__field-input {
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    width: 100%;
    height: 60px;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    border: none;
    background-color: #d8d8d8;
    color: #454a54;
    -webkit-appearance: none
}

.form__field-input:focus,
.form__field-input.filled {
    background-color: #b2e5ff;
    border: none;
    outline: none
}

.form .form__field-label {
    opacity: 0.5
}

.form__toggle {
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    background: #d8d8d8;
    color: #454a54;
    cursor: pointer
}

.form__toggle:after {
    transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 26px;
    right: 15px;
    width: 0;
    height: 0;
    border-top: 8px solid #1D729C;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    pointer-events: none
}

.form.active .form__toggle,
.form.selected .form__toggle {
    background: #b2e5ff
}

.form.active .form__toggle:after,
.form.selected .form__toggle:after {
    top: 19px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #1D729C;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.form.active .form__toggle+.form__field-overlay,
.form.selected .form__toggle+.form__field-overlay {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.form.active .form__toggle+.form__field-overlay .form__field-label,
.form.selected .form__toggle+.form__field-overlay .form__field-label {
    opacity: 1;
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0)
}

.form__inquiries {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    z-index: 50;
    background: #1D729C
}

.form.active .form__inquiries {
    padding: 15px 0 25px;
    max-height: 1000px
}

.form__inquiries-item {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100%;
    padding: 15px 0;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    text-transform: uppercase
}

html.no-touch .form__inquiries-item:hover {
    opacity: 0.5
}

.form__field-radio {
    position: absolute;
    left: -9999px
}

.form__textarea {
    transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: relative;
    padding: 15px;
    width: 100%;
    height: 180px;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 14px;
    resize: none;
    border: none;
    background: #d8d8d8;
    color: #454a54
}

.form__textarea:focus,
.form__textarea.filled {
    border: none;
    background: #b2e5ff
}

.form__field-input:focus+.form__field-overlay,
.form__field-input.filled+.form__field-overlay,
.form__textarea:focus+.form__field-overlay,
.form__textarea.filled+.form__field-overlay {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.form__field-input:focus+.form__field-overlay .form__field-label,
.form__field-input.filled+.form__field-overlay .form__field-label,
.form__textarea:focus+.form__field-overlay .form__field-label,
.form__textarea.filled+.form__field-overlay .form__field-label {
    opacity: 1;
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0)
}

.form__confirm {
    color: #454a54
}

.form.form--card .form__confirm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html.ie .form__confirm {
    transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    transform: rotateY(180deg)
}

html.ie .form.submitted .form__confirm {
    transform: rotateY(360deg)
}

.form__confirm-icon {
    display: inline-block;
    margin-bottom: 30px;
    padding: 25px 17px;
    font-size: 50px;
    border: 2px solid #1D729C;
    border-radius: 50%;
    background: #b2e5ff;
    color: #1D729C
}

.form__confirm-title {
    margin-bottom: 30px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 24px;
    font-style: italic;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8
}

.form__confirm-title span {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 5px solid #454a54
}

.form__confirm-text {
    padding: 0 35px;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-align: center
}

.form__error {
    background: #fce1e2 !important
}

.form__error:after {
    border-top-color: #ed1c24
}

.form.active .form__error:after,
.form.selected .form__error:after {
    border-top-color: transparent;
    border-bottom-color: #ed1c24
}

.form__error+.form__field-overlay .form__field-label:after {
    color: #ed1c24
}

.form__error-type {
    display: none;
    margin-bottom: 15px;
    font-size: 16px;
    color: #ed1c24
}

.form__error-type+.form__error-type {
    margin-bottom: 25px
}

.form__error-empty .form__error-type--empty {
    display: block
}

.form__error-email .form__error-type--email {
    display: block
}

.form .privacy-message {
    font-size: 14px
}

.form__submit {
    padding: 10px 30px;
    font-size: 18px
}

@media (min-width: 901px) {
    .form {
        max-width: 590px
    }

    .form__field-label {
        padding: 5px;
        font-size: 18px
    }

    .form__toggle:after {
        right: 30px
    }
}

.listing {
    font-family: "Antenna-Regular", Helvetica, sans-serif
}

html.no-touch .listing {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.listing__title {
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    border-bottom: 1px solid #d8d8d8;
    color: #454a54
}

.listing__title span {
    display: inline-block;
    padding: 0 10px 7px;
    border-bottom: 5px solid #454a54
}

.listing__list {
    padding: 0 0 0 10px
}

.listing__list:before,
.listing__list:after {
    display: table;
    content: ''
}

.listing__list:after {
    clear: both
}

.listing__list-item {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    padding-left: 0;
    font-size: 14px;
    line-height: 20px;
    color: #454a54
}

.listing__list-item:nth-child(2n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both
}

.listing__list-item:nth-child(2n+2) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none
}

.listing__list-item a {
    color: #454a54
}

.listing__list-item a:hover {
    color: #b2e5ff
}

.listing__list-item:nth-child(n+3) {
    margin-top: 20px
}

.listing+.listing {
    margin-top: 30px
}

@media (min-width: 901px) {
    .listing__title {
        padding: 0 0 0 30px
    }

    .listing__title span {
        padding: 0 10px 15px
    }

    .listing__list {
        padding: 0 0 0 40px
    }

    .listing__list-item {
        box-sizing: border-box;
        width: 33.3333333333%;
        float: left;
        padding-left: 12px;
        padding-right: 12px;
        padding-left: 0;
        font-size: 18px
    }

    .listing__list-item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both
    }

    .listing__list-item:nth-child(3n+2) {
        margin-left: 33.3333333333%;
        margin-right: -100%;
        clear: none
    }

    .listing__list-item:nth-child(3n+3) {
        margin-left: 66.6666666667%;
        margin-right: -100%;
        clear: none
    }

    .listing__list-item:nth-child(n+3) {
        margin-top: 0
    }

    .listing__list-item:nth-child(n+4) {
        margin-top: 30px
    }
}

@media (min-width: 1200px) {
    .listing__list-item {
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-left: 12px;
        padding-right: 12px;
        padding-left: 0
    }

    .listing__list-item:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both
    }

    .listing__list-item:nth-child(4n+2) {
        margin-left: 25%;
        margin-right: -100%;
        clear: none
    }

    .listing__list-item:nth-child(4n+3) {
        margin-left: 50%;
        margin-right: -100%;
        clear: none
    }

    .listing__list-item:nth-child(4n+4) {
        margin-left: 75%;
        margin-right: -100%;
        clear: none
    }

    .listing__list-item:nth-child(n+4) {
        margin-top: 0
    }

    .listing__list-item:nth-child(n+5) {
        margin-top: 15px
    }

    .listing+.listing {
        margin-top: 40px
    }
}

.content--position .content__title h3 {
    font-size: 32px;
    margin-top: 15px
}

.content {
    margin-bottom: 100px;
    position: relative
}

.content:after {
    content: " ";
    display: block;
    clear: both
}

html.no-touch .content {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.content:not(.content--position) .content__cover-wrapper {
    width: 100%;
    padding-bottom: 49%;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center
}

.content:not(.content--position) .content__cover-wrapper.no-title {
    margin-bottom: 30px
}

.content:not(.content--position) .content__title {
    margin: 0
}

.content__link-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 99
}

.content__link-wrapper:hover+.content__wrapper .content__cover-wrapper {
    opacity: 0.5
}

html.no-touch .content__link-wrapper:hover+.content__wrapper .content__feed-wrapper .feat-link {
    color: #fff !important;
    background: #1D729C;
    transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in
}

html.no-touch .content__link-wrapper:hover+.content__wrapper .content__feed-wrapper .feat-link:after {
    height: 100%;
    width: 180%
}

.content__wrapper {
    position: relative
}

.content__wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.content__wrapper img {
    display: block
}

.content__cover-wrapper {
    transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    position: relative;
    padding: 0 8%
}

.content__feed-wrapper {
    text-align: center
}

.content__cover {
    width: 100%
}

.content__title {
    position: relative;
    padding-top: 10px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8;
    color: #454a54
}

.content__title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 5px;
    width: 50%;
    bottom: 0;
    background: #454a54;
    content: ''
}

.content__title h3 {
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 6px;
    border-bottom: 5px solid transparent
}

.content__title h3 a {
    color: #454a54
}

.content--position .content__title:after {
    width: 35%
}

.content p {
    margin: 14px 0;
    padding: 0 8px;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #454a54
}

.content .feat-link {
    margin: 10px 25px;
    width: 50%
}

.content .feat-link+.feat-link {
    margin-top: 0
}

@media (min-width: 480px) {
    .content:not(.content--position) {
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 12px;
        padding-right: 12px
    }

    .content:not(.content--position) img {
        padding: 0 50px
    }

    .content:not(.content--position) .content__title {
        margin: 0 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .content:nth-of-type(2n+1) {
        clear: both
    }
}

@media (min-width: 901px) {
    .content.content--position .content__title {
        margin-top: 0;
        padding-top: 0
    }

    .content__cover-wrapper,
    .content__feed-wrapper {
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 12px;
        padding-right: 12px;
        padding-left: 0%;
        padding-right: 0%;
        text-align: center;
        padding: 0
    }

    .content__cover-wrapper {
        margin: 0
    }

    .content--position:nth-child(odd) .content__cover-wrapper {
        left: 50%;
        float: none
    }

    .content__feed-wrapper {
        position: relative;
        width: 100%;
        float: none
    }

    .content--position .content__feed-wrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 50%;
        right: 0
    }

    .content--position:nth-child(odd) .content__feed-wrapper {
        right: 50%
    }

    .content .feat-link {
        min-width: 35%
    }
}

@media (min-width: 1200px) {
    .content:nth-of-type(3n+1) {
        clear: both
    }

    .content:not(.content--position) {
        width: 33.29%
    }

    .content p {
        padding: 0 8%
    }

    .content .feat-link {
        min-width: 30%
    }
}

.results-list:after {
    content: '';
    clear: both;
    display: block
}

.grid-result {
    margin-top: 35px
}

.grid-result:after {
    content: " ";
    display: block;
    clear: both
}

html.no-touch .grid-result {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.grid-result:not(.grid-result--cover) {
    box-sizing: border-box;
    width: 50%;
    float: left
}

.grid-result--cover .title:after,
.grid-result--cover .article-page article .article-header:after,
.article-page article .grid-result--cover .article-header:after {
    width: 50%
}

.grid-result__wrapper {
    position: relative
}

.grid-result__wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.grid-result__cover-wrapper {
    transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    position: relative;
    margin-bottom: 30px;
    padding: 0 8%
}

.grid-result__cover-wrapper img {
    display: block
}

.grid-result__cover {
    width: 100%
}

.grid-result__content-wrapper {
    text-align: center;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #454a54
}

.grid-result__content-wrapper h3:not(.title):not(.article-page article .article-header) {
    padding: 20px 0;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 26px
}

.grid-result__content-wrapper p {
    margin: 0;
    padding: 0
}

.grid-result__title,
.bookings-page .search-text {
    margin: 20px 0 -20px;
    padding: 0;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    color: #454a54;
    clear: both
}

.grid-result__title span,
.bookings-page .search-text span {
    display: inline-block;
    padding: 0 10px 7px;
    border-bottom: 5px solid #454a54
}

.grid-result+.title>span,
.article-page article .grid-result+.article-header>span,
.grid-result+.grid-result__title>span,
.bookings-page .grid-result+.search-text>span {
    margin-top: 50px
}

@media (min-width: 901px) {
    .grid-result {
        margin-top: 70px
    }

    .grid-result:not(.grid-result--cover) {
        box-sizing: border-box;
        width: 33.3333333333%;
        float: left;
        padding-left: 12px;
        padding-right: 12px
    }

    .grid-result__cover-wrapper,
    .grid-result__content-wrapper {
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 12px;
        padding-right: 12px;
        padding-left: 0%;
        padding-right: 0%
    }

    .grid-result__cover-wrapper {
        margin: 0;
        padding: 0
    }

    .grid-result--cover:nth-child(odd) .grid-result__cover-wrapper {
        left: 50%;
        float: none
    }

    .grid-result__content-wrapper {
        position: relative;
        width: 100%;
        float: none;
        font-size: 18px
    }

    .grid-result__content-wrapper h3:not(.title):not(.article-page article .article-header) {
        font-size: 24px
    }

    .grid-result--cover .grid-result__content-wrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 50%;
        right: 0
    }

    .grid-result--cover:nth-child(odd) .grid-result__content-wrapper {
        right: 50%
    }

    .grid-result__title,
    .bookings-page .search-text {
        margin: 20px 0 -35px;
        padding: 0 0 0 30px;
        text-align: left
    }

    .grid-result+.title>span,
    .article-page article .grid-result+.article-header>span,
    .grid-result+.grid-result__title>span,
    .bookings-page .grid-result+.search-text>span {
        margin-top: 100px
    }

    .grid-result--cover+.grid-result--cover {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .grid-result:not(.grid-result--cover) {
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-left: 12px;
        padding-right: 12px
    }
}

.careers {
    margin-top: 80px
}

.careers:after {
    content: " ";
    display: block;
    clear: both
}

html.no-touch .careers {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.careers__item {
    box-sizing: border-box;
    width: 100%;
    float: left;
    vertical-align: top
}

.careers__item>p {
    margin-top: 20px;
    padding: 0 15px
}

.careers__item+.careers__item {
    margin-top: 30px
}

.careers__item-link {
    text-align: center;
    width: 100%
}

@media (min-width: 901px) {
    .careers {
        text-align: center
    }

    .careers__item {
        display: inline-block;
        width: calc(100% / 3 - 10px);
        float: none
    }

    .careers__item>p {
        padding: 0 35px
    }

    .careers__item+.careers__item {
        margin: 0 0 0 10px
    }
}

@media (min-width: 1200px) {
    .careers__item {
        width: calc(100% / 4)
    }

    .careers__item+.careers__item {
        margin: 0 0 0 30px
    }
}

.news-page {
    min-height: calc(100vh - 505px)
}

.news-page .layout__content-wrapper.is-loading {
    overflow: visible
}

.news {
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    text-align: center
}

html.no-touch .news {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.news__title {
    position: relative;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8;
    color: #454a54
}

.news__title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 5px;
    width: 25%;
    bottom: 0;
    background: #454a54;
    content: ''
}

.news__title span {
    display: inline-block;
    padding-bottom: 15px
}

.news__list {
    margin: 45px 0
}

.news__list-item {
    padding: 0px
}

.news__list-item>a {
    font-size: 24px;
    line-height: 32px;
    color: #1D729C;
    font-family: "Antenna-Regular", Helvetica, sans-serif
}

.news__list-item+.news__list-item {
    margin-top: 60px
}

.news__date {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    font-size: 24px;
    color: #454a54
}

.news__date:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 20px;
    background: #454a54;
    content: ''
}

.news+.news {
    margin-top: 65px
}

@media (min-width: 901px) {
    .news+.news {
        margin-top: 100px
    }
}

@media (min-width: 1200px) {
    .news+.news {
        margin-top: 120px
    }
}

.article-page {
    min-height: calc(100vh - 101px);
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.article-page.layout__content {
    margin-top: 50px
}

.article-page.layout__content .layout__content-wrapper.is-loading {
    overflow: visible
}

.article-page.layout__content .preloader-container {
    margin-top: 100px
}

.article-page article {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 0 20px
}

.article-page article>*:not(:last-child) {
    margin: 0 0 60px
}

.article-page article img {
    width: 100%;
    margin-bottom: 60px
}

.article-page article h1 {
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    text-transform: uppercase
}

.article-page article .article-header {
    font-size: 16px
}

.article-page article .article-header:first-child {
    margin-top: 50px
}

.article-page article .article-header>* {
    max-width: 900px;
    margin: auto
}

.article-page article .article-header>*>* {
    padding: 0 0 25px
}

.article-page article .article-header .hero__breadcrumb {
    display: block
}

.article-page article .article-header .by-line {
    display: block;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    font-size: 22px
}

.article-page article .article-content {
    margin: 0 auto 30px;
    max-width: 900px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    color: #454a54;
    text-align: left
}

.article-page article .article-content i {
    font-style: italic
}

@media (min-width: 901px) {
    .article-page article .article-content {
        width: 100%;
        max-width: 900px
    }
}

.article-page article .article-content>* {
    margin: 0 auto 30px;
    max-width: 900px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    color: #454a54;
    text-align: left
}

.article-page article .article-content>* i {
    font-style: italic
}

@media (min-width: 901px) {
    .article-page article .article-content>* {
        width: 100%;
        max-width: 900px
    }
}

.article-page article .article-content p {
    text-align: left
}

.article-page article .article-content h1,
.article-page article .article-content h2,
.article-page article .article-content h3,
.article-page article .article-content h4,
.article-page article .article-content h5,
.article-page article .article-content h6 {
    text-align: center
}

.article-page article .article-content .share-buttons {
    float: right;
    width: auto;
    margin: 0 0 30px 35px;
    padding: 20px;
    background: #EAEAEA;
    background: rgba(183, 183, 183, 0.15);
    border-radius: 5px
}

.article-page article .article-content .share-buttons .share-headline {
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 0
}

.article-page article .article-content .share-buttons li {
    padding: 0.388em 0 0.388em 2.55em;
    margin: 0.833em 0;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #1D729C
}

.article-page article .article-content .share-buttons li:first-of-type {
    margin-top: 30px
}

.article-page article .article-content .share-buttons li:last-of-type {
    margin-bottom: 0px
}

.article-page article .article-content .share-buttons li:before {
    content: none
}

.article-page article .article-content .share-buttons li.facebook {
    background-image: url("/static/img/icon-facebook.png")
}

.article-page article .article-content .share-buttons li.twitter {
    background-image: url("/static/img/icon-twitter.png")
}

.article-page article .article-content .share-buttons li.linkedin {
    background-image: url("/static/img/icon-linkedin.png")
}

.article-page article .article-content h2 {
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase
}

.article-page article .article-content h3 {
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase
}

.article-page article .article-content h4 {
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
    color: black
}

.article-page article .article-content img {
    width: auto;
    height: 100%;
    max-width: 100%;
    float: left
}

.article-page article .article-content img+* {
    clear: both
}

.article-page article .article-content blockquote {
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    color: #1D729C;
    font-size: 2em;
    line-height: 1.25em
}

@media only screen and (max-width: 768px) {
    .article-page article {
        padding: 0 15px
    }

    .article-page article>*:not(:last-child) {
        margin: 0 0 30px
    }

    .article-page article img {
        margin-bottom: inherit
    }

    .article-page article .article-header {
        margin-bottom: 10px
    }

    .article-page article .article-content {
        padding: 20px 20px
    }

    .article-page article .article-content img {
        width: 100%;
        float: none
    }

    .article-page article .article-content .share-buttons {
        float: none;
        margin: 10px 0 20px;
        padding: 0;
        text-align: center;
        background: inherit
    }

    .article-page article .article-content .share-buttons li {
        display: inline-block;
        font-size: 14px;
        margin: 20px 0
    }

    .article-page article .article-content .share-buttons li:first-of-type {
        margin-top: inherit
    }

    .article-page article .article-content .share-buttons li:not(:last-child) {
        margin-right: 20px
    }
}

.article-feed {
    margin-top: 60px;
    text-align: center
}

.article-feed.hasImages {
    margin-bottom: 30px
}

html.no-touch .article-feed {
    animation-name: fadeInUp;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.article-feed .feat-link {
    margin-top: 40px;
    padding: 8px 40px
}

.article-feed__title {
    position: relative;
    margin: 0;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8;
    color: #454a54
}

.article-feed__title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 5px;
    width: 25%;
    bottom: 0;
    background: #454a54;
    content: ''
}

.article-feed__title span {
    display: inline-block;
    padding-bottom: 15px
}

.article-feed__image-wrapper {
    margin-top: 30px;
    padding-bottom: 60px
}

.article-feed__image-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.article-feed__image {
    width: 100%;
    max-height: 410px;
    position: relative
}

.article-feed__image.grid.active .grid-image-full {
    opacity: 1
}

.article-feed__image.grid .grid-image {
    height: auto;
    width: 50%;
    float: left;
    opacity: 1;
    transition: opacity 0.6s ease
}

.article-feed__image.grid .grid-image-full {
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease
}

.article-feed__image img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.article-feed .single {
    text-align: center
}

.article-feed .single .article-feed__image {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 900px
}

.article-feed+.article-feed {
    margin-top: 40px
}

@media screen and (max-width: grid-breakpoint-tablet) {
    .article-feed__image img {
        height: auto !important
    }
}

@media (min-width: 480px) {
    .article-feed__image img {
        height: 100%
    }
}

@media (min-width: 901px) {
    .article-feed__title span {
        padding-bottom: 25px
    }

    .article-feed__image {
        width: calc(100% / 2);
        float: left
    }

    .article-feed__image img {
        vertical-align: baseline
    }
}

@media (min-width: 1200px) {
    .article-feed+.article-feed {
        margin-top: 40px
    }
}

.story-content {
    margin-bottom: 40px;
    text-align: center
}

.story-content__title {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8
}

.story-content__title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 5px;
    width: 25%;
    bottom: 0;
    background: #454a54;
    content: ''
}

.story-content__links {
    text-align: center
}

.story-content__links__title {
    margin: 30px 0;
    padding-top: 10px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase
}

.story-content__links__link {
    z-index: 1;
    margin-bottom: 5px;
    width: 100%
}

.story-content__paragraph {
    display: inline-block
}

.story-content .gallery {
    margin-bottom: 30px
}

@media (min-width: 480px) {
    .story-content__links__link {
        margin: 0 10px 5px;
        width: 60%
    }
}

@media (min-width: 1200px) {
    .story-content {
        margin-bottom: 70px
    }

    .story-content__title {
        padding: 0 120px 20px
    }

    .story-content__links__link {
        margin: 0 10px 20px;
        width: 30%;
        max-width: 380px
    }
}

.gallery {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 12px;
    padding-right: 12px
}

.gallery img {
    width: 100%;
    float: left
}

.gallery img.last-mod {
    width: 100%;
    padding-right: 0%;
    padding-left: 0%
}

@media (min-width: 901px) {
    .gallery {
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding-left: 12px;
        padding-right: 12px
    }

    .gallery img {
        width: 50%;
        float: left
    }

    .gallery img.last-mod {
        width: 100%;
        padding-right: 25%;
        padding-left: 25%
    }
}

.legal__subtitle {
    margin: 60px 0 30px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #454a54
}

.legal__content {
    font-size: 16px
}

.legal__content>p {
    font-weight: bold
}

.layout__content--legal {
    font-family: "Antenna-Regular", Helvetica, sans-serif, Helvetica, sans-serif;
    margin-top: 60px !important
}

.layout__content--legal .layout__content-wrapper {
    overflow: initial
}

.layout__content--legal b {
    font-weight: bold;
    display: block;
    margin: 0px 0;
    padding: 60px 0 20px 0
}

.layout__content--legal b.underline {
    text-decoration: underline
}

.layout__content--legal i {
    text-decoration: underline
}

.layout__content--legal ul {
    padding: 20px
}

.layout__content--legal ul li {
    line-height: 1.2em;
    cursor: pointer;
    padding-left: 1em;
    text-indent: -1em
}

.layout__content--legal ul li:before {
    content: "• ";
    color: black;
    position: relative;
    left: -5px
}

.layout__content--legal ul.links {
    list-style-type: none
}

.layout__content--legal ul.links li:before {
    color: #1D729C
}

.layout__content--legal ol {
    padding: 20px;
    list-style-type: decimal;
    margin-left: 20px
}

.layout__content--legal ol li {
    line-height: 1.2em
}

.layout__content--legal table {
    margin: 30px 0;
    border: 1px solid #ddd;
    width: 50%;
    min-width: 320px
}

.layout__content--legal table th {
    font-weight: bold;
    padding: 10px
}

.layout__content--legal table th:first-child {
    border-right: 1px solid #ddd
}

.layout__content--legal table tr {
    border-bottom: 1px solid #ddd
}

.layout__content--legal table tr:nth-child(even) {
    background-color: #f1f1f1
}

.layout__content--legal table tr td {
    padding: 10px
}

.layout__content--legal table tr td:first-child {
    border-right: 1px solid #ddd;
    font-weight: bold;
    width: 20%
}

.notification,
.consent {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    position: fixed;
    display: none;
    padding: 18px 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    z-index: 500;
    background: #333333;
    transition: bottom .25s ease 0s
}

.notification .privacy,
.consent .privacy {
    text-decoration: underline;
    cursor: pointer;
    display: inline-block
}

.notification .manage,
.consent .manage {
    text-decoration: underline;
    cursor: pointer;
    display: inline-block
}

.notification__wrapper,
.consent__wrapper {
    position: relative;
    padding: 0 10px;
    margin: 0 auto;
    max-width: 100%;
    color: #d8d8d8;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 15px;
    text-align: center
}

.notification__wrapper:after,
.consent__wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.notification__text,
.consent__text {
    margin-bottom: 15px;
    display: inline
}

.notification__sub,
.consent__sub {
    display: inline
}

.notification__info,
.notification .privacy,
.consent__info,
.consent .privacy {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: underline !important;
    cursor: pointer;
    background: none;
    color: #1D729C
}

html.no-touch .notification__info:hover,
html.no-touch .notification .privacy:hover,
html.no-touch .consent__info:hover,
html.no-touch .consent .privacy:hover {
    opacity: 0.3
}

.notification__info,
.notification .manage,
.consent__info,
.consent .manage {
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: underline !important;
    cursor: pointer;
    background: none;
    color: #1D729C
}

html.no-touch .notification__info:hover,
html.no-touch .notification .manage:hover,
html.no-touch .consent__info:hover,
html.no-touch .consent .manage:hover {
    opacity: 0.3
}

.notification.bottom,
.consent.bottom {
    bottom: 50px
}

.notification.active,
.consent.active {
    display: block;
    opacity: 0;
    animation: fadeIn 0.7s ease forwards;
    -webkit-animation: fadeIn 0.7s ease forwards;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s
}

.notification.fade,
.consent.fade {
    animation: fadeOut 0.7s ease forwards;
    -webkit-animation: fadeOut 0.7s ease forwards
}

@media only screen and (max-width: 768px) {

    .notification,
    .consent {
        padding: 10px 0
    }

    .notification__sub,
    .consent__sub {
        font-size: 14px
    }

    .notification__text,
    .consent__text {
        font-size: 14px
    }
}

@media (min-width: 901px) {
    .notification__sub {
        display: inline
    }

    .notification__text-wrapper {
        margin: 0
    }

    .notification__text {
        display: inline;
        margin: 0
    }
}

.layout__web {
    background: url("https://kri.acegold.in/wp-content/uploads/2023/02/home-bg.jpg") no-repeat fixed center;
    background-size: cover;
    width: 100vw;
    height: 100vh
}

.layout__web .overlay {
    opacity: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background: black;
    position: fixed;
    width: 100%;
    height: 100%;
    transition: opacity 1.7s ease;
    -moz-transition: opacity 1.7s ease;
    -webkit-transition: opacity 1.7s ease;
    -o-transition: opacity 1.7s ease
}

.layout__web.transitioning .overlay {
    z-index: 999;
    visibility: visible;
    opacity: 1
}

.nodeweb {
    opacity: 0;
    transition: opacity 1s ease-out, transform 1s ease-out;
    -moz-transition: opacity 1s ease-out, transform 1s ease-out;
    -webkit-transition: opacity 1s ease-out, transform 1s ease-out;
    -o-transition: opacity 1s ease-out, transform 1s ease-out;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s
}

.hasLoaded .nodeweb {
    opacity: 1
}

.lockup {
    opacity: 0;
    position: absolute;
    width: 600px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 55%;
    text-align: center;
    background: radial-gradient(ellipse at center, rgba(61, 164, 188, 0.85) 20%, rgba(61, 164, 188, 0) 72%, rgba(61, 164, 188, 0) 99%);
    transition: opacity 1s ease-out, left 1s ease-out;
    -moz-transition: opacity 1s ease-out, left 1s ease-out;
    -webkit-transition: opacity 1s ease-out, left 1s ease-out;
    -o-transition: opacity 1s ease-out, left 1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.lockup .icon-container {
    width: 316px;
    overflow: hidden;
    display: inline-block
}

.lockup .wme-img-logo {
    width: 427px;
    display: inline-block
}

.lockup .wme-img-logo div:nth-of-type(1) {
    margin-right: -5px
}

.lockup .wme-img-logo div:nth-of-type(3) {
    margin-left: -5px
}

.lockup i {
    font-size: 150px;
    position: relative;
    transition: right 1s ease-out, left 1s ease-out;
    -moz-transition: right 1s ease-out, left 1s ease-out;
    -webkit-transition: right 1s ease-out, left 1s ease-out;
    -o-transition: right 1s ease-out, left 1s ease-out
}

.lockup i.wme {
    transition: opacity 0.5s ease-out;
    opacity: 0
}

.lockup .text-container {
    opacity: 0;
    transition: opacity 1s ease-out, transform 1s ease-out;
    -moz-transition: opacity 1s ease-out, transform 1s ease-out;
    -webkit-transition: opacity 1s ease-out, transform 1s ease-out;
    -o-transition: opacity 1s ease-out, transform 1s ease-out;
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}

.lockup p {
    margin: 10px 0px 30px;
    font-family: "Didot W01 Italic", Helvetica, sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    color: white;
    transition: opacity 0.6s ease, transform 1s ease-out;
    -moz-transition: opacity 0.6s ease, transform 1s ease-out;
    -webkit-transition: opacity 0.6s ease, transform 1s ease-out;
    -o-transition: opacity 0.6s ease, transform 1s ease-out;
    opacity: 1
}

.lockup p.long {
    width: 124%;
    margin-left: -12%
}

.lockup .btn.feat-link {
    cursor: pointer;
    z-index: 9;
    padding: 10px 36px;
    border: 2px solid white;
    color: white !important
}

.lockup .btn.feat-link:after {
    background: #b6b4b8 !important
}

.hasLoaded .lockup {
    opacity: 1
}

.hasLoaded .lockup .wme {
    opacity: 1
}

.hasLoaded .lockup .text-container {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width: 640px),
(max-height: 500px) and (orientation: landscape) {
    .lockup {
        width: 100%;
        padding: 20px;
        background: radial-gradient(ellipse at center, rgba(61, 164, 188, 0.85) 20%, rgba(61, 164, 188, 0) 72%, rgba(61, 164, 188, 0) 99%)
    }

    .lockup .wme-img-logo {
        width: 254px
    }

    .lockup .icon-container {
        width: 190px
    }

    .lockup p {
        margin: 4px 0px 10px;
        font-size: 18px;
        line-height: 22px
    }

    .lockup i {
        font-size: 90px
    }

    .lockup i.wme {
        left: 215px
    }

    .lockup i.img {
        right: 416px
    }

    .lockup .bar {
        margin-bottom: 29px;
        height: 0px
    }

    .lockup .bar i {
        right: 125px
    }

    .hasLoaded .lockup .wme {
        left: 0px
    }

    .hasLoaded .lockup .img {
        right: 127px
    }

    .hasLoaded .lockup .bar {
        margin-bottom: 0;
        height: 58px
    }
}

@media (max-width: 320px) {
    .lockup .wme-img-logo {
        width: 254px
    }

    .lockup .icon-container {
        width: 94px
    }

    .lockup p {
        margin: 0px 0px 10px;
        font-size: 16px;
        line-height: 22px
    }

    .lockup i {
        font-size: 70px
    }

    .lockup i.wme {
        left: 94px
    }

    .lockup i.img {
        right: 190px
    }

    .lockup .bar {
        margin-bottom: 23px;
        height: 0px
    }

    .lockup .bar i {
        right: 96px
    }

    .lockup .btn {
        padding: 8px 20px;
        font-size: 16px
    }

    .hasLoaded .lockup .wme {
        left: 0px
    }

    .hasLoaded .lockup .img {
        right: 99px
    }

    .hasLoaded .lockup .bar {
        margin-bottom: 0;
        height: 46px
    }
}

.collapsable {
    overflow: hidden;
    transition: height 1s cubic-bezier(1, 0.15, 0.01, 1);
    margin: 60px 0px 120px 0px
}

.collapsable .toggleOpen {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.collapsable .toggleOpen span {
    vertical-align: text-top
}

.collapsable .inner {
    visibility: hidden;
    position: relative;
    top: -20px;
    transition: opacity 0.5s ease, top 0.5s ease;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.collapsable .inner.isOpen {
    top: 0;
    opacity: 1
}

.collapsable.isOpen .inner {
    visibility: visible;
    height: auto;
    overflow: hidden
}

.contact .form__submit {
    pointer-events: none;
    opacity: 0.4;
    transition: opacity 0.3s ease
}

.consented .contact .form__submit {
    opacity: 1;
    pointer-events: all
}

@keyframes preloader-animate-in {
    0% {
        transform: translate3d(0, -50px, 0);
        -webkit-transform: translate3d(0, -50px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes preloader-animate-out {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
        opacity: 0
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.preloader-container {
    animation: preloader-animate-in;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0, 0.67, 0.21, 1);
    position: relative
}

.preloader-container.prepended {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: visible
}

.preloader-container .preloader {
    position: absolute;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: 5px;
    z-index: 0
}

.preloader-container .preloader:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    animation: rotating;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background: url("/static/img/preloader.png") no-repeat center;
    background-size: contain;
    margin: auto
}

.preloader-container .preloader.animate-out {
    animation: preloader-animate-out;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.42, 0, 0.49, 1)
}

body {
    font-family: "Antenna-Regular", Helvetica, sans-serif
}



.page .main-image {
    display: block;
    width: 90%;
    float: none;
    margin: auto
}

.page__title {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8d8
}

.page__title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 5px;
    width: 25%;
    bottom: 0;
    background: #454a54;
    content: ''
}

.page__links {
    text-align: center
}

.page__links__title {
    margin: 30px 0;
    padding-top: 10px;
    font-family: "Antenna-EC-Medium-Italic", Helvetica, sans-serif;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase
}

.page__links__link {
    z-index: 1;
    margin-bottom: 5px;
    width: 100%
}

.page__paragraph {
    display: inline-block
}

.page .gallery {
    margin-bottom: 30px
}

.wysiwyg h1 {
    font-size: 60px
}

.wysiwyg h2 {
    font-size: 45px;
    line-height: 1.2em
}

.wysiwyg h3 {
    font-size: 35px;
    line-height: 1.2em
}

.wysiwyg h4 {
    font-size: 28px;
    line-height: 1.2em
}

@media (min-width: 480px) {
    .page__links__link {
        margin: 0 10px 5px;
        width: 60%
    }
}

@media (min-width: 1200px) {
    .page {
        margin-bottom: 70px
    }

    .page__title {
        padding: 0 120px 20px
    }

    .page__links__link {
        margin: 0 10px 20px;
        width: 30%;
        max-width: 380px
    }
}

.home {
    background-size: cover
}

@media (min-width: 901px) {
    .clients .content--position {
        margin-bottom: 0
    }

    .clients .content--position+.content:not(.content--position) {
        margin-bottom: 100px
    }

    .clients .last {
        margin-bottom: 100px
    }
}

.voiceover .content {
    height: 100%
}

@media (min-width: 901px) {
    .voiceover .content {
        height: 280px
    }
}

@keyframes dropdown-animate-in {
    0% {
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes agents-animate-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media only screen and (max-width: 1200px) {
    .layout__hero.bookings .hero__content {
        width: 100%
    }
}

@media only screen and (max-width: 901px) {
    .layout__hero.bookings {
        height: 505px
    }
}

@media only screen and (max-width: 480px) {
    .layout__hero.bookings {
        height: 550px
    }

    .layout__hero.bookings .hero {
        height: 550px
    }
}

.bookings-page .agent-finder-form-container>* {
    margin-top: 60px
}

.bookings-page .agent-finder-form-container>p {
    margin-bottom: 16px
}

.bookings-page .agent-finder-form-container>p+p {
    margin-top: 16px
}

.bookings-page .search-text {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    padding: 0;
    border-bottom: none;
    text-transform: uppercase
}

.bookings-page .agent-finder-buttons {
    margin-top: 30px;
    text-align: center
}

.bookings-page .agent-finder-buttons .form-button {
    margin: 0 10px;
    width: 150px
}

.bookings-page .feat-link.active {
    background: #1D729C;
    color: white !important
}

.bookings-page .agent-finder-form {
    position: relative;
    margin: 60px auto;
    max-width: 100%;
    font-family: "Antenna-Regular", Helvetica, sans-serif;
    text-align: center
}

.bookings-page .agent-finder-form.is-loading {
    padding-bottom: 60px
}

.bookings-page .agent-finder-form .dropdown {
    animation: dropdown-animate-in;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.42, 0, 0.49, 1);
    margin: 60px auto;
    z-index: 10
}

.bookings-page .agent-finder-form .dropdown.active .form__inquiries {
    max-height: 350px
}

.bookings-page .agent-finder-form .dropdown.active .form__inquiries.is-expanded {
    overflow-y: auto
}

.bookings-page .agent-finder-form .dropdown.active.continents .form__inquiries {
    z-index: 55
}

.bookings-page .agent-finder-form .dropdown.active.categories .form__inquiries {
    z-index: 54
}

.bookings-page .agent-finder-form .dropdown.active.countries .form__inquiries {
    z-index: 53
}

.bookings-page .agent-finder-form .dropdown.active.states .form__inquiries {
    z-index: 52
}

.bookings-page .agent-finder-form .dropdown.active .form__toggle,
.bookings-page .agent-finder-form .dropdown.selected .form__toggle {
    background: #b2e5ff
}

.bookings-page .agent-finder-form .dropdown.active .form__field-overlay,
.bookings-page .agent-finder-form .dropdown.selected .form__field-overlay {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.bookings-page .agent-finder-form .dropdown.active .form__field-overlay .form__field-label,
.bookings-page .agent-finder-form .dropdown.selected .form__field-overlay .form__field-label {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0)
}

.bookings-page .agent-finder-form .dropdown.selected .form__field-label:after {
    color: #454a54
}

.bookings-page .agent-results-container {
    margin-top: 100px;
    padding-bottom: 250px
}

.bookings-page .agent-results-container.has-agents {
    padding-bottom: 0
}

.bookings-page .agent-results-container.is-loading .preloader-container {
    margin-top: 40px
}

.bookings-page .form__submit {
    animation: dropdown-animate-in;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.42, 0, 0.49, 1);
    z-index: 25
}

.bookings-page .agent-results,
.bookings-page .agent-sub-results {
    animation: agents-animate-in;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.42, 0, 0.49, 1);
    margin-top: 50px
}

.bookings-page .agent-results:last-child,
.bookings-page .agent-sub-results:last-child {
    margin-bottom: 40px
}

.bookings-page .agent-results .grid-result__title,
.bookings-page .agent-results .search-text,
.bookings-page .agent-sub-results .grid-result__title,
.bookings-page .agent-sub-results .search-text {
    padding: 0;
    text-transform: uppercase
}

.bookings-page .agent-results .grid-result__subtitle,
.bookings-page .agent-sub-results .grid-result__subtitle {
    width: 100%;
    padding: 10px;
    background: #EAEAEA;
    font-family: "Antenna-EC-Bold", Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.bookings-page .agent-results .grid-result,
.bookings-page .agent-sub-results .grid-result {
    width: 100%
}

.bookings-page .agent-results .grid-result:only-child,
.bookings-page .agent-sub-results .grid-result:only-child {
    float: none;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 768px) {

    .bookings-page .agent-results .grid-result:only-child,
    .bookings-page .agent-sub-results .grid-result:only-child {
        width: 50%
    }
}

@media only screen and (min-width: 768px) {

    .bookings-page .agent-results .grid-result:not(:only-child),
    .bookings-page .agent-sub-results .grid-result:not(:only-child) {
        box-sizing: border-box;
        width: 50%;
        float: left;
        padding-left: 12px;
        padding-right: 12px
    }
}

.bookings-page .agent-sub-results .agent-results .grid-result {
    margin-top: 30px
}

.bookings-page .grid-result__title,
.bookings-page .search-text {
    text-align: center
}

@media (min-width: 901px) {
    .bookings-page .agent-finder-form {
        max-width: 590px
    }

    .bookings-page .agent-finder-form__field-label {
        padding: 5px;
        font-size: 18px
    }

    .bookings-page .agent-finder-form__toggle:after {
        right: 30px
    }
}

.bookings-page .error-message {
    animation: dropdown-animate-in;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.42, 0, 0.49, 1);
    font-size: 12px;
    color: red
}

.our-story-main .link-wrapper {
    width: 100%;
    margin-bottom: 25px
}

.our-story-main .link-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.our-story-main .story-content__links__link {
    max-width: none;
    width: 66.6666666667%;
    margin: 10px 0
}

@media (min-width: 901px) {
    .our-story-main .story-content__links__link {
        width: 41.6666666667%;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width: 1200px) {
    .our-story-main .story-content__links__link {
        width: 16.6666666667%
    }
}

.our-story-main .timeline-image {
    display: block;
    width: 90%;
    float: none;
    margin: auto
}

.expertise .content__feed-wrapper {
    height: 100%
}

.error-page {
    background: #F6F6F6;
    min-height: calc(100vh - 60px);
    background-size: cover;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.error-page .layout__content {
    margin-top: 60px
}

.error-page .header__logo a {
    transition: none
}

.error-page .header__list-item {
    transition: none
}

.error-page .footer {
    position: fixed;
    bottom: 0;
    width: 100%
}

.elementor-image-carousel-caption{padding-top: 15px;}
.elementor-image-carousel-caption {font-size: 18px !important;}
.elementor-image-carousel-caption span{ display: block; padding: 5px 0; font-size: 15px !important;}
.elementor-image-carousel-caption .fa{ font-size: 35px; margin-top:15px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40px !important;}
html{    overflow-x: hidden;}
.elementor-image-carousel.swiper-wrapper > div:nth-of-type(2n+1) {margin-top: 10%;}
.elementor-image-carousel.swiper-wrapper > div {
	background: #313445;
	padding: 50px 30px;
	border-radius: 10px;
	height: auto !important;
}
.elementor-image-carousel.swiper-wrapper{align-items: center;}
.elementor-image-carousel.swiper-wrapper > div img {
	border-radius: 50%;
}

@media only screen and (max-width:1199px){
    
}

@media only screen and (max-width:991px){
    
}

@media only screen and (max-width:767px){

}

@media only screen and (max-width:575px){

}