@charset "UTF-8";
/*
Theme Name: StormHTC
Text Domain: StormHTC
Theme URI: https://localhost/wordpress
Author: Power on Marketing
Author URI: https://www.poweronmarketing.com/
Description: Our 2023 StormHTC theme is designed to show off StormHTC.
Requires at least: 4.9.6
Requires PHP: 7.4
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
@font-face {
    font-family: "GlacialIndifference-Regular";
    src: url("./css/fonts/GlacialIndifference-Regular.otf");
}
@font-face {
    font-family: "GlacialIndifference-Bold";
    src: url("./css/fonts/GlacialIndifference-Bold.otf");
}
@font-face {
    font-family: "mokoto-regular";
    src: url("./css/fonts/mokoto.regular.ttf");
}
@font-face {
    font-family: "GlacialIndifference-Bold-fallback";
    size-adjust: 97.38%;
    ascent-override: 99%;
    src: local("Arial");
    font-weight: bold;
}

*::-moz-selection {
    color: var(--white);
    background: var(--blue);
}
*::-webkit-selection, *::selection {
    color: var(--white);
    background: var(--blue);
}
* {
    scrollbar-color: #000 #fff;
    scrollbar-width: thin;
}
*::-webkit-scrollbar {
    width: 0.6rem;
}
*::-webkit-scrollbar-track {
    background: #fff;
}
* ::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0px solid #000;
    -webkit-border-radius: 0;
    border-radius: 0;
}

:root {
    --white: #ffffff;
    --title: #0F0E0F;
    --color: #141034;
    --bg-search: #ECEDEE;
    --bg-form: #E6E8EB;
    --color-search: #47404E;
    --color-form: #707070;
    --color-footer: #3C3C3C;
    --quotes: #1C1C1C;
    --gray-light: #F8F8F8;
    --gray-dark: #6A737B;
    --btn-dis: #D7D8DA;
    --orange-light: #FAA634;
    --orange: #F26122;
    --orange-tabs: #F89C27;
    --green: #54B948;
    --green-active: #438E3A;
    --blue-light: #01A1DD;
    --blue: #3FA9F5;
    --blue-dark: #002B54;
    --bg-modal: #011729;
    --blue-dark-hover: #005CA7;
    --footer-line: #0054BB;
    --blue-item: #1AA1E4;
    --color-border: #DADCDE;
    --color-black: #2C2C2C;
    --bg-gradient: linear-gradient(#0D76BD, #002B54);
    --bg-gradient-rotate: linear-gradient( #002B54, #0D76BD);
    --bg-gradient-banner: linear-gradient(90deg, #0D76BD, #54B948);
    --bg-gradient-services: linear-gradient(75deg, #0D76BD 16%, #54B948);
    --bg-gradient-opportunities: linear-gradient(45deg, #54B948, #0D76BD);
    --bg-gradient-services-bottom: linear-gradient(75deg,  #0D76BD, #095385);
    --bg-gradient-items: linear-gradient(75deg,  #54B948, #0D76BD);
    --box-shadow: 0 0.4rem 3.2rem rgba(35, 26, 77, 0.16);
    --box-shadow-items: 0 0 2rem rgba(234, 229, 238, 1);
    --box-shadow-benefit: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    --toggle-ease: cubic-bezier(.77,0,.175,1);
}

body {
    font-family: 'GlacialIndifference-Regular', 'sans-serif';
    background-color: #F5F5F5;
    color: var(--color);
    overflow-x: hidden;
}
h1 {
    font-size: 65px;
    font-family: 'GlacialIndifference-Bold', 'GlacialIndifference-Bold-fallback';
}
ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
a:hover{
    text-decoration: unset !important;
}
input,
textarea,
select,
button {
    font-family: 'GlacialIndifference-Regular';
    font-weight: bold;
}
iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
img {
    max-width: 100%;
}
.regular {
    font-family: "GlacialIndifference-Regular";
}
.semilbold {
    font-family: "GlacialIndifference-SemiBold";
}
.bold {
    font-family: "GlacialIndifference-Bold";
}
.light {
    font-family: "GlacialIndifference-Light";
}
.italic {
    font-style: italic;
}
.zindex-negative {
    z-index: -1;
}
.zindex-0 {
    z-index: 0;
}
.zindex-1 {
    z-index: 1;
}
.zindex-100 {
    z-index: 100;
}
.zindex-1000 {
    z-index: 1000;
}
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}
.font-17 {
    font-size: 17px;
}
.font-18 {
    font-size: 18px;
}
.font-19 {
    font-size: 19px;
}
.font-20 {
    font-size: 20px;
}
.font-21 {
    font-size: 21px;
}
.font-22 {
    font-size: 22px;
}
.font-23 {
    font-size: 23px;
}
.font-24 {
    font-size: 24px;
}
.font-25 {
    font-size: 25px;
}
.font-26 {
    font-size: 26px;
}
.font-27 {
    font-size: 27px;
}
.font-28 {
    font-size: 28px;
}
.font-29 {
    font-size: 29px;
}
.font-30 {
    font-size: 30px;
}
.font-32 {
    font-size: 32px;
}
.font-33 {
    font-size: 33px;
}
.font-35 {
    font-size: 35px;
}
.font-36 {
    font-size: 36px;
}
.font-37 {
    font-size: 37px;
}
.font-38 {
    font-size: 38px;
}
.font-40 {
    font-size: 40px;
}
.font-42 {
    font-size: 42px;
}
.font-45 {
    font-size: 45px;
}
.font-46 {
    font-size: 46px;
}
.font-55 {
    font-size: 55px;
}
.font-60 {
    font-size: 60px;
}
.description {
    font-size: 15px;
}
.black {
    color: #000000;
}
.blue {
    color: var(--blue);
}
.lightblack {
    color: var(--color-black);
}
.grey {
    color: #5D5D5D;
}
.lightgrey {
    color: #F5F5F5;
}
.darkgrey {
    color: #4C4D4F;
}
.white {
    color: #ffffff;
}
.bg-default {
    background-color: var(--color);
}
.bg-white {
    background-color: #ffffff;
}
.opacity-70 {
    opacity: 70%;
}
.w-20 {
    width: calc(20% - 1rem);
}
.w-30 {
    width: 30%; 
}
.w-40 {
    width: 40%; 
}
.w-90 {
    width: 90%;
}
.mt-n5 {
    margin-top: -5rem;
}
.mt-n20 {
    margin-top: -20rem;
}
.mb-n2 {
    margin-bottom: -2rem; 
}
.mb-n5 {
    margin-bottom: -5rem; 
}
.ms-n4 {
    margin-left: -2rem;    
}
.ms-n5 {
    margin-left: -5rem;
}
.me-n5 {
    margin-right: -5rem; 
}
.ms-n30 {
    margin-left: -30%;
}
.webkit-vertical-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.webkit-vertical-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.webkit-vertical-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.hidden {
    display: none;
}
.mobile_only {
    display: none;
}
.cursor-pointer {
    cursor: pointer;
}
.object-fit-cover {
    object-fit: cover;
}
.object-fit-contain {
    object-fit: contain;
}
.box-shadow {
    box-shadow: 0px 5px 10px #0000006C;
}
.text-shadow {
    text-shadow: 0 3px 6px #00000029;
}
.clearfix {
    display: block;
    clear: both;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.btn {
    font-family: 'GlacialIndifference-Bold';
    position: relative;
    text-align: center;
    border-radius: 9px;
    padding: 0 19px;
    text-transform: capitalize;
    letter-spacing: 0;
    min-width: 160px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}
.btn:hover {
    color: var(--color);
    border: 3px solid var(--color);
    transform: translate3d(-6px, -4px, 0);;
}
.btn:focus {
    box-shadow: unset;
}
.btn svg {
    transition: all .3s ease-in-out;
}
.btn svg.substraction_1 {
    transform: translate3d(-100%, 100%, 0);
}
.btn svg.substraction_2 {
    transform: translate3d(100%, -100%, 0);
}
.btn:hover svg.substraction_1,
.btn:hover svg.substraction_2 {
    transform: translate3d(0, 0, 0);
}
.btn-main {
    font-size: 18px;
    color: var(--color);
    background-color: transparent;
    border: 3px solid var(--color);
    overflow: hidden;
}
.form-control {
    font-size: 21px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    outline: unset;
    min-height: 61px;
    border-radius: 31px;
    padding-left: 42px;
}
.form-control::placeholder {
    color: #fff;
}
.form-control:focus {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    box-shadow: unset;
}
input[type="checkbox"] {
    width: 16px;
    height: 15px;
}
input[type="checkbox"]:before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 21px;
    background: #fff;
    color: transparent;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    position: relative;
    display: flex;
    align-items: center;
    top: 0;
}
input[type="checkbox"]:checked:before {
    background: #F7D826;
    color: #fff;
}
input[type="radio"] {
    display: grid;
    place-content: center;
    appearance: none;
    margin: 0;
    font: inherit;
    border: 2px solid #D5D5DC;
    border-radius: 50%;
    box-shadow: inset 5px 20px #fff;
    cursor: pointer;
    background: #fff;
}
input[type="radio"]:checked {
    border: 2px solid #00B4D8;
    box-shadow: inset 5px 20px #00B4D8;
    background: #00B4D8;
}
input[type="radio"]:checked::before {
    transform: scale(0.4);
}
input[type="radio"]::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #fff;
}
.slick-next {
    right: 0;
    z-index: 100;
}
.slick-prev {
    left: 0;
    z-index: 100;
}
.slick-dots li,
.slick-dots li button {
    width: 10px;
    height: 10px;
    color: #00427E;
}
.slick-dots li button:before {
    opacity: 1;
    color: #00427E;
    width: 12px;
    height: 12px;
    line-height: 10px;
}
.slick-dots li.slick-active button:before {
    color: #00427E;
    opacity: 1;
    border: 1px solid #00427E;
    border-radius: 50%;
    padding-left: 1px;
    top: -1px;
}
.slick-list {
    padding: 0 10% 0 0 !important;
}
/* Start Ajax Loader */
@-webkit-keyframes loader-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ajax-loader-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    background-color: rgba(206, 206, 206, 0.6);
}
.ajax-loader-container.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ajax-loader-container .ajax-loader {
    width: 300px;
    height: 300px;
    border-top: 10px solid #0055b8;
    border-radius: 50%;
    -webkit-animation-name: loader-spin;
    animation-name: loader-spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* End Ajax Loader */

/*************** header ***************/
.container {
    max-width: 1446px;   
}
.max-w-md {
    max-width: 1100px;
}
.logo-wrapper img {
    cursor: pointer;
    width: 198px;
    height: auto;
    position: relative;
}
header {
    transition: all .3s ease-in-out;
}
header .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .menu li a {
    width: 119px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    font: normal normal bold 18px/27px "GlacialIndifference-Bold";
    letter-spacing: 0px;
    color: #141034;
    text-transform: capitalize;
    border-radius: 8px;
    background-color: transparent;
    margin: 0 30px;
    transition: all .3s ease-in-out;
}
header .menu li a:hover {
    background-color: #F0F0F0;
    color: var(--blue);
}
/* start nav toggle bar*/
.animated-icon {
    width: 30px;
    height: 26px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.animated-icon span {
    background: var(--color);
}
.animated-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon.open span:nth-child(1) {
    top: 0px;
    width: 60%;
}
.animated-icon.open span:nth-child(3) {
    top: 21px;
    width: 60%;
}
/* end nav toggle bar*/
.header-content {
    position: absolute;
    height: 130px;
    top: 0;
    background-color: #F5F5F5;
    z-index: 999;
}
.header-content .btn-main {
    margin-left: 30px;
}
.menu_item {
    color: #333333;
}
.menu_item:hover {
    color: #23A7C9;
}
.navbar-toggler {
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.navbar-toggler:focus {
    box-shadow: unset;
}
/************* main **************/
main {
    overflow: hidden;
    max-width: 100vw;
    position: relative;
    margin-top: 130px;
}
.content-page {
    min-height: 50vh;
}
.mokoto {
    font-family: "mokoto-regular";
}
.bg_main {
    max-width: 850px;
    top: 3rem;
    left: -5%;
}
picture.image_property img {
  object-fit: cover;
}
picture.w-100 img,
picture img {
  width: 100%;
}
picture.h-100 img {
  height: 100%;
}
picture.object-fit-cover img {
  object-fit: cover;
}
picture.origin img {
  width: unset;
  height: unset;
}
.title {
    font-size: 56px;
    color: var(--color);
}
.sub_title {
    font: normal normal bold 30px/37px "GlacialIndifference-Bold";
    letter-spacing: 0.6px;
}
.detail {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
}
.image_property {
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.btn-quote {
    color: #F5F5F5;
    font-size: 18px;
    background: #141034 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 15px #00000029;
    border: unset;
    overflow: hidden;
}
.btn-quote:hover {
    color: #fff;
    background: #3FA9F5 0% 0% no-repeat padding-box;
    transform: translate3d(0, -6px, 0);;
    border: unset;
}
.btn-quote:hover svg.substraction_1 {
    transform: translate3d(-13px, 3px, 0);
}
.btn-quote:hover svg.substraction_2 {
    transform: translate3d(13px, -3px, 0);
}
.item {
    height: 319px;
    border-radius: 15px;
}
.item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent linear-gradient(190deg, #3C4A4E00 0%, #0C0F10 100%) 0% 0% no-repeat padding-box;
    opacity: 0.52;
    border-radius: 15px;
    transition: all .3s ease-in-out;
}
.item:hover:before {
    background: transparent linear-gradient(200deg, #3C4A4E00 0%, #3FA9F5 100%) 0% 0% no-repeat padding-box; 
    opacity: 1;
}
.item .image_property {
    border-radius: 15px;   
}
.item .font-25 {
    line-height: 30px;
}
.icon_link {
    transform: scale(0.8);
    transition: all .3s ease-in-out;
}
.item:hover .icon_link {
    transform: scale(1);
}
.avatar {
    width: 90px;
    height: 90px;
    object-fit: contain;
}
.who_we_serve .col-lg-4:nth-child(2) .avatar {
    width: 100px;
}
.main_layout {
    margin: 4.5rem 0;
}
.image_block {
    margin: 6rem 0;
}
.image_block_content {
    width: 46%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    left: 0;
}
.image_block_content.direction-Right {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    left: unset;
    right: 0;
}
section.learn_more {
    margin-top: 0;
    background-color: #EDEDED;
}
section.learn_more p {
    letter-spacing: 0.32px;
}
.bg_effect {
    position: relative;
    object-fit: cover;
    width: 100%;
    height: auto;
    bottom: -70px;
    margin-top: -4rem;
}
.navy {
    color: var(--color);
}
.indicator svg {
    top: 5px;
    right: 0;
    transition: all .3s ease-in-out;
}
.indicator svg.hovered {
    opacity: 0;
    width: 0;
    top: 12px;
}
.indicator:hover .default {
    right: -12px;
}
.indicator:hover svg.hovered {
    opacity: 1;
    width: 18.52px;
    right: -12px;
}
.icon_panel {
    width: 54.12px;
    height: 49.55px;
}
.icon_panel .icon_offer {
    transition: all .5s ease-in-out;
}
.icon_panel .icon_location {
    transition: all .3s ease-in-out;
}
.icon_panel .icon_offer.hovered {
    opacity: 0;
}
.view_all_pane:hover .icon_panel .icon_offer {
    opacity: 0;
}
.view_all_pane:hover .icon_panel .icon_offer.hovered {
    opacity: 1;
}
.view_all_pane:hover .icon_panel .icon_location {
    transform: rotateY(180deg);
}
.view_all_pane:hover .indicator .default {
    right: -12px;
}
.view_all_pane:hover .indicator svg.hovered {
    opacity: 1;
    width: 18.52px;
    right: -12px;
}
.lh-30 {
    line-height: 30px;
}
.logo_asset {
    top: -7rem;
    width: calc(100% - 3rem);
}
.bg-grey {
    background-color: #F5F5F5;
}
.shadow_effect {
    background: transparent linear-gradient(180deg, #F5F5F500 0%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
}
.services .shadow_effect {
    margin-bottom: -3rem;
}
.title_products {
    font-size: 56px;
    line-height: 1.2;
}
.product {
    width: 20%;
}
.product img {
    max-width: 250px;
}
.main_layout.services {
    margin-bottom: 0;
}
.main_layout.contact,
.content-page.contact .location_block {
    margin: 0;
    padding-bottom: 0 !important;
}
.content-page.contact .location_block {
    margin-top: 4.5rem;
}
.main_layout.contact .font-42 {
    letter-spacing: -0.08px;
    line-height: 53px;
}
.contact_avatar {
    opacity: 0.9;
    box-shadow: 5px 5px 15px #0000000D;
    border-radius: 15px;
}
.contact_avatar_panel {
    min-height: 785px;
} 
.ninjaform_panel {
    background-color: #fff;
    box-shadow: 5px 5px 15px #0000000D;
    border-radius: 15px;
}

/************* Wysiwyg Content ************/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    padding: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    padding: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.size-full {
    display: block;
    width: 100%;
}
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    color: var(--color);
    font-family: "GlacialIndifference-Bold";
    margin: 1rem 0;
}
.wysiwyg h2 {
    font-size: 60px;
    margin: 1.5rem 0;
}
.wysiwyg h3 {
    font-size: 45px;
}
.wysiwyg h4 {
    font-size: 30px;
}
.wysiwyg h5 {
    font-size: 25px;
}
.wysiwyg h6,
.wysiwyg p  {
    font-size: 22px;
}

/************* footer ************/
footer {
    background-color: var(--color);
}

/*********** error_404_wrapper ***********/
.error_404_wrapper h1 {
    font-family: "GlacialIndifference-Bold";
    font-weight: bold;
    font-size: 322px;
}
.error-404 p {
    font-family: "GlacialIndifference-Bold";
    font-weight: bold;
    font-size: 92px;
}
.error-404 .btn-main {
    border: 1px solid #fff;
}

/**************** Yoast SEO(plugin) ******************/
#breadcrumbs {
    margin: 0px;
    padding: 0.5rem 0px;
    color: #fff;
    text-transform: uppercase;
}
#breadcrumbs a {
    color: #fff;
    margin-right: 0.25rem;
}
#breadcrumbs .breadcrumb_last {
    color: var(--color);
    margin-left: 0.25rem;
}

/**************** Ninja form 7(plugin) ******************/
.nf-form-fields-required {
  display: none;
}
.nf-form-title h3 {
  font-size: 24px;
  font-weight: bold;
  color: #4c4c4c;
  margin-bottom: 2rem;
}
main .nf-form-content select.ninja-forms-field:not([multiple]) option {
    color: #5D5D5D;
}
main .nf-form-content .list-select-wrap>div div:after {
    color: #000000;
    bottom: 6px;
}
main .nf-form-content input:not([type=button]),
main .nf-form-content input:not([type=button]):focus,
main .nf-form-content textarea,
main .nf-form-content select.ninja-forms-field:not([multiple]),
main .nf-form-content .listselect-wrap .nf-field-element div {
    height: 63px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid transparent;
    border-radius: 6px;
    text-transform: capitalize;
    font-size: 16px;
    color: #5D5D5D;
    font-weight: 500;;
}
main .nf-form-content input:not([type=button]):focus,
main .nf-form-content textarea:focus,
main .nf-form-content select.ninja-forms-field:not([multiple]):focus {
    border: 1px solid var(--blue);
}
main .nf-form-content input:not([type=button])::placeholder,
main .nf-form-content textarea::placeholder,
main .nf-form-content select.ninja-forms-field:not([multiple]) {
  font-size: 18px;
  color: #5D5D5D;
  letter-spacing: 0.27px;
  opacity: 0.63;
}
main .checkbox-container.label-right label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: "GlacialIndifference-Regular";
}
main .checkbox-container.label-right label .ninja-forms-req-symbol {
    display: none;
}
main .nf-form-content .ninja-forms-field {
    font-size: 22px;
}
main .nf-form-content button,
main .nf-form-content input[type=button] {
    font-family: 'GlacialIndifference-Bold';
    position: relative;
    text-align: center;
    border-radius: 9px;
    padding: 0 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    min-width: 126px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--color);
    font-size: 16px;
}
main .nf-form-content button:hover,
main .nf-form-content button:active,
main .nf-form-content input[type=button]:hover,
main .nf-form-content input[type=button]:active {
    background: #3FA9F5 0% 0% no-repeat padding-box;
    border: unset;
    color: #fff;
    transform: translate3d(-6px, -4px, 0);
}
main .nf-form-content button.nf-fu-button-cancel {
    display: none;
}
main input[type=checkbox]:focus+label:after,
main input[type=radio]:focus+label:after {
    box-shadow: unset;
}
main .listradio-wrap .nf-field-element label:after {
    background-color: #fff;
    border: 1px solid #707070;
    opacity: .45;
}
main .listradio-wrap .nf-field-element label.nf-checked-label:before {
    background-color: var(--blue);
}
main .listradio-wrap .nf-field-element label.nf-checked-label:after {
    border-color: #707070;
    opacity: 1;
}
main .nf-form-content input[type=checkbox].ninja-forms-field,
main .nf-form-content input[type=radio].ninja-forms-field {
    padding: 0;
    margin: 0;
    margin-top: .25em;
    height: unset;
}
main .nf-form-content .btn-quote {
    position: absolute;
    right: 0;
    margin-top: 1.5rem;
}
main .nf-error.field-wrap .nf-field-element:after {
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 6px;
}
.nf-field-container.submit-container {
    display: none;
}
.nf-response-msg p {
    font-size: 45px;
    text-align: center;
    font-family: "GlacialIndifference-Bold";
    line-height: 1.2;
}
.nf-response-msg p.detail {
    font-size: 18px;
    font-family: "GlacialIndifference-Regular";
}
.nf-progress-container, .nf-breadcrumbs {
    display: none;
}
.nf-form-content label {
    color: #5D5D5D;
}

