@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width

*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');

:root {
  --body-color: #7d7d7d;
  --bg-color: #7d7d7d;
  --accent-color: #e00034;
  --dark-color: #7d7d7d;
  --lt-color: #e4e4e4;
  --shade-color: #000000;
  --shade-text-color: #ffffff;
  --link-color: #ffffff;
  --hover-color: #e00034;
  --heading-color: #000000;
  --script-font: "Playfair Display";
}

/* ====================
   Body
==================== */
body {max-width:2100px; margin:auto;}
body, html {font-family: arial, sans-serif; font-size: 16px; line-height: 1.1em; color: var(--body-color); background-color: var(--bg-color); font-weight:400; letter-spacing:.5px; }
.content-grid.grid-container {
    text-align: center;
}
.grid-container {max-width: 1400px; margin:auto;}
.grid-container-xs {max-width:696px; margin:auto;}
a {color:var(--link-color)}
a:hover {color:var(--hover-color)}
p {font-family: arial, sans-serif;}
/* Content Background */
footer, body > div, form {background-color:#ffffff}

/* ====================
   Headings
==================== */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Oswald', sans-serif; color:var(--heading-color); line-height:1.05; margin:.5em 0 .5em 0; text-transform:uppercase;}
h1, .h1 {font-size: 5rem; font-weight: 500;}
.subtitle {font-size:.8em}
h1 span, .h1 span {color:var(--accent-color); font-family: 'Libre Baskerville', serif !important;}
header.show-for-large {position:fixed; z-index:9999; width:100%; left:0;}
header {background-color:rgba(255,255,255,0.97);}
.home .margin-space {padding-top:270px;}
.default .margin-space {padding-top:270px; max-width:1700px; margin:auto;}
/* ====================
   Buttons
==================== */
button, .button, .button a, button a, a.button, input[type="submit"] { background-color:var(--accent-color); border:none; padding:.5em 1.2em; color:#ffffff; outline:0; font-size:16px; line-height:1.2em}
.button:focus, .button:hover, .button:focus a, input:hover[type="submit"]{background-color: var(--hover-color); }
.button.circle {border-radius:50%}


/* Scroll Button */
#scrollButton {display: inline-block; background-color: rgba(0,0,0,0.5); width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 90px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; font-size:7px;}
#scrollButton::after {content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-style: normal; font-size: 2em; line-height: 50px; color: #fff;}
#scrollButton:hover {cursor: pointer; background-color: #333;}
#scrollButton:active {background-color: #555;}
#scrollButton.show {opacity: 1; visibility: visible;}

/* ====================
   Utilities
==================== */
.color-white, .white {color:#ffffff}
.bg-white {background-color:#ffffff}
.shade {background-color:var(--shade-color)}
.lt-shade {background-color:#f8f8f8;}
.justify-center {justify-content:center;}
.align-middle {align-items:center;}
.flex {display:flex;}
.red {background-color:var(--accent-color); color:#ffffff;}
.absolute {position:absolute;}

/* ===================
Header
==================== */
.utility-container {justify-content:space-between; max-width:1700px; margin:auto;}
.utility_menu ul li a i {font-size:13px;}

/* ===================
Page Content 
==================== */
.content-wrap {padding:60px 20px 50px; }

/* ====================
   HOME
==================== */



/* =======================
Menus
======================= */
/* MAIN MENU */
.main_menu ul li:last-child {background-color:var(--accent-color) !important;}
.main_menu ul li:last-child a {color:#ffffff !important;}
.dropdown.menu>li>a {padding: 1rem 1rem;}
.main_menu a {width:100%; letter-spacing:0; font-family: 'Oswald', sans-serif !important;}
.main_menu .submenu a:hover {background:rgba(0,0,0,.03)}
.main_menu .dropdown.menu li.selected a {color:var(--shade-color); border-bottom: 2px solid var(--accent-color);}
.main_menu .dropdown.menu li.selected a:hover {color:#ffffff;}
/* Padding & Spacing & Width */
.main_menu .dropdown.menu > li.opens-right > .is-dropdown-submenu, .main_menu .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {padding:8px}
.main_menu .dropdown.menu a {color:var(--body-color); text-transform: uppercase; font-weight:500; letter-spacing: -0.5px;}
.main_menu .dropdown.menu a:hover {color:#ffffff; background-color:var(--accent-color);}
.main_menu .dropdown.menu ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.main_menu .is-dropdown-submenu {min-width: 230px;}
/* Dropdown - Arrow after menu item */
.main_menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0;transform: rotate(-135deg); top:.5em; right: 0.55em;}
.main_menu .dropdown.menu.align-right .is-dropdown-submenu.first-sub {left:0;}
.main_menu .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
.main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0; border-bottom-style:solid; border-bottom-width:0; transform: rotate(135deg); top:1em; right: 0.55em;}
.main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
/* Dropdown - Menu slide up */
.main_menu .dropdown.menu > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.main_menu .dropdown.menu > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}
/* Use .top-align-right to only align the top level right */
.top-align-right {-ms-flex-pack: end; justify-content: flex-end;}
.top-align-right.menu li {display: -ms-flexbox;	display: flex;	-ms-flex-pack: end;	justify-content: flex-end;}


/* UTILITY MENU */
.utility_menu, .utility_menu ul {display: flex;justify-content: flex-end;align-items: center;flex-wrap: nowrap;}
.utility_menu ul {list-style-type:none; margin:0;}
.utility_menu ul li {padding:0 8px; border-left: 1px solid #ffffff;}
.utility_menu ul li:last-child {border-right: 1px solid #ffffff;}
.utility_menu a {width:100%}
.utility_menu .submenu a:hover {background:rgba(0,0,0,.03)}
/* Padding & Spacing & Width */
.utility_menu .dropdown.menu > li.opens-right > .is-dropdown-submenu {padding:8px}
.utility_menu .dropdown.menu a {padding: .4rem .8rem; color:#ffffff; font-weight:bold; text-transform: uppercase; background-color:var(--accent-color); font-size:.8em}
.utility_menu .dropdown.menu a:hover {background-color:var(--link-color)}
.utility_menu .dropdown.menu ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.utility_menu .is-dropdown-submenu {min-width: 230px;}
/* Dropdown - Arrow after menu item */
.utility_menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0;transform: rotate(-135deg); top:.5em; right: 0.55em;}
.utility_menu .dropdown.menu.align-right .is-dropdown-submenu.first-sub {left:0;}
.utility_menu .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
/* Dropdown - Menu slide up */
.utility_menu .dropdown.menu > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.utility_menu .dropdown.menu > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}

/* SMALL MENU */
.small-menu {padding:30px 0 0 20px; list-style-type:none;}
.small-menu li {border-bottom:1px solid #c8d7e2}
.small-menu li a {text-transform:uppercase; font-weight:bold;}

/* *************************** */
/* C U S T O M   M O D U L E S */
/* *************************** */
/* Homepage Slider */
.cm-homepage-slider, .hero-slide {height:calc(100vh - 74px) !important;}
.hero {overflow: hidden;}
.hero h2 {font-size:70px;font-weight:500;margin-bottom: 25px;color:#ffffff;text-transform:uppercase;letter-spacing:0;}
.hero .button {text-transform:uppercase;}
.hero-text .hero {position: relative;}
.hero-text .hero .hero-slide a:hover span {color: #033a71;}
.hero .hero-slide img {width: 100%;height: 100vh; object-fit: cover; object-position: top center;}
.hero .hero-slide .header-content {left:0 !important; top: 30%;bottom:60%;margin:auto;width: 100%;padding: 2rem;text-align:center;z-index:111;}
.slide-content {padding: 10px 20px 10px 0;}
.slide-content .h1 {font-size: 62px;}
.slick-dots {margin-left:0; position: absolute;bottom: 10px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}
.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;border-radius: 50%;border: 0;outline: none;background:rgba(0,0,0,0.6);}
.slick-dots li button::before {font-size: 18px;color: #fff;opacity: 1;}
.slick-active button {background:rgba(255,255,255,0.6) !important;}
.slick-prev, .slick-next {position:absolute; z-index:99; color:#ffffff; background-color:rgba(0,0,0,0.2); padding: 50px 15px;}
.slick-prev {top: 50%;}
.slick-next {right:0; top: 50%;}
.hero-slide:before {content:""; background-color:rgba(0,0,0,0.5); position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}

.fadeInUpSD {-webkit-animation-name: fadeInUpSD;animation-name: fadeInUpSD;}
.slick-active .slide-content {animation-name: fadeInUpSD;animation-duration: 1s;opacity: 1;width: 100%;padding: 10px 20px 30px 0;}

/* Buttons Row */
.cm-button-row .cell {min-height:456px;}
.cm-button-row .absolute {top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background-color:rgba(0,0,0,0.5); transition: .3s ease-in-out;}
.cm-button-row .cell:first-child {border-right: 1px solid #ffffff;}
.cm-button-row .absolute h3 {color:#ffffff; font-family:arial, sans-serif !important; text-transform:capitalize !important;}
.cm-button-row .absolute:hover {background-color:rgba(0,0,0,0.7); transition: .3s ease-in-out;}

/* Resources */
.resources-grid .cell:nth-of-type(1), .resources-grid .cell:nth-of-type(3), .resources-grid .cell:nth-of-type(5)  {background-color:#eeeeee;}
.resources-grid .cell:nth-of-type(2), .resources-grid .cell:nth-of-type(4) {background-color:#dddddd;}
.resources-grid a {color:var(--accent-color);}

/* Contact Us Page */
.contact-grid .addr {border-left:1px solid #c8d7e2; padding-left:30px; padding-top:30px }
.contact-grid .cell a {display:block; margin-bottom:8px; color:var(--accent-color);}

/* Operators and Accessories */
.cm-operators-and-accessories .cell a img {width:100%;}

/* ======================
Foundation Overrides
======================= */
.button.expanded {font-size:26px;}
.off-canvas {background:#111111;}
.off-canvas .main_menu ul {list-style:none; margin-left:0; padding:0;}
.off-canvas .main_menu ul li {padding:10px 25px; border-bottom:1px solid #aaaaaa; text-transform:uppercase;}
.off-canvas .main_menu ul li:last-child {background-color:var(--accent-color);}
#contactForm, #jobForm {max-width:900px; margin:auto;}
#contactForm input:not([type=submit]), textarea, #jobForm input:not([type=submit]) {box-shadow:none; border:0 solid transparent; background-color:#f8f8f8;}
textarea {min-height:200px;}
/* =======================
Footer
======================= */
footer {background-color:#111111; color:#ffffff;}
footer h5 {color:#ffffff !important;}
.copyright-wrap {background-color:#191919;}
.copyright-div {color:#ffffff;}
.copyright-div a {color:#ffffff; }
.copyright-div a:hover {color:var(--lt-color)}
.copyright-div .utility_menu ul li:last-child {border-right: 0px solid transparent;}
.copyright-div .utility_menu ul li {border-left:0px solid transparent;}
footer a {display:table; line-height:1.6; margin-bottom:6px; margin-top:6px;}
footer ul li {color:#aaaaaa !important;}
/* ======================
Forms
====================== */
form > h2 {margin-top:0; padding-top:1em;}
form input[type="submit"] {margin-top:.7em}
/* ======================
Lists
====================== */
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}

/* =======================f
Positioning
======================= */
.relative {position:relative}
.absolute {position:absolute}
.block {display:block}
.inline-block {display:inline-block}
.left {float:left;}
.right {float:right}

/* =======================
Spacing & Borders
======================= */
hr {border-color: var(--shade-color); border-image: none; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; max-width:100%;}
hr.hr-200 {max-width:200px; margin-left:auto; margin-right:auto}
hr.hr-2px {border-width:2px}

div.div-500 {max-width:500px; margin-left:auto; margin-right:auto}
.line-1-5 {line-height:1.5}
.line-2 {line-height:2}

.padding{padding:30px!important}.padding-top{padding-top:30px!important}.padding-right{padding-right:30px!important}.padding-bottom{padding-bottom:30px!important}.padding-left{padding-left:30px!important}.padding-top-bottom{padding-top:30px!important;padding-bottom:30px!important}.padding-left-right{padding-left:30px!important;padding-right:30px!important}.padding-none{padding:0!important}.padding-tiny{padding:6px!important}.padding-top-tiny{padding-top:6px!important}.padding-right-tiny{padding-right:6px!important}.padding-bottom-tiny{padding-bottom:6px!important}.padding-left-tiny{padding-left:6px!important}.padding-top-bottom-tiny{padding-top:6px;padding-bottom:6px!important}.padding-left-right-tiny{padding-left:6px;padding-right:6px!important}.padding-small{padding:15px!important}.padding-top-small{padding-top:15px!important}.padding-right-small{padding-right:15px!important}.padding-bottom-small{padding-bottom:15px!important}.padding-left-small{padding-left:15px!important}.padding-top-bottom-small{padding-top:15px!important;padding-bottom:15px!important}.padding-left-right-small{padding-left:15px!important;padding-right:15px!important}.padding-large{padding:60px!important}.padding-top-large{padding-top:60px!important}.padding-right-large{padding-right:60px!important}.padding-bottom-large{padding-bottom:60px!important}.padding-left-large{padding-left:60px!important}.padding-top-bottom-large{padding-top:60px!important;padding-bottom:60px!important}.padding-left-right-large{padding-left:60px!important;padding-right:60px!important}.padding-mini{padding:3px!important}.padding-top-mini{padding-top:3px!important}.padding-right-mini{padding-right:3px!important}.padding-bottom-mini{padding-bottom:3px!important}.padding-left-mini{padding-left:3px!important}.padding-top-bottom-mini{padding-top:3px;padding-bottom:3px!important}.padding-left-right-mini{padding-left:3px;padding-right:3px!important}.padding-none{padding:0!important}.padding-top-none{padding-top:0!important}.padding-right-none{padding-right:0!important}.padding-bottom-none{padding-bottom:0!important}.padding-left-none{padding-left:0!important}.padding-top-bottom-none{padding-top:0;padding-bottom:0!important}.padding-left-right-none{padding-left:0;padding-right:0!important}.margin{margin:30px!important}.margin-top{margin-top:30px!important}.margin-right{margin-right:30px!important}.margin-bottom{margin-bottom:30px!important}.margin-left{margin-left:30px!important}.margin-top-bottom{margin-top:30px;margin-bottom:30px!important}.margin-left-right{margin-left:30px;margin-right:30px!important}.margin-tiny{margin:3px!important}.margin-top-tiny{margin-top:3px!important}.margin-right-tiny{margin-right:3px!important}.margin-bottom-tiny{margin-bottom:3px!important}.margin-left-tiny{margin-left:3px!important}.margin-top-bottom-tiny{margin-top:3px;margin-bottom:3px!important}.margin-left-right-tiny{margin-left:3px;margin-right:3px!important}.margin-small{margin:15px!important}.margin-top-small{margin-top:15px!important}.margin-right-small{margin-right:15px!important}.margin-bottom-small{margin-bottom:15px!important}.margin-left-small{margin-left:15px!important}.margin-top-bottom-small{margin-top:15px;margin-bottom:15px!important}.margin-left-right-small{margin-left:15px;margin-right:15px!important}.margin-large{margin:60px!important}.margin-top-large{margin-top:60px!important}.margin-right-large{margin-right:60px!important}.margin-bottom-large{margin-bottom:60px!important}.margin-left-large{margin-left:60px!important}.margin-top-bottom-large{margin-top:60px;margin-bottom:60px!important}.margin-left-right-large{margin-left:60px;margin-right:60px!important}.margin-mini{margin:3px!important}.margin-top-mini{margin-top:3px!important}.margin-right-mini{margin-right:3px!important}.margin-bottom-mini{margin-bottom:3px!important}.margin-left-mini{margin-left:3px!important}.margin-top-bottom-mini{margin-top:3px;margin-bottom:3px!important}.margin-left-right-mini{margin-left:3px;margin-right:3px!important}.margin-none{margin:0!important}.margin-top-none{margin-top:0!important}.margin-right-none{margin-right:0!important}.margin-bottom-none{margin-bottom:0!important}.margin-left-none{margin-left:0!important}.margin-top-bottom-none{margin-top:0;margin-bottom:0!important}.margin-left-right-none{margin-left:0;margin-right:0!important}.border{border:1px solid var(--lt-color) !important}.border-top{border-top:1px solid var(--lt-color) !important}.border-left{border-left:1px solid var(--lt-color) !important}.border-right{border-right:1px solid var(--lt-color) !important}.border-bottom{border-bottom:1px solid var(--lt-color) !important}.border-none{border:none!important}


/* =======================
Preventing FUOC
======================== */
.hide-on-load{
  display:none;
}
/* =======================
Small Screens
======================== */
@media only screen and (min-width: 1024px) {
    /** Text Animation **/
    @-webkit-keyframes fadeInUpSD {
      0% {opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); text-align:center;}
      100% {opacity: 1; -webkit-transform: none; transform: none; text-align:center;}
    }

    @keyframes fadeInUpSD {
      0% {opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); text-align:center;}
      100% {opacity: 1; -webkit-transform: none; transform: none; text-align:center;}
    }
}

@media only screen and (max-width: 1024px) {
    #scrollButton {bottom: 20px; right: 4%;}
    footer, footer .text-left, .copyright-div {text-align:center !important;}
    footer a {display:block;}
    .main_menu a {letter-spacing:1.5px; font-size:13px;}
    #offcanvas-open-button-left {color:var(--lt-color);}
.margin-space {padding-top:0 !important;}
.utility_menu {justify-content:center;}
header .utility_menu ul li a {color:var(--lt-color);}
}

@media only screen and (max-width: 863px) {
    .hero .hero-slide .header-content {top: 24%;}
}

@media only screen and (max-width: 768px) {
    .slick-prev, .slick-next {padding: 29px 7px;}
    .footer-grid .large-7 .grid-x .cell {margin-top:25px;}
    h1, .h1 {font-size:2.6rem;}
    .cm-homepage-slider, .hero-slide {height: calc(100vh - 123px) !important;}
    footer img {margin-bottom:30px;}
    .content-wrap {padding: 0px 20px 50px;}
  .cm-button-row .cell {min-height:190px;}
  .hero-text .hero .hero-slide a {padding-top: 0.8rem;}
  .hero-text .hero .hero-slide a span {font-size: 20px;margin-top: 0.5rem;}
  .cm-button-row .cell:first-child {border-right:0px solid transparent; border-bottom: 1px solid #ffffff;}
}

@media only screen and (max-width: 674px) {
    .button.expanded {font-size: 20px;}
    .hero h2 {font-size:43px;}
}

@media only screen and (max-width: 639px) {
    .smallhide {display:none;}
}