@media (max-width:320px){
  .fs-14-mbl{font-size: 14px;}
  .menubox{ margin: 0px 20px 0px 5px;}
  .whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 34px 0px 0px 0px;}
  .btn-green{background: #2da03b; color: #fff; padding: 6px 10px; font-size: 20px;}
  
  .whatsapfs{font-size: 20px; line-height: 35px;}
  .w-150mbl{width: 130px;}
  .pull-rightxs{float: right;}
  .cookie{width: 90%;height: auto;background-color: #eee;position: fixed;right:10px;bottom: 10px;border-radius: 0px;padding: 10px;z-index: 999;opacity: 0;text-align: center;visibility: hidden; }
}

@media (min-width:321px){
  .fs-14-mbl{font-size: 14px;}
  .menubox{ margin: 6px 20px 0px 5px;}
  .whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 40px 0px 0px 0px;}
  .btn-green{background: #2da03b; color: #fff; padding: 6px 10px; font-size: 20px;}
  
  .whatsapfs{font-size: 20px; line-height: 35px;}

  .w-150mbl{width: 170px;}
  .pull-rightxs{float: right;}
.cookie{width: 90%;  height: auto;  background-color: #eee;  position: fixed;  right:10px;  bottom: 10px;  border-radius: 0px;  padding: 10px;  z-index: 999;  opacity: 0;  text-align: center;  visibility: hidden;}
}

@media(min-width:767px){
  .fs-14-mbl{font-size: 16px;}
  .menubox{ margin: 6px 20px 0px 5px;}
  .whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 40px 0px 0px 0px;}
  .btn-green{background: #2da03b; color: #fff; padding: 9px 25px; font-size: 15px;}
  .whatsapfs{font-size: 23px; line-height: 35px;}

  .w-150mbl{width: 170px;}
  .pull-rightxs{float: right;}
  .cookie{width: 420px;  height: auto;  background-color: #eee;  position: fixed;  right:30px;  bottom: 30px;  border-radius: 5px;  padding: 10px 20px;  z-index: 999;  opacity: 0;  text-align: left;  visibility: hidden;}
}

@media(min-width:1199px){
  .menubox{ margin: 6px 20px 0px 5px;}
  .whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 40px 0px 0px 0px;}
  .btn-green{background: #2da03b; color: #fff; padding: 10px 25px; font-size: 15px;}
  
  .w-150mbl{width: 170px;}
  .pull-rightxs{float: right;}
  
}

@media(min-width:1200px){
.menubox{ margin: 0px 0px 0px 0px;}
.whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 40px 25px 0px 0px;}
.btn-green{background: #2da03b; color: #fff; padding: 12px 25px; font-size: 15px;}

.w-150mbl{width: 170px;}
.pull-rightxs{float: left;}
.pl155{padding-left: 25px;}
.main-menu .navigation>li>a {font-size: 16px;}
.main-menu .navigation> li { margin-right: 20px;}
.header-style3-right .inner {width: 125px;}  
}

@media(min-width:1366px){
.whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 40px 30px 0px 0px;}
.btn-green{background: #2da03b; color: #fff; padding: 12px 25px; font-size: 15px;}

.pl155{padding-left: 35px;}
.main-menu .navigation>li>a {font-size: 18px;}
.main-menu .navigation> li { margin-right: 25px;}
.header-style3-right .inner {width: 135px;} 
}


@media(min-width:1600px){
.whatsapbox{position: relative;display: flex;align-items: center;justify-content: center; margin: 40px 30px 0px 0px;}
.btn-green{background: #2da03b; color: #fff; padding: 12px 25px; font-size: 15px;}

.pl155{padding-left: 50px;}
.main-menu .navigation>li>a { font-size: 18px;}
.main-menu .navigation> li {margin-right: 35px;}
.header-style3-right .inner {width: 180px;}
}

.btn-green:hover{background: #0c1529; color: #fff;}
.text-green-link{color: #2da03b;}
.text-green-link:hover{color: #313131;}



.text-white-link{color: #fff;}
.text-white-link:hover{color: rgba(255, 255, 255, 0.37);}
.text-dark-link{color: #000;}
.text-dark-link:hover{color: rgba(73, 72, 72, 0.37);}
.same-height-row {
  display: flex;
  flex-wrap: wrap;
  }

  .same-height-row > .ref {
      display: flex;
      flex-direction: column;
  }

  .same-height-row > .ref > .box {
      flex-grow: 1;
      display: flex;
  }

.show{opacity: 1 !important;visibility: visible !important;}

.cookie .txt{float: center;  width: 100%;}
.txt p{color:#152a44; font-size: 14px; font-weight: 500;}

.cookie .accept {background-color: #152a44;  color: #fff !important;  border-radius: 20px;  padding: 3px 20px;  font-size: 13px;  float: center;}
.cookie .accept:hover {background-color: #0d6efd;}

.cookie .btn:before {display: none;}

ul.point_order{    margin-left: 20px;}
ul.point_order li {
list-style: circle;
}


.opaklink{opacity: 1; -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;}
.opaklink:hover{opacity: 0.8; -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;}


.opaklink2 .opakimg{opacity: 1;}
.opaklink2:hover .opakimg{opacity: 0.8;}

.grecaptcha-badge{visibility: hidden;}
.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea {
  box-shadow: 0px 10px 40px 0px rgba(12, 21, 41, 0.1) !important;
}


a{text-decoration:none; -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; -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-1{ z-index:1;}
.z-99{ z-index:99;}
.z-999{ z-index:999;}
.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;}
.fs22{font-size:22px !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;}


.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}

.font-italic{font-style: italic;}