/*=================== MEDIA ===================*/
@media only screen and (max-width: 991px) {
    h1 {
        font-size: 30px;
    }
    p {
        font-size: 16px;
    }
    .font-18 {
        font-size: 16px;
    }
    .font-19 {
        font-size: 17px;
    }
    .font-20 {
        font-size: 18px;
    }
    .font-22 {
        font-size: 20px;
    }
    .font-26 {
        font-size: 20px;
    }
    .font-28 {
        font-size: 22px; 
    }
    .font-29 {
        font-size: 23px;
    }
    .font-30 {
        font-size: 24px; 
    }
    .font-32 {
        font-size: 25px;
    }
    .font-33 {
        font-size: 33px;
    }
    .font-35 {
        font-size: 27px;
    }
    .font-38 {
        font-size: 30px;
    }
    .font-40 {
        font-size: 33px;
    }
    .font-45 {
        font-size: 30px;
    }
    .wysiwyg h2 {
        font-size: 30px;
    }
    .wysiwyg h3 {
        font-size: 25px;
    }
    .wysiwyg h4 {
        font-size: 22px;
    }
    .wysiwyg h5 {
        font-size: 18px;
    }
    .wysiwyg h6,
    .wysiwyg p  {
        font-size: 16px;
    }
    .desktop_only {
        display: none;
    }
    .mobile_only {
        display: block;
    }
    .main_layout {
        margin: 0;
        padding: 1.5rem 0;
    }
    .logo-wrapper img {
        width: 125px;
    }
    .btn-main,
    .btn-quote {
        font-size: 19px;
    }
    #mobileNavbarToggleExternalContent {
        height: calc(100vh - 137px);
        top: 137px;
        z-index: 999;
        background-color: #F5F5F5;
        padding-top: 85px;
        padding-bottom: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all .3s linear;
        transform: translateX(100%);
    }
    header .menu {
        width: 100%;
        display: block;
    }
    header .menu li {
        display: flex;
        justify-content: center;
        margin-bottom: 1.5rem;
    }
    header .menu li a {
        font-size: 46px;
        color: var(--color);
        text-align: center;
    }
    header #menu-primary-menu-1.menu li:first-child {
        transform: translateX(100px);
        transition: all 0.6s ease-in-out;
    }
    header #menu-primary-menu-1.menu li:nth-child(2) {
        transform: translateX(200px);
        transition: all 1.2s ease-in-out;
    }
    header .menu li a.blue {
        color: var(--blue);
    }
    .bg_main {
        left: 50%;
    }
    .title {
        font-size: 30px;
        line-height: 37px;
        letter-spacing: 0;
    }
    .sub_title {
        font-size: 20px;
        line-height: 27px;
        letter-spacing: .44px;
    }
    .detail {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: .36px;
    }
    .home .container {
        padding: 0 1.5rem;
    }
    .home header .container {
        padding: 0 35px;
    }
    .home .main_layout.image_block .container {
        padding: 0 12px;
    }
    .detail.blue {
        font-size: 16px;
        line-height: 19px;
    }
    .image_block_content {
        position: relative !important;
        width: 100%;
        border-radius: unset;
        padding-bottom: 3rem;
    }
    .avatar {
        width: 60px;
        height: 60px;
    }
    .content-page.contact .location_block {
        margin-top: 3rem;
    }
    .who_we_serve .col-lg-4:nth-child(2) .avatar {
        width: 70px;
    }
    .who_we_serve .col-lg-4:last-child {
        margin-bottom: unset !important;
    }
    .learn_more .sub_title {
        font: normal normal bold 30px/37px "GlacialIndifference-Bold";
    }
    .lh-30 {
        line-height: 27px;
    }
    .font-22.indicator {
        font-size: 16px;
    }
    .indicator svg {
        top: 0;
    }
    .indicator svg.hovered {
        top: 7px;
    }
    .title_products {
        font-size: 30px;
    }
    .product {
        width: unset;
    }
    .main_layout.contact .font-42 {
        font-size: 30px;
        line-height: 37px;
    }
    .contact_avatar_panel {
        min-height: 500px;
    }
    .nf-response-msg p {
        font-size: 24px;
    }
    .nf-response-msg p.detail {
        font-size: 16px;
    }
    footer {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .main_layout.location_block .font-22 {
        font-size: 16px;
    }
}