@media (max-width:320px){
  
}
@media (min-width:321px){
  .img-fit-120{object-fit: contain; height: 120px !important; width:100%; padding: 10px;}

  .ictextbg{background-color: #fff; min-height: 800px; padding: 20px; font-size: 16px;}

  .icbg{background: url("../images/icsayfabg.webp") no-repeat right bottom; min-height: 500px; width: 100%; background-size: contain; padding-top:140px}
  .urunbg{min-height: 500px; padding-top:140px}

  .icbaslik{font-size: 20px; font-weight: 300; color: white; padding: 20px 20px;}

  .urunkuturesim{height: 255px; border-radius: 50px; position: relative;}
  .urunbaslik{font-size: 35px; font-weight: 900; color: white; position: relative; z-index: 2;}
  .urunslogan{font-size: 16px; font-weight: 400; color: white; position: relative; z-index: 2;}

  .kalitetext{font-size:25px; color: white; font-weight: 500;}
  .kaliteslogan{font-size:15px; color: white; font-weight: 200;}
  .videoboyut{width: 100%; height: 100%;}
  .urunlerimizbaslik{font-size: 22px; font-weight: 700; color: black;}
  .kurumsalyazi{font-size: 16px; font-weight: 400;}
  .icslogan{font-size:25px;}
  .slogan1{ color: #000; font-size: 25px; line-height: 25px; text-align: center;}
  .slogan2{ color: #000; font-size: 14px; line-height: 15px; text-align: center;}

  .solsabitresim{height:100vh; width:100%; object-fit: cover;}
  .urundetaysag{padding-top: 120px;}
  .urundetayslogan{font-size: 20px; color: black; font-weight: 600;}
  .urundetaysloganaciklama{font-size:16px; color:grey; font-weight:300; font-style: italic}
}

@media(min-width:640px){
  .cookiealert .acceptcookies { padding: 5px 10px; vertical-align: baseline;}
  .cookiealert{position:fixed;bottom:15px;right:15px; margin:0px ; width:300px;z-index:9;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#9a8c66; padding: 15px 25px; font-size: 12px; border-radius: 10px;} 
  .videoboyut{width: 70%; height: 70%;}
  .icslogan{font-size:30px;}
}
@media(min-width:960px){
  .img-fit-120{object-fit: contain; height: 120px !important; width:100%; padding: 25px;}

  .urunkuturesim{height: 400px; border-radius: 50px; position: relative;}
  .urunbaslik{font-size: 65px; font-weight: 900; color: white; position: relative; z-index: 2;}
  .urunslogan{font-size: 20px; font-weight: 400; color: white; position: relative; z-index: 2;}
  .kalitetext{font-size:35px; color: white; font-weight: 500;}
  .kaliteslogan{font-size:16px; color: white; font-weight: 200;}
  .videoboyut{width: 60%; height: 60%;}
  .urunlerimizbaslik{font-size: 30px; font-weight: 700; color: black;}
  .icslogan{font-size:35px;}

  .slogan1{ color: #000; font-size: 35px; line-height: 35px; text-align: center;}
  .slogan2{ color: #000; font-size: 16px; line-height: 25px; text-align: center;}

  .solsabitresim{height:100vh; width:100%; object-fit: cover;}
.urundetaysag{padding-top: 220px;}
.urundetayslogan{font-size: 20px; color: black; font-weight: 600;}
.urundetaysloganaciklama{font-size:16px; color:grey; font-weight:300; font-style: italic}
}
@media(min-width:1200px){
  .ictextbg{background-color: #ffffff96; min-height: 800px; padding: 30px; font-size: 16px;}
  .icbg{background: url("../images/icsayfabg.webp") no-repeat right bottom; min-height: 700px; width: 100%; background-size: contain; padding-top:250px}
  .urunbg{min-height: 700px; padding-top:200px}
  .icbaslik{font-size: 50px; font-weight: 300; color: white; padding: 20px 30px;}
  .solbar{background-color: #493c77; height: 590px; width: 35px; border-radius: 0 50px 50px 0; position: absolute; margin-top: 100px;}
  .kurumsalbg{background-image: url("../images/icsayfabg.webp"); background-repeat: no-repeat; height: 923px; background-position: right;}

  .kalitepadding{padding: 0px 30px;}
  .kalitetext{font-size:40px; color: white; font-weight: 500;}
  .kaliteslogan{font-size:18px; color: white; font-weight: 200;}
  .videoboyut{width: 50%; height: 50%;}
  .urunlerimizbaslik{font-size: 35px; font-weight: 700; color: black;}
  .icslogan{font-size:45px;}
  .slogan1{ color: #000; font-size: 45px; line-height: 45px; text-align: left;}
  .slogan2{ color: #000; font-size: 16px; line-height: 25px; text-align: left;}

  .solsabitresim{height:100vh; width:100%; object-fit: cover;}
.urundetaysag{padding-top: 220px;}
.urundetayslogan{font-size: 20px; color: black; font-weight: 600;}
.urundetaysloganaciklama{font-size:16px; color:grey; font-weight:300; font-style: italic}
}

@media(min-width:1400px){
  .ictextbg{background-color: #ffffff71; min-height: 800px; padding: 50px; font-size: 16px; border-radius: 50px;}
  .icbg{background: url("../images/icsayfabg.webp") no-repeat right top; min-height: 700px; width: 100%; background-size: contain; padding-top:250px}
  .icbaslik{font-size: 50px; font-weight: 300; color: white; padding: 20px 50px;}
  .solbar{background-color: #ca880d; height: 590px; width: 65px; border-radius: 0 50px 50px 0; position: absolute; margin-top: 100px;}
  .kurumsalbg{background-image: url("../images/icsayfabg.webp"); background-repeat: no-repeat; height: 923px; background-position: right;}

  .urunkuturesim{height: 465px; border-radius: 50px; position: relative;}
  .urunbaslik{font-size: 77px; font-weight: 900; color: white; position: relative; z-index: 2;}
  .urunslogan{font-size: 22px; font-weight: 400; color: white; position: relative; z-index: 2;}
  .kalitepadding{padding: 0px 50px;}
  .kalitetext{font-size:45px; color: white; font-weight: 500;}
  .kaliteslogan{font-size:20px; color: white; font-weight: 200;}
  .kurumsalyazi{font-size: 18px; font-weight: 400;}
  .icslogan{font-size:55px;}

  .solsabitresim{height:100vh; width:100%; object-fit: cover;}
.urundetaysag{padding-top: 220px;}
.urundetayslogan{font-size: 20px; color: black; font-weight: 600;}
.urundetaysloganaciklama{font-size:16px; color:grey; font-weight:300; font-style: italic}
}


.yatakicon{width: 75px;}

.tabbuton{background-color: rgba(255, 255, 255, 0.705);  border-radius: 15px; width: 180px; height: 75px; margin: 0px 5px;}
.tabbuton a{font-size: 15px; padding-top: 17px; font-weight: 500;}
.tabbutonlar .uk-active{background-color: #493c77;}
.tabbutonlar .uk-active a{color: #fff !important;}
.tabtext{font-size: 20px; font-weight: 400;}


.footerbg{background-color: white; border-radius: 50px 50px 0 0;}

.kalitebg{background-image: url("../images/kalitebg.webp"); min-height: 350px; width: 100%; background-size: cover; background-repeat: no-repeat; border-radius: 50px;}
.kaliteicbg{background-image: url("../images/kalitebg.webp"); height: 250px; width: 100%; background-size: cover; background-repeat: no-repeat; border-radius: 50px;}


.urunkuturesim::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 1; border-radius: 50px; transition: background-color 0.3s ease; }
.urunkuturesim:hover::before {background-color: #ca880d34;}

.img-fit-200{object-fit: contain; height: 200px !important; width:100%; padding: 10px;}
.uk-text-white{color: white;}



.sliderkarart {width: 100%;  height: 100%;  background: rgb(2, 3, 3);  opacity: 0.5;  z-index: 99 !important;}
.img-fit-250{object-fit: contain; height: 250px !important; width:100%; padding: 5px;}
.urunlercard{background-color: #941a1d; height: 400px;}




.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
.cookiealert a {
  text-decoration: underline
}

uk-text-black{color:black !important}

.renk{color:#493c77 !important}
.renk1{color: #434750 !important;}
.renk2{color: #aea8b9 !important;}
.renk3{color: #1b1525 !important;}
.renk4{color: #959595 !important;}

.sosyalikon{background: #000; height: 44px; width: 44px; border-radius: 22px; color: #fff; text-align: center; line-height: 40px;}
.sosyalikon:hover{color:#ca880d}
.bizeulasinicon{color: #d70531; margin-right: 15px;}

.buton{background-color: #941a1d; padding: 7px 14px; overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.buton1{background-color: #ec3b24; padding: 7px 25px;}
.buton1:hover{background-color: #941a1d;}

.uk-tab>* {
  flex: none;
  padding-left: 0px;
  position: relative;
}





.cozumortaklaribg{background-image: url("https://www.parshome.com.tr/images/cozumortaklaribg.png"); background-size: cover; background-repeat: no-repeat; object-fit: cover; height: 409px; background-position: right;}

.uk-bg-white{background: #fff !important;}


.uk-nav-primary>li>a, .uk-nav-primary .uk-nav-sub a{ color: #fff  !important;}

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center]{ gap: 0 !important;}
.uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 15px;}
.uk-navbar-dropdown-nav>li>a:hover{ color: #ca880d !important; }
.uk-search-navbar .uk-search-input{ font-size: 14px !important;}
.uk-table td:first-child {
  width: 50%;
}


.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #ca880d;}
.uk-navbar-dropdown{ min-width: 300px !important; border-radius: 15px;}

.uk-navbar-dropdown-nav>li>a:hover{ color: #000; }
.uk-button-text{ color: #000 !important;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ font-family: 'Hero New', sans-serif; text-transform:capitalize; min-height: 48px !important;}


.pr-20{ padding-right: 20px !important;}
.box-pd{padding: 10px 7px 0px 7px !important;}
.img-fit-320{object-fit: cover; height: 220px !important; width:100%; padding: 20px;}
.img-fit-350{object-fit: contain; height: 400px !important; width:100%; padding: 20px;}

.header-absolute{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; z-index: 80; width: 100%; position: absolute;}

.footer-menu li { display: block;}
.footer-menu li a{ display: block; color: #fff; text-align: left; font-size: 15px; font-weight: 200; margin: 14px 0 14px 0;}
.footer-menu li a:hover{ color: #ca880d;}

.sidenav-menu li { display: block;}
.sidenav-menu li a:hover{ color: #ca880d;border-left: solid 4px #ca880d;}

.left-menu li { display: block;}
.left-menu li a{ display: block; background: #f6f6f8; color: #000; text-align: left; font-size: 15px; line-height: 15px; padding: 25px; font-weight: 500; border-left: solid 4px rgba(255, 255, 255, 0); margin: 0px 0px 5px 0px;}

.left-menu li .act{ color: #ca880d;border-left: solid 4px #ca880d;background: #fff; }
.left-menu li a:hover{ color: #ca880d;border-left: solid 4px #ca880d;background: #fff; }

.overlaymenu{ position:absolute; background:#0f1014; opacity:0.95; z-index:1; top:0px; left:0px;  width:100%; height:100%; display:none;	}

.sidenav { height: 100%; position: fixed;  z-index: 1; top: 0px;  transition: 0.5s;  }

.w-650{height: 100% !important;}

.w-270{height:100%;display:block; width:100%;}

.bar1, .bar2, .bar3 {
  width: 55px;
  height: 1px;
  background-color: #fff;
  margin: 5px 0px 5px 0px;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
  background-color: #fff;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);background-color: #fff;
}

.overflow-y{ overflow-y:hidden; overflow-x: hidden;}
body{margin:0px; font-family: 'Hero New', sans-serif;  background:#fefefe; font-weight:400;font-size:15px;color:#072130; outline:none; }
html{overflow-y:scroll;overflow-x:hidden;height:100%;}

.scroller {
  height: 100vh; 
}

.ul{ list-style:none; padding:0px; margin:0px;}
.compensate-for-scrollbar{margin-right:0px !important;}

body::-webkit-scrollbar {
  width: 10px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #161614;
  outline: 1px solid #161614;
}
.b-title{height:1px; background:#072130; width:150px; margin:15px 0 0 0}
.uk-bg-pink{ background: #ca880d;}
.uk-bg-grey{background: #f3f6f6;}
.uk-bg-blue{background: #072130;}

.uk-text-orange{ color: #ca880d;}
.uk-text-white{ color: #fff !important;}
.uk-text-grey{ color: #c2c1c6 !important;}
.mt-50{margin-top: -50px;}


.uk-text-blue{ color: #010e17;}
.uk-text-bluelink{ color: #010e17  !important;}
.uk-text-bluelink:hover{ color: #000 !important;}
.uk-text-bgblue{ background: #010e17 !important; color: #fff; padding: 20px 10px;}

.uk-text-white-link{ color: #fff !important;}
.uk-text-white-link:hover{ color: #ca880d !important;}

.uk-text-yellow{ color: #ca880d !important;}
.efekt{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}

a{text-decoration:none;color:#072130;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
a:hover{text-decoration:none;color:#ca880d;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.uk-text-black{ color: #000 !important;}
.input-empty{ background: none; border: 0px; border-bottom: solid 1px #b3b3b3a6;}

.input-empty, ::-webkit-input-placeholder { /* Edge */
  color: #b3b3b3 !important;
}
.ablue { /* Edge */
  color: #b3b3b3 !important;
}
h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal;font-family: 'Hero New', sans-serif !important;}
.z-1{ z-index:1;}
.z-99{ z-index:99;}
.fw9{font-weight:900;}
.fw7{font-weight:700;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw8{font-weight:800;}
.fw4{font-weight:400 !important;}
.fw3{font-weight:300 !important;}
.fw2{font-weight:200;}
.fw1{font-weight:100;}
.fs7{font-size:7px;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px;}
.fs20{font-size:20px !important;}
.fs23{font-size:23px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs29{font-size:29px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
.fs45{font-size:45px;}
.fs50{font-size:50px;}
.fs55{font-size:55px;}
.fs60{font-size:60px;}
.fs65{font-size:65px;}
.fs70{font-size:70px;}

.opacity-01{ opacity: 0.1;}
.opacity-02{ opacity: 0.2;}
.opacity-03{ opacity: 0.3;}
.opacity-04{ opacity: 0.4;}
.opacity-05{ opacity: 0.5;}
.opacity-06{ opacity: 0.6;}
.opacity-07{ opacity: 0.7;}
.opacity-08{ opacity: 0.8;}
.opacity-09{ opacity: 0.9;}


.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.hover-top-shadow{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top-shadow:hover{ box-shadow: 0px 6px 22px #ebebeb; transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.hover-top2{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top2:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

#element::-webkit-scrollbar { 
  display: none; 
}
::-webkit-scrollbar { 
  display: none; 
}

.uk-tab::before {   border-bottom: 0px solid #ff0000;}
.uk-tab>.uk-active>a {
  color: #333;
  border-color: #1e87f0;
  border: 0px;
}

.p1  {padding:5px !important}
.p2 {padding:10px !important}
.p3 {padding:15px !important}
.p4 {padding:20px !important}
.p5 {padding:25px !important}
.p6 {padding:30px !important}
.p7 {padding:35px !important}
.p8 {padding:40px !important}
.p9 {padding:45px !important}
.p10{padding:50px !important}
.p11{padding:75px !important}

.pt1  {padding-top:5px !important}
.pt2 {padding-top:10px !important}
.pt3 {padding-top:15px !important}
.pt4 {padding-top:20px !important}
.pt5 {padding-top:25px !important}
.pt6 {padding-top:30px !important}
.pt7 {padding-top:35px !important}
.pt8 {padding-top:40px !important}
.pt9 {padding-top:45px !important}
.pt10{padding-top:50px !important}
.pt11{padding-top:75px !important}

.pb1  {padding-bottom:5px !important}
.pb2 {padding-bottom:10px !important}
.pb3 {padding-bottom:15px !important}
.pb4 {padding-bottom:20px !important}
.pb5 {padding-bottom:25px !important}
.pb6 {padding-bottom:30px !important}
.pb7 {padding-bottom:35px !important}
.pb8 {padding-bottom:40px !important}
.pb9 {padding-bottom:45px !important}
.pb10{padding-bottom:50px !important}
.pb11{padding-bottom:75px !important}

.ps1  {padding-left:5px !important}
.ps2 {padding-left:10px !important}
.ps3 {padding-left:15px !important}
.ps4 {padding-left:20px !important}
.ps5 {padding-left:25px !important}
.ps6 {padding-left:30px !important}
.ps7 {padding-left:35px !important}
.ps8 {padding-left:40px !important}
.ps9 {padding-left:45px !important}
.ps10{padding-left:50px !important}
.ps11{padding-left:75px !important}

.pe1  {padding-right:5px !important}
.pe2 {padding-right:10px !important}
.pe3 {padding-right:15px !important}
.pe4 {padding-right:20px !important}
.pe5 {padding-right:25px !important}
.pe6 {padding-right:30px !important}
.pe7 {padding-right:35px !important}
.pe8 {padding-right:40px !important}
.pe9 {padding-right:45px !important}
.pe10{padding-right:50px !important}
.pe11{padding-right:75px !important}


.m1  {margin:5px !important}
.m2 {margin:10px !important}
.m3 {margin:15px !important}
.m4 {margin:20px !important}
.m5 {margin:25px !important}
.m6 {margin:30px !important}
.m7 {margin:35px !important}
.m8 {margin:40px !important}
.m9 {margin:45px !important}
.m10{margin:50px !important}


.mt1  {margin-top:5px !important}
.mt2 {margin-top:10px !important}
.mt3 {margin-top:15px !important}
.mt4 {margin-top:20px !important}
.mt5 {margin-top:25px !important}
.mt6 {margin-top:30px !important}
.mt7 {margin-top:35px !important}
.mt8 {margin-top:40px !important}
.mt9 {margin-top:45px !important}
.mt10{margin-top:50px !important}
.mt11{margin-top:75px !important}

.mb1  {margin-bottom:5px !important}
.mb2 {margin-bottom:10px !important}
.mb3 {margin-bottom:15px !important}
.mb4 {margin-bottom:20px !important}
.mb5 {margin-bottom:25px !important}
.mb6 {margin-bottom:30px !important}
.mb7 {margin-bottom:35px !important}
.mb8 {margin-bottom:40px !important}
.mb9 {margin-bottom:45px !important}
.mb10{margin-bottom:50px !important}

.ms1  {margin-left:5px !important}
.ms2 {margin-left:10px !important}
.ms3 {margin-left:15px !important}
.ms4 {margin-left:20px !important}
.ms5 {margin-left:25px !important}
.ms6 {margin-left:30px !important}
.ms7 {margin-left:35px !important}
.ms8 {margin-left:40px !important}
.ms9 {margin-left:45px !important}
.ms10{margin-left:50px !important}

.me1  {margin-right:5px !important}
.me2 {margin-right:10px !important}
.me3 {margin-right:15px !important}
.me4 {margin-right:20px !important}
.me5 {margin-right:25px !important}
.me6 {margin-right:30px !important}
.me7 {margin-right:35px !important}
.me8 {margin-right:40px !important}
.me9 {margin-right:45px !important}
.me10{margin-right:50px !important}


.mk1  {margin-top:-1% !important}
.mk2  {margin-top:-2% !important}
.mk3  {margin-top:-3% !important}
.mk4  {margin-top:-4% !important}
.mk5  {margin-top:-5% !important}
.mk6  {margin-top:-6% !important}
.mk7  {margin-top:-7% !important}
.mk8  {margin-top:-8% !important}
.mk9  {margin-top:-9% !important}
.mk10  {margin-top:-10% !important}



@font-face {
  font-family: 'Hero New Hairline';
  src: url('../fonts/HeroNew-HairlineItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-HairlineItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-ExtraBoldItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-BoldItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-Bold.woff2') format('woff2'),
      url('../fonts/HeroNew-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-ExtraBold.woff2') format('woff2'),
      url('../fonts/HeroNew-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-Medium.woff2') format('woff2'),
      url('../fonts/HeroNew-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-Regular.woff2') format('woff2'),
      url('../fonts/HeroNew-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-MediumItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-RegularItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New Hairline';
  src: url('../fonts/HeroNew-Hairline.woff2') format('woff2'),
      url('../fonts/HeroNew-Hairline.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-Light.woff2') format('woff2'),
      url('../fonts/HeroNew-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-SemiBoldItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-LightItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New Super';
  src: url('../fonts/HeroNew-Super.woff2') format('woff2'),
      url('../fonts/HeroNew-Super.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-SemiBold.woff2') format('woff2'),
      url('../fonts/HeroNew-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-UltraLightItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-UltraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New Super';
  src: url('../fonts/HeroNew-SuperItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-SuperItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-Thin.woff2') format('woff2'),
      url('../fonts/HeroNew-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-ThinItalic.woff2') format('woff2'),
      url('../fonts/HeroNew-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hero New';
  src: url('../fonts/HeroNew-UltraLight.woff2') format('woff2'),
      url('../fonts/HeroNew-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}