@font-face {
   font-family: 'fontello';
   src: url('../font/fontello.eot?33548785');
   src: url('../font/fontello.eot?33548785#iefix') format('embedded-opentype'),
     url('../font/fontello.woff2?33548785') format('woff2'),
     url('../font/fontello.woff?33548785') format('woff'),
     url('../font/fontello.svg?33548785#fontello') format('svg');
   font-weight: normal;
 }


 @font-face {
   font-family: 'montserratbold';
   src: url('../font/montserrat-bold-webfont.woff2') format('woff2'),
     url('../font/montserrat-bold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'montserratsemibold';
   src: url('../font/montserrat-semibold-webfont.woff2') format('woff2'),
     url('../font/montserrat-semibold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

 }

 @font-face {
   font-family: 'montserratlight';
   src: url('../font/montserrat-light-webfont.woff2') format('woff2'),
     url('../font/montserrat-light-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'montserratmedium';
   src: url('../font/montserrat-medium-webfont.woff2') format('woff2'),
     url('../font/montserrat-medium-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'montserratregular';
   src: url('../font/montserrat-regular-webfont.woff2') format('woff2'),
     url('../font/montserrat-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'montserratbold_italic';
   src: url('../font/montserrat-bolditalic-webfont.woff2') format('woff2'),
     url('../font/montserrat-bolditalic-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'montserratmedium_italic';
   src: url('../font/montserrat-mediumitalic-webfont.woff2') format('woff2'),
     url('../font/montserrat-mediumitalic-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'montserratsemibold_italic';
   src: url('../font/montserrat-semibolditalic-webfont.woff2') format('woff2'),
     url('../font/montserrat-semibolditalic-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }

 .fa-icon {
   font-family: 'fontello';
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   line-height: 1em;

   display: inline-block;

   width: 1em;
   margin-right: .2em;
   margin-left: .2em;

   text-align: center;
   text-decoration: inherit;
   text-transform: none;

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }


 html {
   font-size: 62.5%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   font-size-adjust: 100%;
 }

 body {
   color: #333;
   font-family: "montserratregular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   font-size: 1.4rem;
   margin: 0 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-weight: 400;
   margin: 0 0 20px 0;
   padding: 0;
 }

 h1 {
   font-family: 'montserratbold';
 }

 h2 {
   font-family: 'montserratsemibold';

 }

 .main-nav,
 .main-nav * {
   margin: 0;
   padding: 0;

   list-style: none;
 }

 .main-nav>ul>li {
   position: relative;

   float: left;

   white-space: nowrap;
 }


 .main-nav a {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-weight: 600;

   position: relative;

   display: block;

   padding: 10px 15px;

   transition: .3s;
   text-transform: uppercase;

   color: #413e66;
 }

 .main-nav a:hover,
 .main-nav .active>a,
 .main-nav li:hover>a {
   color: #1bb1dc;
   text-decoration: none;
 }

 .main-nav .drop-down ul {
   display: block;
   position: absolute;
   left: 0;
   top: calc(100% - 30px);
   z-index: 99;
   opacity: 0;
   visibility: hidden;
   padding: 10px 0;
   background: #fff;
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
   transition: ease all 0.3s;
 }

 .main-nav .drop-down:hover>ul {
   opacity: 1;
   top: 100%;
   visibility: visible;
 }

 .main-nav .drop-down li {
   min-width: 180px;
   position: relative;
 }

 .main-nav .drop-down ul a {
   padding: 10px 20px;
   font-size: 14px;
   font-weight: 500;
   text-transform: none;
   color: #065e77;
 }

 .main-nav .drop-down ul a:hover,
 .main-nav .drop-down ul .active>a,
 .main-nav .drop-down ul li:hover>a {
   color: #1bb1dc;
 }

 .main-nav .drop-down>a:after {
   content: "\f107";
   font-family: FontAwesome;
   padding-left: 10px;
 }

 .main-nav .drop-down .drop-down ul {
   top: 0;
   left: calc(100% - 30px);
 }

 .main-nav .drop-down .drop-down:hover>ul {
   opacity: 1;
   top: 0;
   left: 100%;
 }

 .main-nav .drop-down .drop-down>a {
   padding-right: 35px;
 }

 .main-nav .drop-down .drop-down>a:after {
   content: "\f105";
   position: absolute;
   right: 15px;
 }

 .mobile-nav {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: 9999;
   overflow-y: auto;
   left: -260px;
   width: 260px;
   padding-top: 18px;
   background: rgba(0, 48, 73, 0.8);
   transition: 0.4s;
 }

 .mobile-nav * {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .mobile-nav a {
   display: block;
   position: relative;
   color: #fff;
   padding: 10px 20px;
   font-weight: 500;
 }

 .mobile-nav a:hover,
 .mobile-nav .active>a,
 .mobile-nav li:hover>a {
   color: #8dc2fa;
   text-decoration: none;
 }

 .mobile-nav .drop-down>a:after {
   content: "\f078";
   font-family: FontAwesome;
   padding-left: 10px;
   position: absolute;
   right: 15px;
 }

 .mobile-nav .active.drop-down>a:after {
   content: "\f077";
 }

 .mobile-nav .drop-down>a {
   padding-right: 35px;
 }

 .mobile-nav .drop-down ul {
   display: none;
   overflow: hidden;
 }

 .mobile-nav .drop-down li {
   padding-left: 20px;
 }

 .mobile-nav-toggle {
   position: fixed;
   right: 0;
   top: 0;
   z-index: 9998;
   border: 0;
   background: none;
   font-size: 24px;
   transition: all 0.4s;
   outline: none !important;
   line-height: 1;
   cursor: pointer;
   text-align: right;
 }

 .mobile-nav-toggle i {
   margin: 18px 18px 0 0;
   color: green;
 }

 .mobile-nav-overly {
   width: 100%;
   height: 100%;
   z-index: 9997;
   top: 0;
   left: 0;
   position: fixed;
   background: rgba(0, 48, 73, 0.8);
   overflow: hidden;
   display: none;
 }

 .mobile-nav-active {
   overflow: hidden;
 }

 .mobile-nav-active .mobile-nav {
   left: 0;
 }

 .mobile-nav-active .mobile-nav-toggle i {
   color: #fff;
 }

 #header {
   height: 110px;
   transition: all 0.5s;
   z-index: 997;
   transition: all 0.5s;
   padding: 20px 0;
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   transition: all 0.5s;
   z-index: 997;
 }

 #header.header-scrolled,
 #header.header-pages {
   height: 70px;
   padding: 15px 0;
   background-color: #fff;
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
 }

 #header.header-scrolled #topbar,
 #header.header-pages #topbar {
   display: none;
 }

 #header .logo h1 {
   font-size: 36px;
   margin: 0;
   padding: 0;
   line-height: 1;
   font-weight: 400;
   letter-spacing: 3px;
   text-transform: uppercase;
 }

 #header .logo h1 a,
 #header .logo h1 a:hover {
   color: #413e66;
   text-decoration: none;
 }

 #header .logo img {
   padding: 0;
   margin: 7px 0;
   max-height: 26px;
 }

 #footer .footer-top {
   padding: 60px 0 30px 0;
   background: #f5f8fd;
 }

 .back-to-top {
   position: fixed;
   display: none;
   background: #f18805;
   color: #fff;
   width: 44px;
   height: 44px;
   text-align: center;
   line-height: 1;
   font-size: 16px;
   border-radius: 50%;
   right: 15px;
   bottom: 15px;
   transition: background 0.5s;
   z-index: 11;
 }

 .back-to-top i {
   padding-top: 12px;
   color: #fff;
 }


 .abs-fledbag-button-base,
 .fledbag-button-gray,
 .fledbag-button-green,
 .fledbag-button-orange,
 .catalog-product-view .attachment-button {
   display: inline-block;
   text-decoration: none;
   box-sizing: border-box;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   font-size: 1.4rem;
   letter-spacing: 0.0357143em;
   padding: 20px;
   text-transform: uppercase;
   text-align: center;
   transition: all 0.2s ease 0s;
 }

 .abs-fledbag-button-green,
 .page-products .products-grid .product-item .tocart {
   background: #95b421;
   border-color: #95b421;
   color: #fff;
 }

 .abs-fledbag-button-green:hover,
 .page-products .products-grid .product-item .tocart:hover {
   background: #f18805;
   border-color: #f18805;
   color: #fff;
 }

 .abs-fledbag-button-green:visited,
 .page-products .products-grid .product-item .tocart:visited {
   color: #fff;
 }

 .abs-fledbag-button-green:visited:hover,
 .page-products .products-grid .product-item .tocart:visited:hover {
   color: #fff;
 }

 .abs-fledbag-button-orange,
 .page-products .products-grid .product-item .more {
   background: #f18805;
   border-color: #f18805;
   color: #fff;
 }

 .abs-fledbag-button-orange:hover,
 .page-products .products-grid .product-item .more:hover {
   background: #95b421;
   border-color: #95b421;
   color: #fff;
 }

 .abs-fledbag-button-orange:visited,
 .page-products .products-grid .product-item .more:visited {
   color: #fff;
 }

 .abs-fledbag-button-orange:visited:hover,
 .page-products .products-grid .product-item .more:visited:hover {
   color: #fff;
 }

 .fledbag-bg-green {
   background: #95b421;
 }

 .fledbag-bg-orange {
   background: #f18805;
 }

 .fledbag-color-light-gray {
   color: #f5f5f5;
 }

 .fledbag-color-green {
   color: #95b421;
 }

 .fledbag-button-green {
   background: #95b421;
   border-color: #95b421;
   color: #fff;
 }

 .fledbag-button-green:hover {
   background: #f18805;
   border-color: #f18805;
   color: #fff;
 }

 .fledbag-button-green:visited {
   color: #fff;
 }

 .fledbag-button-green:visited:hover {
   color: #fff;
 }

 .fledbag-button-orange,
 .catalog-product-view .attachment-button {
   background: #f18805;
   border-color: #f18805;
   color: #fff;
 }

 .fledbag-button-orange:hover,
 .catalog-product-view .attachment-button:hover {
   background: #95b421;
   border-color: #95b421;
   color: #fff;
 }

 .fledbag-button-orange:visited,
 .catalog-product-view .attachment-button:visited {
   color: #fff;
 }

 .fledbag-button-orange:visited:hover,
 .catalog-product-view .attachment-button:visited:hover {
   color: #fff;
 }

 .fledbag-text-sm {
   font-size: 1.12rem;
 }

 .fledbag-text-sm.ignore-mobile-ratio {
   font-size: 1.4rem;
 }

 .fledbag-text-md {
   font-size: 1.28rem;
 }

 .fledbag-text-md.ignore-mobile-ratio {
   font-size: 1.6rem;
 }

 .fledbag-text-lg {
   font-size: 1.44rem;
 }

 .fledbag-text-lg.ignore-mobile-ratio {
   font-size: 1.8rem;
 }

 .fledbag-button-sm {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .fledbag-button-md {
   padding-top: 15px;
   padding-bottom: 15px;
 }

 .fledbag-button-lg {
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .fledbag-action {
   color: red;
   font-family: 'montserratsemibold';
 }

 h2.fledbag-heading,
 .fledbag-heading-h2 {
   color: #2e2e2e;
   font-style: normal;
   font-weight: 300;
   line-height: 45px;
   font-size: 2.5rem;
   letter-spacing: 0.04em;
   margin-top: 0;
   margin-bottom: 0;
   text-transform: uppercase;
 }

 .fledbag-product-h1 {
   font-family: 'montserratbold';
   color: #2e2e2e;
   font-style: normal;
   font-weight: 700;
   font-size: 3rem;
   letter-spacing: 0.04em;
   margin-top: 0;
   margin-bottom: 0;
   text-transform: uppercase;
 }

 .fledbag-product-h1 span:nth-child(2) {
   font-family: 'montserratbold_italic';
 }

 .fledbag-lg .fledbag-product-h1,
 .fledbag-product-h1.fledbag-lg {
   font-size: 2.5em;
 }

 .fledbag-product-h1-subtitle {
   color: #2e2e2e;
   font-style: normal;
   font-weight: 700;
   line-height: 27px;
   font-size: 1.5rem;
   margin-top: 0;
   margin-bottom: 0;
 }

 .fledbag-lg .fledbag-product-h1-subtitle,
 .fledbag-product-h1-subtitle.fledbag-lg {
   font-size: 21px;
 }

 .pb-6 {
   padding-bottom: 6vh;
 }

 .card {
   border: none;
   box-shadow: none;
 }

 .card-block {
   border: none;
 }

 .card-photo {
   max-width: 100%;
   border: 1px solid rgba(0, 0, 0, 0.125);
   object-fit: contain;
 }

 .card-prod-name {
   font-family: 'montserratbold';
   font-size: 3rem;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   white-space: normal !important;
   display: inline-block;
   width: 100%;
   display: block;
   text-align: center;
 }

 .card-fled-p {
   margin: 0;
   padding: 0;
   color: #f18805;
   font-family: 'montserratbold';
 }

 .card-prod-name-p {
   font-family: 'montserratbold_italic';
   color: black;
   margin: 0;
   padding: 0
 }

 .card-prod-txt ul {
   list-style: none;
   padding: 1rem 0 2rem 2rem;
   display: inline-block;
 }

 .card-prod-txt ul li::before,
 .price-det-txt ul li::before {
   content: "\E806";
   font-family: "fontello";
   color: #95b421;
 }

 .card-prod-txt ul>li,
 .price-det-txt ul>li {
   margin-bottom: 0.5rem !important;
   text-indent: -2rem;
   padding-right: 2rem;
   text-align: left;
 }

 .card-body a.btn.fledbag-button-green {
   width: 18rem;

 }

 .action {
   display: inline-block;
   text-decoration: none;
   box-sizing: border-box;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   font-size: 1.4rem;
   letter-spacing: 0.0357143em;
   min-height: auto;
   padding: 20px;
   text-transform: uppercase;
   text-align: center;
   transition: all 0.2s ease 0s;
   width: 100%;
 }

 .more:visited {
   color: #fff;
 }

 .abs-fledbag-button-orange,
 .more {
   background: #f18805;
   border-color: #f18805;
   color: #fff;
 }

 .abs-fledbag-button-orange:hover,
 .more:hover {
   background: #95b421;
   border-color: #95b421;
   color: #fff;
 }

 .fledbag-color-light-gray {
   color: #f5f5f5;
 }

 .fledbag-color-green {
   color: #95b421;
 }

 .fledbag-color-orange {
   color: #f18805;
   font-family: 'montserratbold';
 }


 .main-nav .fledbag-color-orange {
   font-family: 'montserrat';
 }

 .fledbag-bg-dark-gray {
   background: #2e2e2e;
 }

 .fledbag-bg-light-gray {
   background: #f5f5f5;
 }

 .fledbag-bg-light-gray-alt {
   background: #ededed;
 }

 .fledbag-bg-green {
   background: #95b421;
 }

 .fledbag-bg-orange {
   background: #f18805;
 }

 ul li {
   margin: 0;
   padding: 0;
 }

 .prod-top ul>li,
 ol>li {
   margin-top: 0;
   margin-bottom: 1rem;
 }

 .product_top_description ul {
   letter-spacing: -1px;
   line-height: 0;
 }

 .prod_top {
   background-color: #f0f0f0;
   padding: 2rem 0rem 1rem 0rem;
 }

 .prod_top ul {
   list-style: none;
   letter-spacing: -1px;
   font-size: 22px;
   width: 100%;
   font-weight: 400;
   margin: 0 0 15px;
   -webkit-column-count: 2;
   -moz-column-count: 2;
   -o-column-count: 2;
   column-count: 2;
 }

 .prod_top ul li::before {
   content: "\E806";
   font-family: "fontello";
   color: #95b421;
   padding: 0 10px 0 0;
 }

 .prod_top ul li {
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
   padding-left: 32px;
   text-indent: -32px;
 }

 .lead_txt {
   font-size: 25px;
   text-align: left;
 }

 .bg-primary {
   background-color: #f18805 !important;
 }

 .technical_details {
   margin: 1rem 0 2rem 0;
   display: flex;
   justify-content: center;
   width: 100%;
 }

 .details_content ul {
   padding: 0;
   margin: 0;
 }

 .technical_details ul li {
   background: #f0f0f0;
   border: 1px solid #e5e5e5;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   border-bottom: none;
 }

 .technical_details ul li strong {
   background: #fff;
   border-left: 1px solid #e5e5e5;
   width: 50%;
   float: right;
   padding: 9px;
   font-size: 13px;
   display: inline-flex;
   align-items: center;
 }

 .technical_details ul li span {
   width: 50%;
   display: inline-block;
   padding: 8px 0;
   font-size: 13px;
   text-align: right;
   padding: 9px 10px;
 }

 .pricing .card {
   border: none;
   border-radius: 1rem;
   transition: all 0.2s;
   box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
 }

 .pricing hr {
   margin: 1.5rem 0;
 }

 .pricing .card-title {
   margin: 0.5rem 0;
   font-size: 0.9rem;
   letter-spacing: .1rem;
   font-weight: bold;
 }

 .pricing .card-price {
   font-size: 3rem;
   margin: 0;
 }

 .pricing .card-price .period {
   font-size: 0.8rem;
 }

 .pricing ul li {
   margin-bottom: 1rem;
 }

 .pricing .text-muted {
   opacity: 0.7;
 }

 .pricing .btn {
   font-size: 80%;
   border-radius: 5rem;
   letter-spacing: .1rem;
   font-weight: bold;
   padding: 1rem;
   opacity: 0.7;
   transition: all 0.2s;
 }

 .fledbag-sec-title {
   font-size: 2.5rem !important;
 }

 .top-sec-marg {
   padding-top: 5vh;
 }


 .top-prod-marg {
   padding-top: 20vh;
 }

 .text-responsive {
   font-size: calc(60% + 1vw + 1vh);
 }

 .card-pricing.popular {
   z-index: 1;
   border: 3px solid #007bff;
 }

 .card-pricing .list-unstyled li {
   padding: .5rem 0;
   color: #6c757d;
 }

 .card-pricing .card-block,
 .card-photo {
   border: none;
 }

 #header .logo img {
   padding: 0;
   margin: -2px 0 0 0;
   max-height: 50px;
 }

 .mail-address {
   font-weight: 400;
   font-size: larger;
   list-style: none;
 }

 .form-control {
   font-size: larger;
 }

 #intro .intro-info h2 {
   color: white;
   margin-bottom: 40px;
   font-size: 48px;
   font-weight: 700;
 }

 #intro .intro-info h2 span {
   color: #f18805;
 }


 .price-det-txt ul {
   margin: 2rem 0 3rem 0;
   list-style: none;
   display: inline-block;

 }


 .prod-det-txt ul li {
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
 }

 .footer-logo {
   min-width: 250px;
 }

 .main-nav a:hover,
 .main-nav .active>a,
 .main-nav li:hover>a {
   color: #95b421;
   text-decoration: none;
 }

 .price-best {
   background: lightgoldenrodyellow;
 }

 .overlay-dark {
   background-color: rgba(0, 0, 0, 0.3);
 }

 .border-white .card-img {
   border-top: 2px solid white;
 }

 .city {
   flex: 1 0 48%;
   margin: 1%;
 }

 .card-group>.card {
   margin-bottom: unset;
 }

 .front-img-text {
   font-size: 5rem;
   font-weight: bold;
 }

 .email-h {
   display: none
 }

 #footer {
   padding: 0 0 30px 0;
   font-size: 14px;
   background: #F18805;
 }

 #footer .copyright {
   text-align: center;
   padding-top: 30px;
   color: #fff;
   font-size: 15px;
 }

 .contactMe {
   background: none;
   border: none;
 }

 .contactMe.small {
   max-width: inherit;
 }

 .contact-btn {
   margin-left: 3rem;
   border: none;
 }

 .navicon:before {
   display: inline-block;
   font-family: 'fontello';
   text-decoration: none;
   margin-right: 0.5em;
   font-weight: 700;
   font-style: normal;
   color: #f18805;
   margin-top: .5em;
 }

 .burger:before {
   content: "\f0c9";
 }

 .cancel:before {
   content: "\e808"
 }

 .fledef {
   color: white;
   text-align: center;
 }

 .fledef h2 {
   font-size: 4rem;
   font-weight: 500;
   margin-top: -21%;
   position: absolute;
   margin-left: 4rem;
 }

 .fledef h2 span {
   color: black;
 }

 .maintxtup {
   transform: translate(0%, -50%);
 }

 .supptxtdown {
   transform: translate(0%, 20%);
 }


 .orig_container {
   position: relative;
 }

 .orig_overlay {
   position: absolute;
   top: 0;
   left: 0;
   max-width: 35%;
   padding-top: 1rem;
   z-index: 3;
 }

 .hero {
   background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url("../img/intro-bg.jpg") center top no-repeat;
   background-size: cover;
   background-position: top;
   background-repeat: no-repeat;
   vertical-align: middle;
   min-height: 100vh;
   position: relative;
 }

 .hero-text h1 {
   color: #f18805;
   font-size: 14rem;
   text-transform: uppercase;
   margin: 0;
   letter-spacing: 5px;
   text-align: center;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000;
   font-weight: 700;
   padding: 0;
   position: absolute;
   margin-top: 12vh;
   left: 14.2%;
   right: 14%;
 }

 .hero-text h2 {
   font-size: 4rem;
   color: white;
   position: absolute;
   left: 25%;
   right: 25%;
   margin-top: 31vh;
   font-family: 'montserratmedium';

 }

 .hero-text h2 span {
   color: black;
 }

 .hero-text p {
   font-size: 4rem;
   color: white;
   font-weight: 500;
 }

 .hero-sup-ct {
   margin-top: 65vh;
 }

 .hero-sup-ct img {
   max-height: 12vh;
   width: auto;
   margin-top: -.6rem;
 }

 .supplier {
   font-weight: 500;
   font-size: 4rem;
   color: white;
   position: absolute;
   margin-top: 14%;
   margin-left: 25%;
 }

 .movesup {
   transform: translateY(73%);
 }

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

 @media (max-width: 1024px) {

   .hero {

     min-height: unset;
   }

   .hero-text h1 {
     font-size: 10rem;
     left: 6%;
     right: 6%;
   }

   .hero-text h2 {
     font-size: 3rem;
     margin-top: 26vh;
   }

   .hero-sup-ct {
     margin-top: 62vh;
   }


   .hero-sup-ct p {
     font-size: 2rem;
     line-height: 1;
   }

 }

 @media (max-width: 812px) {
   .hero {
     min-height: 65vh;
   }

   .hero-text h1 {
     font-size: 6rem;
     left: 6%;
     right: 6%;
   }

   .hero-text h2 {
     font-size: 2rem;
     margin-top: 28vh;
   }

   .hero-text p {
     font-size: 4rem;
   }

   .hero-sup-ct {
     margin-top: 45vh;
   }


   .hero-sup-ct p {
     font-size: 2rem;
     line-height: 1;
   }
 }

 @media (max-width: 768px) {
   .hero {
     min-height: 65vh;
   }

   .hero-text h1 {
     font-size: 10rem;
     left: 6%;
     right: 6%;
   }

   .hero-text h2 {
     font-size: 3rem;
     margin-top: 23vh;
   }

   .hero-text p {
     font-size: 4rem;
   }

   .hero-sup-ct {
     margin-top: 45vh;
   }

   .hero-sup-ct img {
     max-height: 9vh;
   }

   .hero-sup-ct p {
     font-size: 3rem;
     line-height: .8;
   }
 }


 @media (max-width: 740px) {
   .hero {
     min-height: 65vh;
   }

   .hero-text h1 {
     font-size: 6rem;
     left: 6%;
     right: 6%;
   }

   .hero-text h2 {
     font-size: 2rem;
     margin-top: 28vh;
   }

   .hero-text p {
     font-size: 4rem;
   }

   .hero-sup-ct {
     margin-top: 45vh;
   }

   .hero-sup-ct img {
     max-height: 15vh;
   }

   .hero-sup-ct p {
     font-size: 2rem;
     line-height: 1;
   }
 }


 @media (max-width: 420px) {
   .hero-text h1 {
     font-size: 6rem;
     left: 6%;
     right: 6%;
   }

   .hero-text h2 {
     font-size: 3rem !important;
     margin-top: 23vh;
   }

   .hero-text p {
     font-size: 2rem;
   }

   .hero-sup-ct {
     margin-top: 55vh;
     padding-bottom: 28px;
   }

   .hero-sup-ct img {
     max-height: 10vh;
   }
 }

 @media (max-width: 360px) {
   .hero-text h1 {
     font-size: 6rem;
     left: 3%;
     right: 3%;
   }

   .hero-text h2 {
     font-size: 2rem;
     margin-top: 23vh;
   }

   .hero-text h2 span {
     color: black;
   }

   .hero-text p {
     font-size: 3rem;
   }

   .hero-sup-ct {
     margin-top: 55vh;
     padding-bottom: 28px;
   }
 }

 /*

 #preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 9999;
   overflow: hidden;
   background: #fff;
 }

 #preloader:before {
   content: "";
   position: fixed;
   top: calc(50% - 30px);
   left: calc(50% - 30px);
   border: 6px solid #f2f2f2;
   border-top: 6px solid green;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   -webkit-animation: animate-preloader 1s linear infinite;
   animation: animate-preloader 1s linear infinite;
 }

 @-webkit-keyframes animate-preloader {
   0%
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

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

 @keyframes animate-preloader {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 } */