/* font-family: "Roboto", sans-serif; font-family: "proxima-nova", sans-serif; */ :root { --accent-color:#EC002B; } /* --------------------------------------------------------- ------------------------------------- Base ----------------------------------------------------------*/ body.et-fb-root-ancestor .nhg-divi-include {height:200px;background: #efd3d3 !important;} body.et-fb-root-ancestor .nhg-divi-include::after {content:"The contents of this section are not editable in the Divi Builder.";height: 100%;width: 100%;display: block;display: flex;align-items: center;justify-content: center;padding: 10px;} body.et-fb-root-ancestor .nhg-divi-include * { display: none!important; } html.et-fb-preview--wireframe .et-fb-preview__overlay { display: none!important; } html { font-size:62.5%; scroll-behavior: smooth; } body {font-size:1.8rem; font-family: Roboto, sans-serif;color: #121212;width: 100%;height: 100%;} .container {max-width: 1105px;width:95%;} .noselect {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a {color: #00B4FF;} a:hover { color: #00B4FF; } .entry-content h1, .entry-content h2, .entry-content h3 { font-family: "Roboto", sans-serif; font-weight: 700;} .entry-content h1 { font-size: 50px;} .entry-content h2 { font-size: 50px; } .entry-content h3 { font-size: 40px; } .entry-content a { font-weight: 500; } .entry-content a:hover { text-decoration: underline; } ul.plus-list { } ul.plus-list li {margin: 0!important;list-style: none!important;position: relative;padding: 3px 0 3px 30px!important; } ul.plus-list li::before {content:"+";color: #00B4FF;position: absolute;top: 13px;left: 0;font-size: 26px;font-weight: 700;line-height: 0;} #wrapper {background: #fff;transition:background 1s ease;} #main { z-index: 1; } #main > .inner-wrap { background: #0f2830!important; } #rankin:not(.et-fb-root-ancestor) #wrapper [class*='btn-']:not([class*='mce']), #rankin:not(.et-fb-root-ancestor) #wrapper input[type='submit'] {text-decoration:none!important;display: inline-block;text-align: center;text-decoration:none;padding: 13px 20px 14px;transition: all 0.3s ease;} #rankin #wrapper .btn-primary, #rankin #wrapper input[type*='submit'] {background-color: #EC002B;border: 2px solid #EC002B;color: #fff;} #rankin #wrapper .btn-primary:hover, #rankin #wrapper input[type*='submit']:hover {background-color: #fff;color: #EC002B;} #rankin #wrapper .btn-white, #rankin #wrapper input[type*='submit'] {background-color: #fff; color:#0F2830;} #rankin #wrapper .btn-white:hover, #rankin #wrapper input[type*='submit']:hover { background-color: #01BC71; color:#fff; } #rankin #wrapper .divi-btn-primary {position: relative; transition: none!important;} #rankin #wrapper .divi-btn-primary::after { content:""; display:block!important; position: absolute;top: 0;bottom: -1px;background: #eaf2f5;left: 0;width: 100%;transition: transform .35s ease;margin: 0;opacity: 1;z-index: 1;transform: scaleX(0);transform-origin: 100% 100%;} #rankin #wrapper .divi-btn-primary:hover::after {transform: scaleX(1); transform-origin: 0 100%; } #rankin #wrapper .divi-btn-primary .text-inner { position: relative; z-index: 2;} #rankin #wrapper .divi-btn-primary:hover .btn-inner { } a.block-link {color: #2ea3f2;text-decoration: none;position: relative;padding-bottom: 4px;} a.block-link::before {content: "";position: absolute;width: 100%;top: 0;bottom: 0;background-image: linear-gradient(90deg, #2ea3f2, #2ea3f2);background-size: 20% 2px;background-repeat: no-repeat;background-position: left bottom;transition: background-size .3s ease-in; } a.block-link:hover::before { background-size: 100% 2px; } #rankin #wrapper .social {display: flex;align-items: center;gap: 10px;} #rankin #wrapper .social a {color: #fff!important;width: 35px;height: 35px;display: flex!important;align-items: center;justify-content: center;border: 2px solid #ffffffbf!important;border-radius: 50%!important;font-size: 15px;text-decoration: none!important;transition: all 0.3s ease!important;line-height: 0;padding: 0;} #rankin #wrapper .social a:hover { color:#fff!important; border-color:#EC002B!important; background:#EC002B;} #rankin #wrapper .expander {padding-top: 30px!important;position: relative;} #rankin #wrapper .expander a {font-weight: 400!important;text-decoration: underline!important;color:#00B4FF;transition: color 0.3s ease;} #rankin #wrapper .expander a:hover {color: #44c0f5; } /*#rankin #wrapper .expander a::after {content:"";background: #01bc71;height: 1px;width: 40px;position: absolute;top: 130%;left: 0;}*/ #rankin #wrapper .expander::before {content:"";background: #0f2830;position: absolute;bottom: 70%;left: 0;width: 100%;height: 100px;background: rgb(15,40,48);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);} #rankin #wrapper .expander + .expanded-content {opacity:0;max-height:0;transition: all 1s ease!important;} #rankin #wrapper .expander + .expanded-content.opened { opacity:1; max-height:2000px; } #rankin #wrapper .expander.clicked {opacity:0; max-height:0; padding-top:1em!important;} label { } .gfield_label { margin-bottom: 0; } .gform_confirmation_message { color: #155724;background-color: #d4edda;border-color: #c3e6cb;padding: 30px 25px;font-size: 1.9rem;font-weight: 500;} .gform_wrapper div.validation_error { background: #790000; color: #fff; font-weight: normal; } .gform_wrapper li.gfield.gfield_error { border:none; background:none; } .gform_wrapper .validation_message {color: #a70101;} /* Gravity forms default */ #rankin #wrapper .gform_wrapper input[type=text], #rankin #wrapper .gform_wrapper input[type=email], #rankin #wrapper .gform_wrapper input[type=date], #rankin #wrapper .gform_wrapper input[type=tel], #rankin #wrapper .gform_wrapper input[type=number] {padding: 15px 15px 15px 0!important;border-radius: 0;border: none;font-size: 1.6rem!important;font-weight: 400;width: 100%!important;margin: 0!important;color: #000;border-bottom: 1px solid #aaa;} #rankin #wrapper .gform_wrapper textarea { padding:10px 15px; border:1px solid #C3C3C3; font-size: 1.8rem; font-weight: 500; transition:border 0.3s ease, bos-shadow 0.3s ease; } #rankin #wrapper .gform_wrapper .gfield_required:before {content:"*";font-size: 2.0rem;font-weight: 300;} #rankin #wrapper .gform_wrapper .gfield_required .gfield_required_text { display: none; } #rankin #wrapper .gform_wrapper .gfield_contains_required .ginput_complex label:after {content:"*";font-weight: 300;font-size: 2.0rem;} #rankin #wrapper .gform_wrapper .gf_name_has_2 > span:nth-child(1) { padding-right:10px; } #rankin #wrapper .gform_wrapper .gf_name_has_2 > span:nth-child(2) { padding-left:10px; } #rankin #wrapper .gform_wrapper label {font-size: 16px;font-weight: 700;padding: 0 0 8px;text-transform: uppercase;letter-spacing: 0.5px;} #rankin #wrapper .gform_fields > .gfield { margin:0 0 15px; } #rankin #wrapper .gform_wrapper input[type=text]:focus, #rankin #wrapper .gform_wrapper input[type=email]:focus, #rankin #wrapper .gform_wrapper input[type=date]:focus, #rankin #wrapper .gform_wrapper input[type=tel]:focus, #rankin #wrapper .gform_wrapper input[type=number]:focus, #rankin #wrapper .gform_wrapper textarea:focus {border-color: #FF0028!important;/* box-shadow: 0 1px 11px 0px #ff002880; */} #rankin #wrapper .gform_wrapper select {padding: 15px 15px!important;border-radius: 3px;border: none;font-size: 1.6rem!important;font-weight: 500;width: 100%!important;cursor: pointer;margin: 0!important;color: #000;border-bottom: 1px solid #aaa;background: transparent;} #rankin #wrapper .gform_wrapper .gform_footer {text-align: right;background: #F0F0F0;padding: 15px 30px 30px;border-left: 2px solid #EC002B;} #rankin #wrapper .gform_wrapper .gform_button {width: 100%;background-color: #EC002B;color: #fff;transition:all 0.3s ease;text-transform: none;text-align: center;font-size: 2.0rem;font-weight: 700;padding: 15px 70px;width: auto;} #rankin #wrapper .gform_wrapper .gform_button:hover {background-color: #d10e2d;} #rankin #wrapper .gform_wrapper .gform_button:focus { transform: translateY(1px); } #rankin #wrapper .gform_wrapper .gform_validation_errors, #rankin #wrapper .gform_wrapper .validation_message {padding: 0;margin: 0;box-shadow: none;border: none;background: none;border-radius: 0;color: #f00;} #rankin #wrapper .gform_wrapper h2.gform_submission_error {font-size: 1.6rem;font-weight: 700;padding: 10px;color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;margin: 0 0 1vw;} #rankin #wrapper .gform_wrapper h2.gform_submission_error .gform-icon { display:none!important; } #rankin #wrapper .gform_wrapper .gfield_validation_message {color: #f00;padding: 0;line-height: 1em;background: none;border: none; position: absolute; top: 105%;} #rankin #wrapper .gform_wrapper h3 {font-size: 2.5rem;margin: 0!important;padding: 14px 0!important;} #rankin #wrapper .form-privacy-policy-link a { font-size: 1.8rem; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 15px; } .gform_wrapper textarea { } #rankin #wrapper .gform_heading {background: #EC002B;padding: 20px;} #rankin #wrapper .gform_heading .gform_title {color: #fff;margin: 0;padding: 0;font-family: "Roboto", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 26px;} #rankin #wrapper .gform_body {background: #F0F0F0;padding: 30px;border-left: 2px solid #EC002B;} #rankin #wrapper .gform_wrapper.gravity-theme .gform_drop_area { background: rgba(0, 0, 0, .02); border: 1px dashed #ccc; border-radius: 4px; margin-bottom: 8px; padding: 32px; text-align: center; } /* Slick default */ .slick-slide { outline: none; } .slick-arrow {position:absolute;background-color: #fff;border: none;} .slick-arrow i { color:#009AEB; } .slick-arrow:hover { background-color: #06B1BF; } .slick-arrow.prev {left: 20px;} .slick-arrow.next {right: 20px;} .slick-arrow.slick-disabled { opacity:0.25; } .slick-arrow.slick-disabled i { color: #9e9e9e;} ul.slick-dots { margin:0!important; padding: 30px 20px!important; list-style: none; text-align:center!important; } ul.slick-dots li {display: inline-block;margin: 0 5px!important;} ul.slick-dots li button {background: #DBDBDB;border:none;outline:none;text-indent:-999em;width: 16px;height: 16px;cursor: pointer;display: block;border-radius: 50%;} ul.slick-dots li.slick-active button {background: #091D3E;} /* --------------------------------------------------------- ------------------------------------- Header ----------------------------------------------------------*/ /* #primary-header {padding: 0;} #primary-header a { color:#fff;} #primary-header .header-top {background: #FF0028;color: #fff;display: flex;align-items: center;justify-content: space-between;overflow: hidden;} #primary-header .header-top .ctas {margin: 0;padding: 0;display: flex;} #primary-header .header-top .ctas li {list-style: none;} #primary-header .header-top .ctas li a {font-size: 14px;color: #000;text-transform: uppercase;padding: 10px 35px;display: block;font-weight: 500;display: flex;align-items: center;text-decoration: none;position: relative;z-index: 1;transition: all 0.3s ease;} #primary-header .header-top .ctas li a.shop {background: #E5E5E5; } #primary-header .header-top .ctas li a.portal {background: #fff;transform: skewX(0deg);position: relative; } #primary-header .header-top .ctas li a.portal::before {content:"";position: absolute;top: 0;left: -10px;width: 20px;height: 100%;background: #fff;transform: skewX(-20deg);} #primary-header .header-top .ctas li a.portal::after {content:"";position: absolute;top: 0;right: -10px;width: 20px;height: 100%;transform: skewX(-20deg);background: #fff;} #primary-header .header-top .ctas li a img {display: block;margin: 0 5px 0 0;} #primary-header .header-top .ctas li a:hover { padding-left:50px; } #primary-header .header-top .links {margin: 0;padding: 0;display: flex;gap: 20px;padding: 0 30px 0 0;} #primary-header .header-top .links li {list-style: none;} #primary-header .header-top .links li a {font-size: 16px;font-weight: 500;} #primary-header .header-main {background: #141414;color: #fff;} #primary-header .header-main .inner {display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 30px 0;} #primary-header .header-main .inner .logo-col {max-width: 160px;} #primary-header .header-main .inner .logo-col a img { transition:all 0.3s ease; } #primary-header .header-main .inner .logo-col a:hover img {transform: translateY(-3px);} #primary-header .header-main .inner .nav-col { } #primary-header .header-main .inner .nav-col .menu { padding: 0;margin: 0;display: flex;gap: 25px; } #primary-header .header-main .inner .nav-col .menu > li {list-style: none;position: relative;display: flex;align-items: center;} #primary-header .header-main .inner .nav-col .menu > li > a {text-decoration: none;transition: all 0.3s ease;} #primary-header .header-main .inner .nav-col .menu > li:not(.menu-item-has-children) > a::after {content:"";width: 0;position: absolute;top: 100%;left: 0;background: #b0001c;height: 2px;transition: width 0.3s ease;} #primary-header .header-main .inner .nav-col .menu > li > a:hover {color: #fff;position: relative;} #primary-header .header-main .inner .nav-col .menu > li:not(.menu-item-has-children) > a:hover {transform: translateY(-1px);} #primary-header .header-main .inner .nav-col .menu > li:not(.menu-item-has-children) > a:hover::after { width:100%;} #primary-header .header-main .inner .nav-col .menu > li.menu-item-has-children:after {content:'\f078';color: #fff;display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0 0 0 5px;text-decoration:none;transition:all 0.3s ease;font-size: 13px;line-height: 1em;} #primary-header .header-main .inner .nav-col .sub-menu {list-style: none;padding: 0;margin: 0;position: absolute;top: 100%;left: 0;background: #b0001c;z-index: 100;width: auto;overflow: hidden;opacity: 0;max-height: 0;transition: all 1s ease;display: flex;flex-flow: column; } #primary-header .header-main .inner .nav-col .sub-menu li {display: block;} #primary-header .header-main .inner .nav-col .sub-menu li a::after { display:none!important; } #primary-header .header-main .inner .nav-col .sub-menu li a {color: #fff;transition: all 0.3s ease;padding: 15px 25px;white-space: nowrap;background: #b0001c;display: block;text-decoration: none!important;} #primary-header .header-main .inner .nav-col .sub-menu li a:hover {color:#fff;text-decoration:underline;background: #960018;} #primary-header .header-main .inner .nav-col .sub-menu li:first-child a { } #primary-header .header-main .inner .nav-col .sub-menu li:last-child a { } #primary-header .header-main .inner .nav-col > ul li:hover .sub-menu {opacity:1;max-height: 160px; max-height: none;} #primary-header .header-main .inner .search-col {text-align: right;} #primary-header .header-main .inner .search-col .search {position: relative;} #primary-header .header-main .inner .search-col .search-input {background: none;border: 1px solid #454545;border-radius: 4px;padding: 5px 10px 5px 30px;font-size: 16px;transition: all 0.3s ease;color: #fff;} #primary-header .header-main .inner .search-col .search::before {content:'\f002';color: #454545;display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0;text-decoration:none;transition:all 0.3s ease;font-size: 17px;z-index: 1;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);line-height: 1em;} #primary-header .header-main .inner .search-col .search-input:focus { border-color:#fff; } */ #primary-header .container {max-width: 1480px;padding: 0 40px;width: 100%;} #primary-header .header-top {background: #070000;color:#fff;padding: 8px 0;border-bottom: 1px solid rgba(125, 125, 125, .3);} #primary-header .header-top .ctas {padding: 0;margin: 0;list-style: none;} #primary-header .header-top .ctas a {color:#fff;font-size: 15px;font-weight: 500;} #primary-header .header-main { color: #fff;background: #070000;} #primary-header .header-main .inner {display: flex;align-items: center;gap: 30px;padding: 30px 0;} #primary-header .header-main .logo-col {display: flex;align-items: center;gap: 10px;} #primary-header .header-main .logo-col .logo {max-width: 200px;} #primary-header .header-main .logo-col .phone a {color: #fff;font-weight: 500;} #primary-header .header-main .search-col { flex: auto;display: flex;} #primary-header .header-main .search-col form {display: flex;width: 100%; display: flex;flex: auto;} #primary-header .header-main .search-col form .search-input {color: #070000;padding: 11px 15px;flex: auto;outline: 0;border: 1px solid #070000;border-right: none;font-size: 16px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} #primary-header .header-main .search-col form .search-input::placeholder { color: #070000; opacity: 1; } #primary-header .header-main .search-col form .search-input::-ms-input-placeholder { color: #070000;} #primary-header .header-main .search-col form button {border-radius: 0 3px 3px 0;background: #bb1d1c;color: #fff;border: none;margin: 0;outline: none;display: flex;align-items: center;justify-content: center;width: 50px;} #primary-header .header-main .search-col form button .search-form-button-icon {width: 21px;height: 21px;display: flex;margin: 0 auto;align-items: center;} #primary-header .header-main .cart-col {color: #fff;display: flex;align-items: center;gap: 15px;font-size: 20px;font-weight: 700;position: relative;} #primary-header .header-main .cart-col .cart-label {font-weight: 500;font-size: 17px;line-height: 1em;display: block;} #primary-header .header-main .cart-col .cart-icon {display: flex;width: 27px;height: 24px;color: #fff;} #primary-header .header-main .cart-col .cart-icon::after {content:"";top: 0;left: 0;position: absolute;width: 100%;height: 100%;} #primary-header #main-nav-bar {color: #000;padding: 0;border-bottom: 1px solid #e1e3e4;position: relative;} #primary-header #main-nav-bar .menu {padding: 0;margin: 0;display: flex;gap: 35px;} #primary-header #main-nav-bar .menu > li {list-style: none;position: relative;display: flex;align-items: center;padding: 22px 0;} #primary-header #main-nav-bar .menu > li > a {text-decoration: none;transition: all 0.3s ease;display: block;color: #000;line-height: 1em;font-size: 16px;} #primary-header #main-nav-bar .menu > li:not(.menu-item-has-children) > a::after {content:"";width: 0;position: absolute;top: 100%;left: 0;background: #b0001c;height: 2px;transition: width 0.3s ease;} #primary-header #main-nav-bar .menu > li > a:hover { color: #bb1d1c;position: relative;} #primary-header #main-nav-bar .menu > li:not(.menu-item-has-children) > a:hover {transform: translateY(-1px);} #primary-header #main-nav-bar .menu > li:not(.menu-item-has-children) > a:hover::after { width:100%;} #primary-header #main-nav-bar .menu > li.menu-item-has-children:after {content:'\f078';color: #000;display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0 0 0 5px;text-decoration:none;transition:all 0.3s ease;font-size: 13px;line-height: 1em;} #primary-header #main-nav-bar .sub-menu {padding: 0;position: absolute;list-style: none;background: #fff;color: #070000;border-radius: 0 0 3px 3px;border: 1px solid #e1e3e4;top: calc(100% + 1px);z-index: 5;left: -15px;height: 0;overflow: hidden;border-top: none;} #primary-header #main-nav-bar .sub-menu li {display: block;/* padding: 15px 0; */} #primary-header #main-nav-bar .sub-menu li a::after { display:none!important; } #primary-header #main-nav-bar .sub-menu li a {color: #000;transition: all 0.3s ease;padding: 15px 25px;white-space: nowrap;padding: 5px 60px 5px 20px;display: flex;align-items: center;text-decoration: none!important;justify-content: space-between;font-size: 16px;} #primary-header #main-nav-bar .sub-menu li a:hover { color: #960018;} #primary-header #main-nav-bar .menu li:hover .sub-menu {opacity:1;padding: 15px 0;height:auto;} #primary-header #main-nav-bar .menu > li#menu-item-1199 .sub-menu { right: 0; left: auto; } #primary-header #main-nav-bar .mega-menu {position: static!important;} #primary-header #main-nav-bar .mega-menu > .sub-menu {display: none;left: 50%;z-index: 100;width: 100%;max-width: 1480px;padding: 0 20px!important;width: 100%;transform: translateX(-50%);margin: 0 auto;border: none;overflow: visible;border-bottom: 1px solid #e1e3e4;} #primary-header #main-nav-bar .mega-menu > .sub-menu::before {content:"";background: #fff;position: absolute;top: 0;right: 100%;width: calc((100vw - 100% - 15px) / 2 );height: 100%;/* transform: translateX(-50%); */z-index: 1;} #primary-header #main-nav-bar .mega-menu > .sub-menu::after {content:"";background: #fff;position: absolute;top: 0;left: 100%;width: calc((100vw - 100% - 15px) / 2 );height: 100%;/* transform: translateX(-50%); */z-index: 1;} #primary-header #main-nav-bar .mega-menu > .sub-menu > li {padding: 15px 0;position: relative;z-index: 2;} #primary-header #main-nav-bar .mega-menu > .sub-menu > li > a {font-weight: 500;} #primary-header #main-nav-bar .mega-menu .sub-menu > li > .sub-menu {position: static;border: none;border-radius: 0;display: block;} #primary-header #main-nav-bar .mega-menu:hover .sub-menu { display:flex; } #primary-header .header-main .mobile-col { display:none; } #primary-header .mobile-col { display:none; } #primary-header .mobile-col .mobile-menu-open {font-size: 34px;color: #fff;display: block;width: 40px;height: 11px;position: relative;} #primary-header .mobile-col .mobile-menu-open::before {content:"";width: 100%;height: 2px;background: #fff;position: absolute;top: 0;transition: background 0.3s ease;} #primary-header .mobile-col .mobile-menu-open::after {content:"";width: 100%;height: 2px;background: #fff;bottom: 0;position: absolute;transition: background 0.3s ease;} #primary-header .mobile-col .mobile-menu-open:hover::before, #primary-header .mobile-col .mobile-menu-open:hover::after {background: #EC002B;} #mobile-nav {position: absolute;min-height: 100vh;box-shadow: 0px 2px 20px #000;transition: opacity 0.2s linear, top 0.6s ease;width: 100%;left: 0;z-index: 10000;display: flex;background: #fff;flex-flow: column;/* justify-content: space-between; */opacity:0;top:-200vh;background: #111111;padding: 0;z-index: 100;} #mobile-nav.open {opacity: 1;top:0;/* display: block; *//* height: 100%; */} #mobile-nav .mobile-nav-header {position: relative;display: flex;justify-content: center;padding: 40px 30px 30px;align-items: center;} #mobile-nav .mobile-nav-header .mobile-menu-close {position: absolute;top: 50%;right: 30px;color: #fff;transform: translateY(-50%);display: flex;align-items: center;/* font-size: 40px; */border: 2px solid #fff;border-radius: 50%;padding: 10px;transition: border-color 0.3s ease;} #mobile-nav .mobile-nav-header .mobile-menu-close svg {fill: #fff;width: 20px;height: 20px;transition: fill 0.3s ease;} #mobile-nav .mobile-nav-header .mobile-menu-close:hover svg { fill:#EC002B; } #mobile-nav .mobile-nav-header .mobile-menu-close:hover { border-color:#EC002B;} #mobile-nav .mobile-nav-header > a.logo {display: inline-block;text-align: center;text-decoration: none;color: #000;font-size: 18px;font-weight: 400; flex: 0 0 auto;/* margin-left: 40px; */} #mobile-nav .mobile-nav-header > a.logo img {height: auto;margin:0 auto;max-width: 55vw;} #mobile-nav .mobile-nav-header > a.login {text-decoration:none;color: #000;font-size: 1.8rem; } #mobile-nav .mobile-nav-search {padding: 0 30px 20px;} #mobile-nav .mobile-nav-search form {display: flex;position: relative;} #mobile-nav .mobile-nav-search form .search-input { -webkit-appearance: none;width: 100%;padding: 15px 15px!important;border-radius: 3px!important;border: 1px solid #C3C3C3!important;font-size: 1.8rem!important;font-weight: 500;width: 100%!important;margin: 0!important;} #mobile-nav .mobile-nav-search form .search-submit {background: none;border: none;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);} #mobile-nav .mobile-nav-search form .search-submit::after {content:'\f002';display: inline-block;font-size: 20px;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: normal;font-style: normal;margin: 0;text-decoration:none;color: #06B1BF;} #mobile-nav .menu {list-style: none;margin: 0;padding: 0 30px;position: relative;left: 0;transition:left 0.5s ease;} #mobile-nav .menu a {text-align: left;font-size: 30px;font-weight: 500;text-decoration: none;display: block;padding: 20px 0;color: #fff;font-family: "Roboto", sans-serif;position: relative;} #mobile-nav .menu a:not(.back a)::before {content:"";width: 20%;position: absolute;top: -2px;background: #EC002B;left: 0;height: 3px;transition: width 0.3s ease;} #mobile-nav .menu a:not(.back a):hover::before { width:100%; } #mobile-nav .menu > li {text-align: center;border-top: 1px solid #70707042;} #mobile-nav .menu > li:last-child, #mobile-nav .sub-menu > li:last-child { border-bottom:none; } #mobile-nav .menu > li > ul { position: absolute; left: 100%; top:0; width: 100%; list-style: none;margin: 0;padding: 0 20px; display: none; } #mobile-nav .menu > li > ul.sub-menu-open { display: block; } #mobile-nav .menu > li > ul > li {text-align: center;border-bottom: 1px solid #404040;} #mobile-nav .menu li.back { border:none; } #mobile-nav .menu li.back a {font-size: 2.5rem;} #mobile-nav .menu li.back a:before {content:'\f0d9';color: #fff;display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0 10px 0 0;text-decoration:none;transition:all 0.3s ease;font-size: 1.1em;} #mobile-nav .menu > li > ul > li > ul { display: none; } #mobile-nav .menu > li.menu-item-has-children:not(.menu-item-1232) > a:after {content:'\f105';color: #fff;display: inline-block;transition: all 0.2s ease;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0 0 0 10px;text-decoration:none;transition:all 0.3s ease;font-size: 1.1em;} #mobile-nav .menu.on-sub-menu { left:-100%; } #mobile-nav #menu-mobile-menu.on-sub-menu { left:-100%; } #mobile-nav .social {display: flex;justify-content: center;} #mobile-nav .social li {font-size: 31px;margin: 0 15px;} #mobile-nav .social li a { color: #091D3E; } #mobile-nav .buttons {display: flex;flex-flow: column;margin:0;margin: 0 20px;border-bottom: 1px solid #fff3;padding: 30px 0 50px;gap: 20px;} #mobile-nav .buttons li { list-style: none; margin:0; padding:0; } #mobile-nav .buttons a {margin: 0;line-height: 1em;padding: 25px 40px!important;display: block!important;font-size: 22px!important;} #mobile-nav .contact {padding: 30px 20px 20px;text-align: center;/* line-height: 1.15em; */color: #fff;font-size: 30px;background: #EC002B;margin-top: auto;} #mobile-nav .contact a {color: #f5f5f5;font-size: 50px;display: block;padding: 0;} #rankin #wrapper #mobile-nav .social a {width: 55px!important;height: 55px!important;font-size: 23px!important;} body.mobile-menu-is-open #wrapper > *:not(#mobile-nav) {/* opacity: 0.3; */} /* --------------------------------------------------------- ------------------------------------- Footer ----------------------------------------------------------*/ /* #footer-primary {color: #fff;background: #000000;padding: 10vh 0 5vh;} #footer-primary .container {max-width: 1260px;} #footer-primary a {color:#fff; } #footer-primary h3 {font-size: 16px;text-transform: uppercase;font-weight: 800;border-left: 4px solid #EC002B;padding: 3px 3px 3px 10px;} #footer-primary ul {margin: 0;padding: 0;list-style: none;} #footer-primary ul li { } #footer-primary .footer-top {display: flex;justify-content: flex-end;gap: 50px;} #footer-primary .footer-top .info-col {margin-right: auto; } #footer-primary .footer-top .info-col .footer-logo { margin:0 0 20px} #footer-primary .footer-top .info-col p {font-weight: 700;} #footer-primary .footer-top .info-col a { font-weight:700;} #footer-primary .footer-top .nav-col ul { padding-left:15px; } #footer-primary .footer-bottom {display: flex;align-items: center;justify-content: space-between;font-size: 16px;padding: 10vh 0 0;} #footer-primary .footer-bottom .sub-links {display: flex;padding: 10px 0 0;gap: 20px;} #footer-primary .footer-bottom .footer-shop {display: flex;align-items: center;gap: 25px;} #footer-primary .footer-bottom .footer-shop .shop-gif {max-width: 200px;} */ #footer-primary {color: #000;background: #fff;padding: 10vh 0 5vh;} #footer-primary .container {max-width: 1480px;padding: 0 40px;} #footer-primary a {color: #000;font-weight: 400;} #footer-primary h3 {font-size: 16px;text-transform: uppercase;font-weight: 700; padding: 0 0 10px;} #footer-primary ul {margin: 0;padding: 0;list-style: none;} #footer-primary ul li { } #footer-primary .footer-top {display: flex;justify-content: flex-end;gap: 50px;} #footer-primary .footer-top [class*="footer-col"] {flex: 1;font-size: 16px;} #footer-primary .footer-top .info-col { } #footer-primary .footer-top .info-col p { } #footer-primary .footer-top .info-col a { } #footer-primary .footer-bottom {display: flex;align-items: center;justify-content: space-between;font-size: 16px;padding: 10vh 0 0;} #footer-primary .footer-bottom .sub-links {display: flex;padding: 10px 0 0;gap: 20px;} #footer-primary .footer-bottom .footer-shop {display: flex;align-items: center;gap: 25px;} #footer-primary .footer-bottom .footer-shop .shop-gif {max-width: 200px;} /* --------------------------------------------------------- ------------------------------------- Content ----------------------------------------------------------*/ #rankin .et_pb_row .et_pb_column .photo-box-caption {position: absolute!important;width: auto;white-space: nowrap;} #rankin .et_pb_row .et_pb_column:first-child .photo-box-caption {bottom: 10px;left: 30px;transform: rotate(-90deg);transform-origin: left;} #rankin .et_pb_row .et_pb_column:last-child .photo-box-caption {top: 10px;left: 100%;transform: rotate(90deg) translateY(150%);transform-origin: left;} #rankin .why-choose-us-grid { display: grid; grid-template-columns: 1fr 1fr; color: #fff!important; margin: 0!important; padding: 0!important; grid-row-gap: 30px; grid-column-gap: 20px; } #rankin .why-choose-us-grid li {list-style: none!important;text-transform: uppercase;font-weight: 600;position: relative;height: 86px;/* padding: 0 0 105px 0; */display: flex;align-items: center;justify-content: flex-start;padding-left: 110px!important;font-weight: 700;} #rankin .why-choose-us-grid li::before {content:"";background-image: url(/wp-content/uploads/2024/03/why-choose-cal-icon.png);width: 105px;height: 86px;position: absolute;top: 0;left: 0;} #rankin #wrapper .box-link {background: #EEEDEB;margin: 0 0 15px;position: relative;transition: all 0.3s ease;} #rankin #wrapper .box-link .box-link-inner {display: flex;align-items: center;justify-content: space-between;padding: 25px 20px 25px 40px;gap: 15px;} #rankin #wrapper .box-link .box-link-inner::before {content:"";position: absolute;background: #EC002B;left: 20px;top: 50%;width: 4px;transform: translateY(-50%);height: 20px;} #rankin #wrapper .box-link .box-link-inner a {text-transform: uppercase;font-size: 18px;color: #000000;letter-spacing: 1px;padding: 0;transition: all 0.3s ease;line-height: 1.15em;} #rankin #wrapper .box-link .box-link-inner a::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #rankin #wrapper .box-link:hover .icon path { fill:#fff; } #rankin #wrapper .box-link:hover { background:#1F1F1F; } #rankin #wrapper .box-link:hover a { color:#fff; } #rankin #wrapper .solutions-sidebar .box-link .box-link-inner {padding: 20px 15px 20px 25px;} #rankin #wrapper .solutions-sidebar .box-link .box-link-inner a {font-size: 15px;} #rankin #wrapper .solutions-sidebar .box-link .box-link-inner::before {left: 10px;} #rankin #service-faq { } #rankin #service-faq .item {border-top: 1px solid #414141!important;color: #fff;padding: 0;} #rankin #service-faq .item .item-inner {margin: 0;} #rankin #service-faq .item .item-inner .item-header {display: flex;/* align-items: center; */cursor: pointer;padding: 0;} #rankin #service-faq .item .item-inner .item-header .num {color: #fff;font-weight: 500;font-size: 28px;flex: 0 0 70px;position: relative;padding: 3vh 0 0;font-family: "Roboto", sans-serif;text-align: center;} #rankin #service-faq .item .item-inner .item-header .num::before {background: #FF001A;content:"";width: 100%;height: 3px;position: absolute;top: 0;left: 0;} #rankin #service-faq .item .item-inner .item-header .question {color: #fff;font-weight: 500;font-size: 25px;display: flex;flex: 1;align-items: center;padding: 3vh 20px 3vh 20px;font-family: "Roboto", sans-serif;} #rankin #service-faq .item .item-inner .item-header .toggle {color: #fff;cursor: pointer;padding: 3vh 0 0;font-size: 26px;} #rankin #service-faq .item .item-inner .item-header .fa-plus { } #rankin #service-faq .item .item-inner .item-header .fa-minus {display: none; } #rankin #service-faq .item .item-inner .item-body {color: #fff;max-height: 0;overflow: hidden;padding: 0 0 0 90px;transition: max-height 1s ease;} #rankin #service-faq .item .item-inner .item-body .item-body-inner {padding: 0 0 3vh;line-height: 1.5em;font-size: 20px;} #rankin #service-faq .item.active .item-body {max-height: 600px;} #rankin #service-faq .item.active .item-header .fa-plus {display: none; } #rankin #service-faq .item.active .item-header .fa-minus { display:block;} #rankin .product-grid {gap: 15px;justify-content: space-between;} #rankin .product-grid > .et_pb_column {flex: 1;width: auto!important;float: none!important; transition:all 0.3s ease;} #rankin .product-grid > .et_pb_column:hover {transform: translateY(-10px);background-color: #ec002b!important;} #rankin .product-grid > .et_pb_column:hover .et_pb_module.et_pb_text { color:#fff!important; } #rankin .product-grid::after {display: none!important;} #rankin #solutions-subpage-nav {padding: 0;margin: 0;} #rankin #solutions-subpage-nav li {list-style: none;padding: 15px 0 15px 15px;border-left: 2px solid #ccc;} #rankin #solutions-subpage-nav li a {color: #000;font-size: 20px;font-weight: 300;padding: 0; display: block;line-height: 1em;} #rankin #solutions-subpage-nav li a:hover {color: #FF0000; } #rankin #solutions-subpage-nav li.active {border-left: 2px solid #FF0000;} #rankin #solutions-subpage-nav li.active a { font-weight:600; color: #FF0000; } #rankin #team { } #rankin #team .inner {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;} #rankin #team .item {color: #fff;background: #1F1F1F;} #rankin #team .item .item-inner {position: relative;} #rankin #team .item .image {height: 350px;overflow: hidden;position: relative;} #rankin #team .item .image img {filter: grayscale(100%);transition: all 0.3s ease;position: absolute;min-width: 100%;min-height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);} #rankin #team .item .info {padding: 25px 15px;} #rankin #team .item .info .name {font-size: 16px;text-transform: uppercase;font-weight: 700;border-left: 3px solid #EC002B;padding: 0 0 0 10px;margin: 0 0 5px;} #rankin #team .item .title {font-size: 16px;} #rankin #team .item .pdf {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;} #rankin #team .item:hover .image img {filter:none;transform: translate(-50%, -50%) scale(1.05);} #rankin #contact-button-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 5px;} #rankin #contact-button-grid a {display: flex!important;align-items: center;justify-content: center;font-size: 16px;padding: 13px 10px!important;} #rankin #product-category-loop .inner{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;padding: 3vh 0;} #rankin #product-category-loop .item{color:#fff;background:#1F1F1F} #rankin #product-category-loop .item .item-inner{position:relative} #rankin #product-category-loop .item .image{height:350px;overflow:hidden;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;padding:30px} #rankin #product-category-loop .item .image img {display: block;transition: all 0.3s ease;} #rankin #product-category-loop .item .info{padding:25px 15px} #rankin #product-category-loop .item .info .name {font-size:16px;text-transform:uppercase;font-weight:700;border-left:3px solid #EC002B;padding:0 0 0 10px;margin:0 0 5px} #rankin #product-category-loop .item .product-link::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #rankin #product-category-loop .item:hover .image img {transform: scale(1.05);} #rankin #product-category-breadcrumbs {color: #fff;margin: 0;padding: 3vh 0 0;list-style: none;display: flex; align-items: center;} #rankin #product-category-breadcrumbs li {list-style: none;padding: 0 10px 0 0;margin: 0;} #rankin #product-category-breadcrumbs li::after {content:'\f0da';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0;text-decoration:none;font-size: 1.1em;font-size: 16px; padding: 0 0 0 10px;line-height: 1em;} #rankin #product-category-breadcrumbs li:last-child::after { display:none; } #rankin #product-category-breadcrumbs li a {color: #fff;display: inline-block;padding: 0;} #rankin #product-category-breadcrumbs li a:hover {text-decoration: underline!important;} /* --------------------------------------------------------- ------------------------------------- Home ----------------------------------------------------------*/ #rankin #home-hero-slider { } #rankin #home-hero-slider .container {margin:0 auto;max-width: 1480px;padding: 0 40px;} #rankin #home-hero-slider .item-inner .item-bg {content:"";position: absolute;top: 0;right: 0;height: 100%;width: 45vw;background-repeat: no-repeat;background-position: right;background-size: cover;} #rankin #home-hero-slider .item-inner .item-bg::before {content:"";position: absolute;top: 0;right: 0;height: 100%;width: 100%;} #rankin #home-hero-slider .item-inner .item-bg::before {background: rgb(18,18,18);background: -moz-linear-gradient(90deg, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%);background: -webkit-linear-gradient(90deg, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%);background: linear-gradient(90deg, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212",endColorstr="#121212",GradientType=1);} #rankin #home-hero-slider .item-inner {position: relative;margin: 30px 30px 0;} #rankin #home-hero-slider .item-content-col {padding: 15vh 0 15vh;max-width: 440px;color: #000;} #rankin #home-hero-slider .item-content-col h2 {font-weight: 400;font-size: 50px;} #rankin #home-hero-slider .item-content-col p {margin-bottom: 30px;font-size: 20px;} #rankin #home-hero-slider-nav {/* position: absolute; */bottom: 30px;left: 50%;/* transform: translateX(-50%); *//* width: 1105px; *//* max-width: 100%; */width: 100%;padding: 30px 0 0;} #rankin #home-hero-slider-nav .container {margin:0 auto;/* width: 100%; */max-width: 1480px;padding: 0 40px;} #rankin #home-hero-slider-nav ul {padding: 0;margin: 0;list-style: none;display: flex;gap: 25px;} #rankin #home-hero-slider-nav ul li {flex:1;list-style: none;text-transform: uppercase;font-weight: 600;font-size: 16px;display: flex;gap: 20px;cursor: pointer;border-top: 2px solid #676767;padding: 10px 0 0;position: relative;color: #000;} #rankin #home-hero-slider-nav ul li::before {content:"";width: 0;position: absolute;top: -2px;background: #EC002B;left: 0;height: 3px;transition: width 0.3s ease;} #rankin #home-hero-slider-nav ul li:hover { } #rankin #home-hero-slider-nav ul li.active::before { width:100%; } #rankin #home-service-accordion {display:flex;height: auto;height: auto;width: 90%;margin: 0 auto;} #rankin #home-service-accordion .item-header {cursor:pointer;background: #fff;border-top: 3px solid #EC002B;transition: background 0.3s ease;margin: 0 5px;position: relative;} #rankin #home-service-accordion .item-header h2 {writing-mode: vertical-rl;color:#fff;text-transform: uppercase;font-size: 24px;font-family: lato, sans-serif;padding: 80px 25px 160px;color: #000;transition: color 0.3s ease;} #rankin #home-service-accordion .item {background: #000;width: 0;overflow:hidden;transition: width 0.5s ease!important;position: relative;} #rankin #home-service-accordion .item.active { width: 100%; display: block; } #rankin #home-service-accordion .item-header.active {background: #EC002B;} #rankin #home-service-accordion .item-header.active h2 { color:#fff;} #rankin #home-service-accordion .item .item-inner { position: absolute;top: 0;left: 0;width: 930px;height: 100%;} #rankin #home-service-accordion .item .item-grid { display: grid; grid-template-columns: 1fr 0.85fr; height: 100%;} #rankin #home-service-accordion .item .item-text {display: flex;flex-flow: column;justify-content: center;padding-left: 50px;} #rankin #home-service-accordion .item .item-image {padding: 30px; display: flex;align-items: center;gap: 0;justify-content: center; } #rankin #home-service-accordion .item .item-image img { width:100%; } #rankin #home-service-accordion .item-header h2:after {content:'\f060';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0;text-decoration:none;font-size: 1.1em;font-size: 19px;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);transform-origin: left;} #rankin #home-service-accordion .item-header.active h2:after {transform: rotate(180deg) translateX(-50%); } /* --------------------------------------------------------- ------------------------------------- Resource Center ----------------------------------------------------------*/ #resource-center-primary-search { } #resource-center-primary-search form {display: flex;position: relative;} #resource-center-primary-search form .search-input {background: #1F1F1F;border: none;flex: auto;font-size: 40px;padding: 60px;color: #fff;} #resource-center-primary-search form .search-submit {background-color: #FF0028!important;color: #fff;flex: 0 0 80px;height: 220px;} #resource-center-primary-search form .line {width: 480px;position: absolute;top: calc(50% + 40px);left: 60px;height: 1px; transition: opacity 0.3s ease;background-image: url(/wp-content/uploads/2024/04/form-line.png);} #resource-center-primary-search form:not(.show-line) .line { opacity:0; } #resource-center-primary-search form .search-input:focus + .line { opacity:0; } #resource-center-index-articles {background: #121212;padding: 5vh 0;} #resource-center-index-articles .headline { } #resource-center-index-articles .headline h2 { color: #fff;font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;font-size: 30px;font-weight: 400;} #resource-center-index-articles .container {max-width: 1600px;} #resource-center-index-articles .inner {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;padding: 30px 0;} #resource-center-index-articles article {color: #fff;background: #1F1F1F;padding: 20px;position: relative;transition: background-color 0.3s ease;} #resource-center-index-articles article .image {text-align: center;margin: 0 0 15px;height: 150px;display: flex;align-items: center;justify-content: center; } #resource-center-index-articles article .image img {max-width: 150px;} #resource-center-index-articles article .title {font-weight: 700;font-size: 18px;} #resource-center-index-articles article .excerpt {margin: 0;font-size: 15px;} #resource-center-index-articles article .more { } #resource-center-index-articles article .more a {color: #03B2FF;font-weight: 600;transition: color 0.3s ease;text-decoration: none;font-size: 15px;} #resource-center-index-articles article .more a::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #resource-center-index-articles article .arrow {background: #EC002B;position: absolute;top: 0;right: 0;padding: 5px;} #resource-center-index-articles article:hover { background-color: #EC002B;} #resource-center-index-articles article:hover .more a { color:#fff; } #resource-center-index-faq {background: #1f1f1f;padding: 10vh 0;} #resource-center-index-faq .headline {padding: 0 0 5vh;} #resource-center-index-faq .headline h2 {text-align: center;color: #fff;font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;font-size: 40px;font-weight: 400;} #resource-center-index-faq .item {border-top: 1px solid #414141!important;color: #fff;padding: 0;} #resource-center-index-faq .item .item-inner {margin: 0;} #resource-center-index-faq .item .item-inner .item-header {display: flex;/* align-items: center; */cursor: pointer;padding: 0;} #resource-center-index-faq .item .item-inner .item-header .num {color: #fff;font-weight: 500;font-size: 28px;flex: 0 0 70px;position: relative;padding: 3vh 0 0;font-family: "Roboto", sans-serif;text-align: center;} #resource-center-index-faq .item .item-inner .item-header .num::before {background: #FF001A;content:"";width: 100%;height: 3px;position: absolute;top: 0;left: 0;} #resource-center-index-faq .item .item-inner .item-header .question {color: #fff;font-weight: 500;font-size: 25px;display: flex;flex: 1;align-items: center;padding: 3vh 20px 3vh 20px;font-family: "Roboto", sans-serif;} #resource-center-index-faq .item .item-inner .item-header .toggle {color: #fff;cursor: pointer;padding: 3vh 0 0;font-size: 26px;} #resource-center-index-faq .item .item-inner .item-header .fa-plus { } #resource-center-index-faq .item .item-inner .item-header .fa-minus {display: none; } #resource-center-index-faq .item .item-inner .item-body {color: #fff;max-height: 0;overflow: hidden;padding: 0 0 0 90px;transition: max-height 1s ease;} #resource-center-index-faq .item .item-inner .item-body .item-body-inner {padding: 0 0 3vh;line-height: 1.5em;font-size: 20px;} #resource-center-index-faq .item.active .item-body {max-height: 600px;} #resource-center-index-faq .item.active .item-header .fa-plus {display: none; } #resource-center-index-faq .item.active .item-header .fa-minus { display:block;} #resource-center-manual-downloads {background: #121212;padding: 10vh 0; } #resource-center-manual-downloads .headline h2 {color: #fff;font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;font-size: 30px;font-weight: 400;margin: 0 0 40px;} #resource-center-manual-downloads .manual-download-loop { column-count: 2;column-gap: 50px;} #resource-center-manual-downloads .manual-download-loop .loop-col {break-inside: avoid;margin: 0 0 30px;} #resource-center-manual-downloads .manual-download-loop h3 {color: #fff;font-size: 24px;margin: 0 0 15px;} #resource-center-manual-downloads .manual-download-loop .item {color: #000;display: flex;margin: 10px 0;background: #fff;padding: 10px;gap: 15px;} #resource-center-manual-downloads .manual-download-loop .item .item-image {width: 90px;} #resource-center-manual-downloads .manual-download-loop .item .item-image img { } #resource-center-manual-downloads .manual-download-loop .item .item-content {display: flex;flex-flow: column;justify-content: center;} #resource-center-manual-downloads .manual-download-loop .item .item-content h4 {font-size: 19px;padding: 0 0 10px;margin: 0;} #resource-center-manual-downloads .manual-download-loop .item .item-content .downloads {display: flex;gap: 10px;} #resource-center-manual-downloads .manual-download-loop .item .item-content .downloads a {background: #000;color: #fff;padding: 5px 10px;border-radius: 10px;font-size: 15px;display: block;text-decoration: none;} #resource-center-manual-downloads .manual-download-loop .item .item-content .downloads a:hover { background:#EC002B; color:#fff; } .blog-single { padding: 10vh 0; } .blog-single .article-header {margin: 0 0 40px;} .blog-single .article-header .title {margin: 0 0 15px;} .blog-single .article-header .author {font-weight: 400;} body.error404 #main > .inner-wrap { background: #070000 !important;} body.error404 #primary { color:#fff; } .gravity-theme.ui-datepicker .ui-datepicker-calendar th span, .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default, .gravity-theme.ui-datepicker .ui-datepicker-header select { font-size: 14px; } /* --------------------------------------------------------- ------------------------------------- Mobile ----------------------------------------------------------*/ @media (max-width: 1350px) { } @media (max-width: 1280px) { #rankin #home-service-accordion .item .item-grid{/* display: block; */grid-template-columns: 1fr;padding: 25px 0;} #rankin #home-service-accordion .item .item-image { display:none; } } @media (max-width: 1115px) { } @media (max-width: 1050px) { #primary-header .container { width: 95%; } #primary-header #main-nav-bar { display: none; } #primary-header .header-main .logo-col { flex-flow: column;align-items: self-start; } #primary-header .inner .nav-col { display: none; } #primary-header .header-main .mobile-col { display: block; } #primary-header .header-main .inner .search-col { display:none; } #primary-header .header-top .links { display:none; } #primary-header .header-top { display:block; } #primary-header .header-top .ctas { } #primary-header .header-top .ctas li { flex:1; } #primary-header .header-top .ctas li a {justify-content: center;} #primary-header .header-main .cart-col { margin-left: auto; } #rankin #home-hero-slider-nav ul li span {display: none;} #rankin #home-hero-slider .container {position: absolute;bottom: 10vh;left: 0;max-width: 100%;text-align: center;width: 100%;} #rankin #home-hero-slider .item-content-col { color: #fff; max-width: 100%;padding: 0 40px;} #rankin #home-hero-slider .item-inner .item-bg {right: auto;left: 0;width: 100%;position: static;height: 70vh;} #rankin #home-hero-slider .item-inner .item-bg::before {background: rgb(18,18,18);background: -moz-linear-gradient(0deg, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%);background: -webkit-linear-gradient(0deg, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%);background: linear-gradient(0deg, rgba(18,18,18,1) 0%, rgba(18,18,18,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212",endColorstr="#121212",GradientType=1);} #rankin #home-hero-slider .item-content-col h2 {font-size: 40px;} #rankin #home-service-accordion { flex-flow: column; } #rankin #home-service-accordion .item-header {margin:0;background-color: #EC002B;border-top: 1px solid #fff;margin: 5px 0 0;} #rankin #home-service-accordion .item-header h2 {writing-mode: unset;padding: 30px 25px;color: #fff;} #rankin #home-service-accordion .item-header h2:after {left: auto;margin: 0 0 0 25px;transform: rotate(-90deg);transform-origin: center;} #rankin #home-service-accordion .item-header.active h2:after { transform: rotate(90deg); } #rankin #home-service-accordion .item {width: auto;max-height: 0;transition: max-height 0.5s ease!important;background: #fff;} #rankin #home-service-accordion .item.active { max-height:900px; } #rankin #home-service-accordion .item .item-inner { position: static; width: 100%!important; } #rankin #home-service-accordion .item .item-grid {padding: 30px 30px 30px;grid-template-columns: 1fr;} #rankin #home-service-accordion .item .item-image { display: none; } #rankin #home-service-accordion .item .item-text {padding:0;color: #000;} #rankin #home-service-accordion .item .item-text h3 {display: none!important;} #rankin #home-service-accordion .item .item-actions { padding: 25px 0 0; } #rankin #home-service-accordion.services-accordion-module-single-service .item .item-inner {padding: 30px;} #rankin #home-service-accordion.services-accordion-module-single-service .item .item-text h2 { display:block!important;} } @media (max-width: 980px) { #footer-primary .footer-top {display: grid;grid-template-columns: 1fr 1fr;text-align: center;} #rankin .product-grid .et_pb_column {margin-bottom: 15px!important;} #rankin .product-grid .et_pb_column:last-child { margin-bottom:0!important;} #rankin #team .inner {grid-template-columns: 1fr 1fr;} #rankin #solutions-section > .et_pb_row {display: flex;flex-flow: column-reverse;} #rankin #product-category-loop .inner { grid-template-columns: 1fr 1fr; } #resource-center-manual-downloads .manual-download-loop { columns:1; } } @media (max-width: 768px) { ul.two-col, ol.two-col { columns:1; } ul.two-col li, ol.two-col li { } #footer-primary .footer-top { grid-template-columns: 1fr; } #rankin #service-faq .item .item-inner .item-header .num {font-size:20px;flex: 0 0 40px;} #rankin #service-faq .item .item-inner .item-header .question {font-size: 20px;} #rankin #service-faq .item.active .item-body {padding: 0 0 0 60px;} #rankin #product-category-loop .inner { grid-template-columns: 1fr; } } @media (max-width: 640px) { #rankin #wrapper .gform_fields > fieldset .ginput_complex { grid-gap: 15px; } #rankin #wrapper .gform_fields > fieldset span { padding:0!important; } #rankin #wrapper .gform_fields > .gfield { margin:0; } #rankin #wrapper .gform_wrapper select { min-height:66px;-webkit-appearance: none } #rankin .why-choose-us-grid {grid-template-columns: 1fr;} #rankin #team .item .image {height: 250px;} } @media (max-width: 500px) { #rankin #wrapper #gform_wrapper_1 #field_submit input[type='submit'] {padding: 10px 15px;font-size: 16px;height: auto;} #rankin #contact-button-grid {display: grid;grid-template-columns: 1fr; } #rankin #team .item .image { height:200px; } } @media (max-width: 400px) { } @media (max-height: 850px) { #mobile-nav .menu a {font-size: 4.2rem;} #mobile-nav .buttons { padding:20px 0 50px;} #mobile-nav .buttons a {padding: 20px 40px!important;font-size: 19px!important;} } @media (max-height: 775px) { #mobile-nav .mobile-nav-header { padding:40px 30px 30px;} #mobile-nav .menu a {font-size: 3.8rem;padding: 10px 0;} #mobile-nav .contact { padding:15px 20px;} } @media (max-height: 670px) { #mobile-nav .buttons a {padding: 15px 40px!important;font-size: 17px!important;} #mobile-nav .contact a { font-size:17px;} #mobile-nav .menu a { font-size:3.4rem; } } /* #loadmask { display:none!important; } */