/*
	 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; } */
