/** Shopify CDN: Minification failed

Line 156:0 Unexpected "}"
Line 5561:20 Unexpected ")"

**/
/*=====Reset CSS======*/

article,
aside,
canvas,
figure,
figcaption,
footer,
header,
nav,
section,
audio,
video,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
label {
  margin: 0;
  padding: 0;
  border: 0;
}

a,
button,
input,
input[type="buttton"],
input[type="submit"],
select,
.btn,
textarea {
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-decoration: none;
  font-style: normal;
}

a:focus,
button:focus,
input[type="buttton"]:focus,
input[type="submit"]:focus,
select:focus,
.btn:focus,
textarea:focus,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

a,
label {
  display: inline-block;
  vertical-align: middle;
  vertical-align: 0;
}

figure {
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  margin: 0;
  font-size: 0;
  line-height: 100%;
}

figure,
img {
  max-width: 100%;
}

ul,
ol {
  list-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}



.svg_container {
  display: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}


a:hover {
  text-decoration: none;
}

::-webkit-scrollbar-thumb {
  background:#000;
  border-radius: 10px;
}

::-webkit-scrollbar {
  background: #fff;
  width: 14px;
}
span{
  display:inline-block;
}

/* ::-moz-selection {
  background-color: #f7d1d9;
  color: #fff;
} */
/* 
::selection {
  background-color: #f7d1d9;
  color: #fff;
} */

/* Reset-css--------------- */

:root {
  --fontomni: "Omnesligh", sans-serif;
  --fontreg:"Omnesreg", sans-serif;
  --fontbold:"Omnesbold", sans-serif;

}

/* html{
  /* scroll-snap-type: y mandatory; */
} */
html {
  scroll-behavior: smooth;
}
body {
font-size: 18px;
line-height: 28px;
color: #ffffff;
font-family: "Omnesreg", sans-serif;
padding-top:120px;
  letter-spacing: 0;
}

body.index {
  padding-top:0px !important;
}


h1{
  font-size: 110px;
line-height: 110px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "New Zenmd";
}


h2{
  font-size: 80px;
line-height: 60px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "New Zenmd";
text-align: center;
}

h3{
  font-size: 70px;
line-height: 80px;
text-transform: uppercase;
color: #1c1a26;
font-weight: 500;
font-family: "New Zenmd";
text-align: center;
}

/*----bottom nav-- */






.navlink ul{
  display:flex;
}

.navlink li:not(:last-child){
  margin-right:45px;
}


  .btnn{
  display:inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 191px;
  height: 61px;
  border-radius: 30px;
  filter: drop-shadow(0px 18px 15px rgba(128,150,11,0.15));
  background-color: #ffffff;
  letter-spacing: 2px;
line-height: 60px;
text-transform: uppercase;
color: #1e262d;
font-weight: 500;
font-family: 'New Zenmd';
font-size: 16px;
}

/* sticky header */
.scrolled header {
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 999;
  box-shadow: var(--bs-box-shadow);
  background: rgb(25, 35, 38, 1.0);
  transition: 600ms all ease-in-out;
}



/* ---button-- */

  body.isOpen {
    overflow: hidden;
  }
.btn-close{
  display:none;
}
.hedr{
  position:absolute;
  top:0;
  left:0;
  right:0;
  /* padding:8px 0; */
  padding:15px 0px;
  z-index: 999;
  transition: 600ms all ease-in-out;
 
}

 .wrapper {
  min-height: 100vh;
  /* scroll-snap-align: start; */
 position:relative;
 overflow: hidden;
}

.wrapper img{
  width:100%;
  height: 100%;
  object-fit: cover;
}



.navlink{
  display:flex;
}
.navbar{
  display:flex;
  justify-content: space-between;
}

.navlink a{
font-size: 16px;
letter-spacing: 2px;
/* line-height: 60px; */
line-height: 46px;
text-transform: uppercase;
color: #ffffff;
font-weight: 300;
font-family: var(--fontomni);
text-align: center;
  padding:0px 10px;
}

.bancont{
  width:100%;
  height:100vh;
  position:absolute;
  display:flex;
  justify-content: center;
  top:0;
  left:0;
  bottom:0;
  right:0;
}



.wrapper .container{
  position:relative;
}
.btm_sec{
  display:flex;
  justify-content: space-between;
  position:absolute ;
  bottom:80px;
}
.btm_left{
  max-width:252px;
}

.follow{
 display:flex;
 height: fit-content;
 position:absolute;
 top:50%;
 transform: translateY(-50%) rotate(-90deg);
 right:-90px;
 align-items: center;
 z-index: 5;
}
.follow ul{
  display:flex;
}
.follow ul li a{
  width:29px;
  height:29px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color:#1f3855;
}
.follow ul li{
  margin-left:10px ;
}

.follow span{
  color:#fff;
}

.follow.ab ul li a{
  background-color: #1f3855;
  color: #fff;
}

.follow{
  font-size: 14px;
letter-spacing: 1px;
line-height: 60px;
text-transform: uppercase;
color: #1f3855;
font-weight: 500;
font-family: 'New Zenmd';
text-align: center;
}


.bancont.cyc{
  align-items: center;
}
/* .cycleft{
  flex:0 0 auto;
  width:41.7%;
  max-width:41.7%;
} */
.cycleft .btnn{
  filter: drop-shadow(0px 18px 15px rgba(128,150,11,0.15));
background-color: #C2D500;
min-width: 208px;
}
.cycleft .btnn span{
margin-left: 5px;


}

.cycleft p{
  max-width: 411px;
  font-size: 18px;
line-height: 28px;
color: #ffffff;
margin:0px 0 25px;

}
.btm_left p {
    font-size: 16px;
    line-height: 26px;
    color: #cdc7c7;
    font-weight: 300;
    position: relative;
    z-index: 1;
}


.right_pic{
  margin-left:-80px;
  margin-right: -180px;
  position:relative;
}
.right_pic img{
  width:100%;
}

div.cycleimg{
  width: 400px;
  margin-bottom: -253px;
  position: relative;
  left: 264px;

}

div.cycleimg img{
max-width: 100%;
  
}

.wrapper img{
  width:100%;
}

.banflex{
  display:flex;
  align-items: center;
}

.tool_pop1{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 50%;
  width:28px;
  height:28px;
  background-color:rgba(194, 213, 0, 0.9);

}
.tool_pop1 img{
  max-width:15px !important;
  height:auto;
}


.cycle_popup{
  position:relative;
}

.tool_pop1:nth-child(3){
  position:absolute;
  top: 141px;
  left: 4%;
}
.tool_pop1:nth-child(4){
  position:absolute;
  top: 136px;
  right: 8%;
}
.tool_pop1:nth-child(5){
  position:absolute;
  top:100px;
  right:37px;
}
.tool_pop1:nth-child(6){
  position:absolute;
  top:0;
  right:40%;
}
   .third .tool_pop1:nth-child(4) {
    position: absolute;
    top: 176px;
    right: 2%;
   }


.popovera{
  max-width: 315px;
height: 168px;
border-radius: 10px;
filter: drop-shadow(0px 18px 13.5px rgba(20,53,95,0.28));
background-color: #ffffff;
display:flex;
flex-direction: column;
padding:10px;
position:relative;
}


.popovera::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.popovera span{
  font-size: 21px;
line-height: 52px;
color: #020202;
font-weight: bold;
font-family: 'New Zenbold';
}
.popovera p{
  font-size: 14px;
letter-spacing: 0px;
line-height: 21px;
color: #020202;

}
.third .btnn{
  filter: drop-shadow(0px 18px 15px rgba(231,56,71,0.15));
background-color: #E50846;
color:#fff;
}
.third .cycleimg{
  max-width: 160px;
}
.third .right_pic{
    margin-left: -180px;
}
.third div.cycleimg {
  margin-bottom: -239px;
  margin-left: 131px;
}

.follow.ab span{
 color: #1f3855;
}

.third .tool_pop1{
  background-color: #E50846;
}


.third .tool_pop1:nth-child(2) {
  position: absolute;
  bottom: 13px;
  left: 26%;
}

.third .tool_pop1:nth-child(5) {
  position: absolute;
  top: 61px;
  right: 3px;
}


.third .tool_pop1:nth-child(6) {
  position: absolute;
  top: 0;
  right: 65%;
}


.third .tool_pop1 img{
  filter: invert(1);
}

.fourth .right_pic {
  margin-left: -64px;
  margin-right: 0px;
}
.fourth div.cycleimg {
  width: 400px;
  margin-bottom: -113px;
  left:200px;
}
.fourth .btnn{
  filter: drop-shadow(0px 18px 15px rgba(241,131,59,0.15));
background-color: #FF8300;
color:#fff;
}

.fourth .tool_pop1{
  background-color: #FF8300;
}
.fourth .tool_pop1 img{
  filter: invert(1);
}


.fourth .tool_pop1:nth-child(3) {
  position: absolute;
  top: 277px;
  left: 2%;
}


.fourth .tool_pop1:nth-child(6) {
  position: absolute;
  top: 17px;
  left: 80px;
}
.fourth .tool_pop1:nth-child(5) {
  position: absolute;
  top: 38px;
  right: 54px;
}


.wrapper.fifth{
 background-color: #1e2529;
}
.wrapper .bancont{
  padding-top: 130px;
}


/* 23.05.2024 */



.taunas{
  display:flex;
  align-items: center;
}


.taunasleft p+p{
  margin-top: 35px;
}
.taunasrght .btnn{
  background-color: #000000;
  color:#f1833b;
}
.fifth h2{
  margin-bottom: 33px;
}

.foot{
  padding-top:60px;
  position:relative;
  overflow: hidden;
}

.footright{
  display:flex;
  justify-content: space-between;
}

.footlist h5{
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
color: #000000;
font-weight: bold;
margin-bottom: 25px;
}

.footlist{
  min-width:350px;
}
.footlist li{
  line-height: normal;
}

.footlist a{
  font-size: 15px;
letter-spacing: 2px;
color: #000000;
font-family: var(--fontreg);
}

.footlist li a:hover{
  color:#e90d44;
}


.form-control:focus{
border:none;
outline:none;
box-shadow: none;
}

.maile .form-control{
  border: 0;
  border-bottom:1px solid #000000;
  border-radius: 0;
  padding:20px 45px 20px 28px;

}


.subtn{
width: 40px;
height: 40px;
border-radius: 20px;
background-color: #9c52d2;
display:flex;
align-items: center;
justify-content: center;
background-image: url(//www.tannus.com/cdn/shop/files/tckarrwe.png?v=12700408019110596667);
background-position: center center;
background-repeat: no-repeat;
border: none;
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
}
.maile{
  position:relative;
}
.mb{
  background-image: url(//www.tannus.com/cdn/shop/files/mailbox.png?v=3950424728116768179);
  background-repeat: no-repeat;
  background-position: left center;
}
.footlist p{
font-size: 16px;
letter-spacing: 2px;
line-height: 25px;
color: #000000;
}
.ftrbtm{
  display:flex;
  margin-top: 99px;
}
.ftrbtm li{
  width:30px;
  height:30px;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: #626262;
  border-radius: 50%;
}
.ftrbtm li a{
  color:#fff;
}
.ftrbtm li:not(:last-child){
  margin-right: 7px;
}

.foot_left p{
  font-size: 16px;
letter-spacing: 2px;
line-height: 25px;
color: #000000;
max-width: 294px;
margin-top: 64px;
}

.border_left{
  position:absolute;
  bottom:-492px;
  left: 0;
  right:0;
  z-index: -1;
}
.border_left img{
  width:100%;
}
.footer_btm{
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.btmflex{
  display:flex;
  justify-content: space-between;
}

.flexright{
  display:flex;
}

.foot_top{
  padding-bottom: 130px;
}
 
.flexleft p{
font-size: 15px;
letter-spacing: 2px;
color: #000000;
font-family: var(--fontreg);
}

.flexleft a{
color:#000;
}

.puncture_tyre{
  text-align: center;
}

.punturebtn{
  display:flex;
  justify-content: center;
}

.puncture_tyre h3{
font-size: 70px;
line-height: 60px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
text-align: center;
}
.anti-punture{
  position:relative;
  background-image: url(//www.tannus.com/cdn/shop/files/tire_bgdg.png?v=17273081717052106606);
  background-repeat: no-repeat;
  background-size: cover;
  padding:97px 0;
}

.tireleft{
  position:absolute;
  left:0;
  bottom:0;
}
.tireright{
  position:absolute;
  right:0;
  bottom:0;
}
.puncture_tyre p{
  margin:27px 0;
}

.punturebtn .btnn{
  background-color: #C2D500;
  min-width: 337px;
  font-size: 16px;
letter-spacing: 2px;
line-height: 60px;
text-transform: uppercase;
color: #1e262d;
}
.punturebtn .btnn:not(:last-child){
  margin-right: 37px;
}




/* video popover */
.vid_popover {
  z-index: 1;
}

.vid_popover .circle_video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
  transform: translate(-50%, -50%);
  display: none;
}

.vid_popover .circle_video.openVid {
  display: block;
}


.custom-popover {
  --bs-popover-max-width: 276px;
}

.custom-popover .popover-header {
  background: #fff;
  color: #000;
  border-bottom: none;
}


.vid_popover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgba(186, 221, 0, 0.27494747899159666) 50%, rgba(186, 221, 0, 0.7511379551820728) 100%);
  /* transform: scale(2); */
  animation: grow1 3s ease-in-out 1s infinite;
}

@keyframes grow1 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(2.5);
    opacity: .7;
  }

  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}

@keyframes grow2 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.2);
  }

  75% {
    transform: scale(2);
    opacity: .7;
  }

  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}


.third .vid_popover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgb(231 56 71 / 18%) 50%, rgba(229, 8, 70, 0.5438550420168067) 100%);
  /* transform: scale(1.5); */
  animation: grow1 3s ease-in-out infinite;
}

.third .vid_popover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgba(231, 56, 71, 0.27494747899159666) 50%, rgba(229, 8, 70, 0.7511379551820728) 100%);
  /* transform: scale(2); */
  animation: grow1 3s ease-in-out 1s infinite;
}

.punturebtn .btnn span{
  margin-left:5px;
}
.punturebtn .btnn span i{
  color:#000;
}

.ftrbtm li a:hover{
  transform: scale(1.1);
  transition:0.3s ease-in-out all;
}


.btnn:hover{
  color:#e90d44;
  background-color: transparent;
  border: 1px solid  #e90d44;
}
.navlink a:hover{
  color:#e90d44;
}
.subtn:hover{
  background-color: #e90d44;
}
.btm_left{
  position:relative;
}

.btm_left::before{
  content:"";
  position:absolute;
  width:1px;
  height:50px;
  background: rgba(255, 255, 255);
  left:-25px;
  top:-25px;
}
.cc{
  max-width: 340px;
}

.rocker{
  position: absolute;
    bottom: 40%;
    left: 200px;
}



.tool_pop1:nth-child(5) {
  position: absolute;
  top: 70px;
  right: 67px;
}


.third .tool_pop1:nth-child(5) {
  position: absolute;
  top: 109px;
  right: 4px;
}

.third.tool_pop1:nth-child(4) {
  position: absolute;
  top: 273px;
  right: 7%;
}
.third .tool_pop1:first-child {
  position: absolute;
  bottom: 192px;
  left: 23px;
}

.fourth .tool_pop1:first-child {
  position: absolute;
  bottom: 305px;
  left: 50px;
}

.fourth .tool_pop1:nth-child(4) {
  position: absolute;
  top: 72px;
    right: 10%;
}
.fourth .tool_pop1:nth-child(2){
  position:absolute;
  bottom: 90px;
    left: 87%;
}

.baars{
  display:none;
}


.popover-header{
  font-size: 21px;
  color: #020202;
  font-weight: bold;
  font-family: "New Zenmd";
  line-height: normal;
  text-align: left;
}

.popover-body{
font-size: 14px;
letter-spacing: 0px;
line-height: 21px;
color: #020202;
padding-top:0;
}

/* spin animation */
@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}


.spinner {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-timing-function: linear; 
  animation-delay: 4s;
}


.bounce2 {
  animation: bounce2 5000ms ease infinite ;
 
}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-60px);}
	60% {transform: translateY(-15px);}
}


.vertical-shake {
  animation: vertical-shaking 0.35s;
  animation-delay: 5s;
}

@keyframes vertical-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(5px) }
  50% { transform: translateY(-5px) }
  75% { transform: translateY(5px) }
  100% { transform: translateY(0) }
}

.taunasrght .btnn{
  margin-top: 30px;
}

.location{
  background-image: linear-gradient(90deg, #45535b 0%, #c7cbc9 100%);
    padding: 132px 0 30px;
}
/* --blog listing page--- */
.loc_map{
  max-width: 1250px;
  margin: auto;
  position: relative;
}
.loc_map img{
  width:100%;
}

.hedr.blog{
  background:rgb(25, 35, 38, 1.0);
  transition:600ms ease-in-out all;
}

.hedr .blog{
 position:relative;
}

.blog_list{
  background-color: #eeeeee;
  padding:184px 0 137px;
  position:relative;
}
.blog_list h3{
  text-align: center;
  margin-bottom:21px;
}

.blog_details{
  background-color:#fff;
  padding:20px 20px 55px 20px;
  position:relative;
}
.blog_dpic img{
  width:100%;
}
.blog_dpic{
  position:relative;
}

.blog_red{
  position:absolute;
  bottom:-10px;
  left:23px;
  background-color: #ea0d44;
  display:flex;
  align-items:center;
  justify-content:center;
  height:25px;
  min-width:161px;
}

.blog_red h6{
  line-height: 15px;
  font-size: 15px;
letter-spacing: 1px;
}
.blog_info{
  margin-top:30px;
  
}

.blog_info h4{
  font-size: 30px;
  line-height: 28px;
  color: #1c1a26;
  margin-bottom: 7px;
}

.blog_info span{
  font-size: 15px;
letter-spacing: 1px;
line-height: 28px;
color: #75737f;
font-weight: 500;
}
.blog_info span img{
  margin-right:12px;
}
.blog_info a{
  color: #ea0d44;
}

.blog_info p{
  color: #1c1a26;
  margin: 10px 0;
}

.blog_info a{
  position:absolute;
  bottom:25px;

}

.blog_list .row .col-md-6{
  margin-top: 30px;
}

.blog_list .row{
  margin-top:-30px;
}

.blog_details a:hover{
  margin-left:2px;
color:#1c1a26;
transition: 0.3s ease-in-out all;

}




.fade-in {
  animation: fadeIn ease 8s;
  -webkit-animation: fadeIn ease 8s;
  -moz-animation: fadeIn ease 8s;
  -o-animation: fadeIn ease 8s;
  -ms-animation: fadeIn ease 8s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.holderpoint {
  opacity: 0;
  transition-timing-function: cubic-bezier(.47,0,.745,.715);
  transition-duration: .6s;
  transition-property: opacity;
  transition-delay: .1s;
}

.wrapper .aos-animate~.holderpoint{
  opacity: 1;
}


.pagination_dd{
  display:flex;
  justify-content: center;
}

.pagination_dd ul{
  display:flex;
}
.page-link{
  width: 53px;
  height: 53px;
  border-radius: 27px;
  display:flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: none !important;
  color:#000;
}
.page-item:not(:last-child){
  margin-right: 10px;
}
.pagination{
  --bs-pagination-bg: none !important;
}

.page-item:first-child .page-link{
  border-radius: 50%;
}
.page-item:last-child .page-link{
  border-radius: 50%;
}


.circle{
  width: 53px;
height: 53px;
border-radius: 27px;
background-color: #ea0d44;
border: 1px solid #1c1a26;
display:flex;
align-items: center;
justify-content: center;
}

.active>.page-link{
  background-color: #ea0d44;
  border: none;
}
.pagination_dd{
  margin-top: 77px;
}

.anti-punture.blog_list{
  background-image: none;
  background-image: url(//www.tannus.com/cdn/shop/files/bglayer3.png?v=5604720170343999466);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;

}
.tireeleft{
  position:absolute;
  bottom:0;
  left:0;

 
}
.tireeright{
  position:absolute;
  bottom:0;
  right:0;

  
}



.blog_list .punturebtn .btnn{
  background-color: #E50846;
  color:#fff;
} 

.blog_list .punturebtn .btnn span i{
  color:#fff;
}
.blog_list .punturebtn .btnn:hover{
  background-color: transparent;
  transition: 0.3s ease-in-out all;
}

.loctn_map img{
  width:100%;
}


.po_bck img{
width:100%;
}
.po_bck img:nth-child(1) {
  position:absolute;
  top:377px;
  left:0;
  right:0;
  z-index: 0;

}

.po_bck img:nth-child(2) {
  position:absolute;
  top:35%;
  left:0;
  right:0;
  z-index: 0;

}
.blog_list .container{
  position:relative;
  z-index:1;
}

.ffd{
  height: auto !important;
  min-height:auto !important;
}
.ffd .fp-tableCell{
  height: auto !important;
  min-height: auto !important;
}


/* 23.05.2024 */



.taunas{
  display:flex;
  align-items: center;
}

.taunas p{
max-width: 304px;
font-size: 18px;
line-height: 28px;
color: rgba(255,255,255,0.8);
}
.taunasleft p+p{
  margin-top: 35px;
}
.taunasrght .btnn{
  background-color: #000000;
  color:#f1833b;
}
.fifth h2{
  margin-bottom: 33px;
}


.footright{
  display:flex;
  justify-content: space-between;
}

.footlist h5{
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
color: #000000;
font-weight: bold;
font-family: var(--fontbold);
margin-bottom: 50px;
}

.footlist{
  max-width:350px;
}
.footlist li{
  line-height: normal;
}

.footlist a{
  font-size: 15px;
letter-spacing: 2px;
color: #000000;
font-family: var(--fontreg);
}
.footlist li:not(:last-child){
margin-bottom: 20px;
}
.footlist li a:hover{
  color:#e90d44;
}


.form-control:focus{
border:none;
outline:none;
box-shadow: none;
}

.maile .form-control{
  border: 0;
  border-bottom:1px solid #000000;
  border-radius: 0;
  padding:20px 45px 20px 28px;

}


.subtn{
width: 40px;
height: 40px;
border-radius: 20px;
background-color: #9c52d2;
display:flex;
align-items: center;
justify-content: center;
background-image: url(//www.tannus.com/cdn/shop/files/tckarrwe.png?v=12700408019110596667);
background-position: center center;
background-repeat: no-repeat;
border: none;
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
}
.maile{
  position:relative;
}
.mb{
  background-image: url(//www.tannus.com/cdn/shop/files/mailbox.png?v=3950424728116768179);
  background-repeat: no-repeat;
  background-position: left center;
}
.ftrbtm{
  display:flex;
  margin-top: 99px;
}
.ftrbtm li{
  width:30px;
  height:30px;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: #626262;
  border-radius: 50%;
}
.ftrbtm li a{
  color:#fff;
}
.ftrbtm li:not(:last-child){
  margin-right: 7px;
}

.border_left{
  position:absolute;
  bottom:-492px;
  left: 0;
  right:0;
  z-index: -1;
}
.border_left img{
  width:100%;
}
.footer_btm{
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.btmflex{
  display:flex;
  justify-content: space-between;
}

.flexright{
  display:flex;
}
.footer_btm{
  padding:20px 0;
 
}
.foot_top{
  padding-bottom: 40px;
}
 
.flexleft p{
font-size: 15px;
letter-spacing: 2px;
color: #000000;
font-family: var(--fontreg);
}

.flexleft a{
color:#000;
}

.puncture_tyre{
  text-align: center;
}

.punturebtn{
  display:flex;
  justify-content: center;
}

.puncture_tyre h3{
font-size: 70px;
line-height: 60px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
text-align: center;
}
.anti-punture{
  position:relative;
  background-image: url(//www.tannus.com/cdn/shop/files/tire_bgdg.png?v=17273081717052106606);
  background-repeat: no-repeat;
  background-size: cover;
  padding:97px 0;
}

.tireleft{
  position:absolute;
  left:0;
  bottom:0;
}
.tireright{
  position:absolute;
  right:0;
  bottom:0;
}
.puncture_tyre p{
  margin:27px 0;
}

.punturebtn .btnn:not(:last-child){
  margin-right: 37px;
}




/* video popover */
.vid_popover {
  z-index: 1;
}

.vid_popover .circle_video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
  transform: translate(-50%, -50%);
  display: none;
}

.vid_popover .circle_video.openVid {
  display: block;
}



.custom-popover {
  --bs-popover-max-width: 276px;
}

.custom-popover .popover-header {
  background: #fff;
  color: #000;
  border-bottom: none;
}

.vid_popover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgb(186 221 0 / 18%) 50%, rgba(194, 213, 0, 0.5438550420168067) 100%);
  /* transform: scale(1.5); */
  animation: grow1 3s ease-in-out infinite;
}

.vid_popover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgba(186, 221, 0, 0.27494747899159666) 50%, rgba(194, 213, 0, 0.7511379551820728) 100%);
  /* transform: scale(2); */
  animation: grow1 3s ease-in-out 1s infinite;
}

@keyframes grow1 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(2.5);
    opacity: .7;
  }

  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}

@keyframes grow2 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.2);
  }

  75% {
    transform: scale(2);
    opacity: .7;
  }

  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}




.third .vid_popover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgba(231, 56, 71, 0.27494747899159666) 50%, rgba(231, 56, 71, 0.7511379551820728) 100%);
  /* transform: scale(2); */
  animation: grow1 3s ease-in-out 1s infinite;
}


.punturebtn .btnn span i{
  color:#000;
}

.ftrbtm li a:hover{
  transform: scale(1.1);
  transition:0.3s ease-in-out all;
}


.btnn:hover{
  color:#e90d44;
  background-color: transparent;
  border: 1px solid  #e90d44;
}
.navlink a:hover{
  color:#e90d44;
}
.subtn:hover{
  background-color: #e90d44;
}
.btm_left{
  position:relative;
}
.btm_left::before{
  content:"";
  position:absolute;
  width:1px;
  height:50px;
  background: rgba(255, 255, 255);
  left:-25px;
  top:-25px;
}
.cc{
  max-width: 340px;
}
.rocker{
  position: absolute;
  bottom: 40%;
  left: 200px;
}
.tool_pop1:nth-child(2) {
  position: absolute;
  bottom: 108px;
    left: 84%;
}
.tool_pop1:nth-child(5) {
  position: absolute;
  top: 70px;
  right: 67px;
}
.tool_pop1:first-child {
  position: absolute;
  bottom: 117px;
  left: 27px;
}

.third .tool_pop1:nth-child(3) {
  position: absolute;
    top: 16px;
    left: 32%;
}
/* stat 23.05.24 */
.darkhead {
  background-color: #19232661;
}
.wrapper .bancont.ptop {
    padding-top: 200px;
}
/* start puncturesect */
.puncturesect {
  width: 100%;
  position: relative;
  background: url(//www.tannus.com/cdn/shop/files/pncbg.png?v=16045460074214538432) #000 no-repeat;
  padding: 140px 0px 0px;
  background-position: center right;
}
.greenbox {
  width: 100%;
  border-radius: 30px;
  background-image: linear-gradient(180deg, #696f2f 0%, #c5d351 100%);
  padding: 50px 30px;
  margin-top: 70px;
}
.greenbox h4 {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #ffffff;
}
.greenbox p{
  max-width: 301px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 30px;
}
.blackbtn {
  max-width: 258px;
  height: 60px;
  border-radius: 30px;
  filter: drop-shadow(0px 18px 15px rgba(128,150,11,0.15));
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: normal;
  text-transform: uppercase;
  color: #c6d452;
  font-family: 'New Zenmd';
  text-align: center;
}
.greenbox .blackbtn {
  margin-top: 30px;
}
.tirimgbox {
  padding: 0px;
}
.tirimgbox img {
  width: 100%;
  margin-left: 50px;
  margin-top: 60px;
}
.tirdetailmainbox {
  width: 100%;
  max-width:315px;
  margin-left: auto;
  position: relative;
}
.tirdtliteamsbox {
  width: 100%;
  border-radius: 20px;
  background-color: #0000005c;
  border: 1px solid #676e2a;
  padding: 30px 20px;
  display: flex;
}
.tirdtliteamsbox + .tirdtliteamsbox {
  margin-top: 25px;
}
.dtcontent h4 {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-family: 'New Zenmd';
  margin-bottom: 10px;
}
.dtcontent p {
  opacity: 0.600;
  width: 227px;
  height: 41px;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
.dticonbox {
  min-width: 35px;
  margin-right: 12px;
}
.bgsheap {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 50px;
}
.puncturesect .container {
  position: relative;
  z-index: 1;
}
/* end puncturesect */
/* end 23.05.24 */

/* start 24.05.24 */
/* start ridersect */
.ridersect {
  width: 100%;
  position: relative;
  padding: 120px 0px 120px;
  background: #eee;
}
.headingtext {
  margin-bottom: 100px;
}
.ridersect .headingtext h2 {
  font-size: 70px;
  line-height: 80px;
  text-transform: uppercase;
  color: #1c1a26;
  max-width: 770px;
  margin: 0 auto;
}
.ridersectwhitbg {
  background: #fff;
  padding: 110px 40px 130px;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.ridimgbox {
  width: 125px;
  height: 125px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
}
.ridimgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}
.ridersectwhitbg p {
  max-width: 253px;
  font-size: 18px;
  line-height: 28px;
  color: #1c1a26;
  text-align: center;
  margin: 0 auto;
}
.ridersectwhitbg h4 {
  font-size: 20px;
  line-height: 28px;
  color: #C2D500;
  text-align: center;
  max-width: 253px;
  margin: 0 auto;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}
.ridersect .bgsheap {
  bottom: 0;
}
.ridersect .container {
  position: relative;
  z-index: 1;
}
.clon1 {
    position: absolute;
    left: 22px;
    top: 30px;
}
.clon2 {
    position: absolute;
    right: 22px;
    bottom: 30px;
}
/* end ridersect */

/* start shopOnlinescet */
.shopOnlinescet {
  width: 100%;
  position: relative;
  background-image: linear-gradient(180deg, #696f2f 0%, #c5d351 100%);
  padding: 106px 0px 146px;
overflow: hidden;
}
.container-fluidcustom {
  width: 100%;
  max-width: 1474px;
  margin: 0 auto;
}
.customrow {
  width: 100%;
  position: relative;
  display: flex;
}
.shopiteams {
  padding: 0px 8px;
  width: 25%;
  position: relative;
  box-sizing: border-box;
}
.iteamsmainbox {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 50px 0px 0px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.iteamsmainbox:hover {
  background: #badd00;
}
.iteamsmainbox:hover .iteamsmainbox h3 {
  color: #23251f;
}
.iteamsmainbox:hover .iteamsmainbox p {
  color: #23251f;
}
.iteamsmainbox:hover .pricebox h4 {
  color: #23251f;
}
.iteamsmainbox:hover .pricebox p {
  color: #1d252c;
}
.shopnowbtn {
  max-width: 163px;
  height: 46px;
  border-radius: 23px;
  border: 2px solid #17253a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  color: #1d252c;
  font-family: 'New Zenmd';
  text-align: center;
  margin: 25px auto 0;
}
.shopnowbtn img {
  margin-left: 10px;
}
.shopnowbtn:hover {
  background: #23251f;
  color: #fff;
}
.iteamsmainbox:hover .shopnowbtn {
  background: #23251f;
  color: #fff;
}
.iteamsmainbox:hover .shopnowbtn img {
  filter: brightness(0) invert(1);
}
.shopnowbtn:hover img {
  filter: brightness(0) invert(1);
}
.iteamsmainbox h3 {
  font-size: 30px;
  line-height: 45px;
  text-transform: uppercase;
  color: #1d252c;
  font-family: 'New Zens';
}
.iteamsmainbox p {
  max-width: 260px;
  font-size: 15px;
  line-height: 24px;
  color: #3a3f43;
  text-align: center;
  font-family: "New Zenmd";
  margin: 0 auto;
}
.prodimgbox {
  width: 100%;
  height: 298px;
  position: relative;
  overflow: hidden;
}
.prodimgbox img {
  width: 100%;
  height: 310px;
  object-fit: cover;
}
.pricebox {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
}
.pricebox h4 {
  font-size: 30px;
  line-height: 70px;
  text-transform: uppercase;
  color: #141416;
  font-family: 'New Zens';
  font-weight: 600;
  text-align: left;
}
.pricebox p {
  font-size: 18px;
  line-height: normal;
  color: #403d42;
  text-align: left;
  width: 100%;
  margin: 0px;
  opacity: 0.502;
}
.shopOnlinescet .headingtext {
    margin-bottom: 45px;
}
/* end shopOnlinescet */

/* start faqsection */
.faqsection {
  width: 100%;
  position: relative;
  padding: 140px 0px;
}
.faq_container {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.faqsection .accordion-item {
  border: 0px !important;
}
h2.accordion-header .accordion-button {
  font-size: 24px;
  line-height: 30px;
  color: #1c1a26;
  font-family: 'New Zenmd';
  font-weight: 500;
}
.accordion-header .accordion-button{
  width: 100%;
  padding: 25px;
  background-color: transparent;
  display: flex;
  align-items: center;
  border-radius: 0px !important;
  box-shadow: none;
  border-color: transparent;
}
.accordion-button.collapsed {
  border: 1px solid #250b67;
}
.faqsection .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "-";
    font-size: 40px;
    line-height: normal;
    color: #1c1a26;
    font-family: 'New Zenmd';
}
.faqsection .accordion-button::after {
  content: "+";
  background-image: none;
  font-size: 40px;
  line-height: normal;
  color: #1c1a26;
  font-family: 'New Zenmd';
  display: flex;
  align-items: center;
  justify-content: center;
}
.faqsection .accordion-item + .accordion-item {
  margin-top: 30px;
}
.faqsection .accordion-body {
  padding: 0px 25px 25px;
}
.faqsection .accordion-body p {
  font-size: 18px;
  line-height: 30px;
  color: #1c1a26;
}
.faqsection .accordion-body {
  background: #C2D500;
}
.faqsection .accordion-button.collapsed {
  background: #fff;
}
.faqsection .accordion-button {
  background: #C2D500;

}
.faqsection .headingtext h2 {
  font-size: 80px;
  line-height: normal;
  color: #1c1a26;
  text-align: center;
  margin-bottom: 20px;
}
.faqsection .headingtext p {
  font-size: 20px;
  line-height: 30px;
  color: #1c1a26;
  text-align: center;
}
.faqsection .headingtext {
  margin-bottom: 40px;
}
/* end faqsection */

/* end 24.05.24 */
.punturebtn.ufg .btnn{
  background-color: #C2D500;
  color: #ffffff;
}
.location{
  position:relative;
}
/* armour page */

.faqsection.armour .accordion-button {
  background:#f2f2f2;
}


.armour .accordion-button:not(.collapsed) {
  background: #E50846;
  color:#f2f2f2;

}
/* .armour h2.accordion-header .accordion-button{
  color:#f2f2f2;
} */

.faqsection.armour .accordion-body p {
  color:#f2f2f2;
}
.faqsection.armour .accordion-body {
  background: #E50846;
}


.puncturesect.redbg {
  width: 100%;
  position: relative;
  background: url(//www.tannus.com/cdn/shop/files/red_bg.png?v=3874544537531514855) #000 no-repeat;
  
}

.rm-rider .ridersectwhitbg h4 {
  color: #E50846;
}
.armr_items .pricebox{
  position: relative;
  left:unset;
  bottom:unset;
  text-align: center;
}
.armr_items .pricebox h4{
  text-align: center;
}

.armr_items .pricebox p{
  text-align: center;
  margin: auto;
}


.armr_items{
  background-image: linear-gradient(0deg, #251405 0%, #251405 0%, #e73747 100%);
}
.armour_pic{
  max-width: 100%;
  height:100%;
}
.armour_pic img{
  position:absolute;
  bottom:-146px;
  max-width: 562px;
}
.redbg{
  padding-bottom: 147px;
}
.tirimgbox .armour_pic img {
  margin-left: 123px;
}
.redbg .greenbox{
  background-image: linear-gradient(180deg, #e73747 0%, #3d2005 100%);
}
.redbg .blackbtn{
  color:#e73847;
}
.redbg .blackbtn span{
 margin-left:15px;
}


.armr_items .iteamsmainbox:hover {
  background: #e73847;
}
.bgsheap img{
  width:100%;
}
.redbg .tirdtliteamsbox {
  border:1px solid rgba(255,123,0,0.4);
}

.faqsection.armour .accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "-";
  font-size: 40px;
  line-height: normal;
  color: #f2f2f2;
  font-family: 'New Zenmd';
}
.faqsection.armour .accordion-button::after {
  content: "+";
  color: #1c1a26;
 
}

.tube_or{
  background-image: linear-gradient(0deg, #251405 0%, #251405 0%, #ff7b00 96%, #ff7b00 100%);
}

.faqsection.tbe_accr .accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "-";
  font-size: 40px;
  line-height: normal;
  font-family: 'New Zenmd';
}
.faqsection.tbe_accr .accordion-button::after {
  content: "+";
  color: #1c1a26;
 
}

.faqsection.tbe_accr .accordion-body{
  background-color: #FF8300;
}
.faqsection.tbe_accr .accordion-button:not(.collapsed) {
  background-color: #FF8300;
}

.punturebtn.orn .btnn{
  background-color: #FF8300; 
  color: #1d2629;
}

.punturebtn.orn .btnn span i {
  color: #1d2629;
}


.tube_or .prodimgbox img{
  width:auto;
}


.tube_or .prodimgbox {
  overflow: hidden;
}

.tube_or .customrow{
  flex-wrap: wrap;
}
.tube_or .shopiteams{
  width:33%;
  margin-top: 16px;
}

.tube_or .iteamsmainbox:hover {
  background-color: #090909;
}
.tube_or .iteamsmainbox:hover p{
  color:#fff;
}
.tube_or .iteamsmainbox:hover h3{
  color:#fff;
}
.tube_or .iteamsmainbox:hover h4{
  color:#fff;
}
.puncturesect.redbg.orngebg{
  width: 100%;
  position: relative;
  background: url(//www.tannus.com/cdn/shop/files/orngeellipse.png?v=3659046545650113358) #000 no-repeat center right;
}

.orngebg .tirimgbox .armour_pic img{
  margin-left:50px;
}

.orngebg .greenbox{
  background-image: linear-gradient(180deg, #ff7b00 0%, #3d2005 100%);
  max-width: 352px;
}

.punturebtn.orn .btnn:hover{
  color:#fff;
}
.punturebtn.orn .btnn:hover i{
  color:#fff;
}

.redbg .blackbtn:hover{
background-color: transparent;
border:1px solid #ff7b00;
}

.tube_or .iteamsmainbox h3{
	max-width:200px;
	margin:auto;
}
.tube_or .iteamsmainbox{
	padding: 50px 0px 300px;
}
 .tube_or .prodimgbox {
    position: absolute;
	bottom:0;
  }


  /*--27.05.02024--- */

  .blackbtn:hover{
    background-color: transparent;
    border:1px solid #000;
    color:#000;
  }
  .blackbtn:hover span img{
  filter: grayscale(1 ) invert(1);
  }
 .blogholder{
  max-width: 920px;
  margin: auto;
 }

 .blog_sec{
  background-color: #eeeeee;
  padding:190px 0 161px;
 }
 .blogholder h3{
  font-size: 40px;
  line-height: 44px;
  color: #2b2c33;
  font-weight: bold;
  text-align: left;
  margin-bottom: 34px;
 }
 .bhead{
  display:flex;
  margin: 29px 0 25px;
 }
 .hpic{
  width:39px ;
  height:39px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
 }
 .hpic_bck{
  background-image: url(//www.tannus.com/cdn/shop/files/red_boddle.png?v=15876040550092896341);
  background-repeat: no-repeat;
  background-size: contain;
  min-width:51px;
  height: 51px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
 }
 .htext h6{
  font-size: 18px;
line-height: 28px;
color: #2c2a2a;
font-weight: bold;
 }
 .htext span{
  color:rgba(44, 42, 42, 0.3);
 }
 .hpara{
  line-height: 34px;
color: #777784;
 }
 .hpara p+p{
  margin-top:33px;
 }
 .sidepic{
  border-radius:10px;
  overflow:hidden;
 }
 .pic_row{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:30px 0 20px;
 }
 .sidepic img{
  width:100%;
  object-fit: cover;
 }
 .sidepic{
  flex:0 0 auto;
  width:24.3%;
  max-width: 24.3%;
 }
 .pic_row .sidepic{
  margin-bottom: 8px;
 }

 .blog_tab{
  margin-top: 40px;
 }


.blog_tab .nav-link{
  opacity: 0.702;
  min-width: 157px;
  height: 42px;
  border-radius: 21px;
  background-color: #e8e8e8;
  font-size: 15px;
color: #868585;
font-weight: bold;
font-family: 'New Zeneb';

}

.blog_tab .nav-pills .nav-link.active{
 color:#fff;
 background-color: #e73847;
 opacity: 1;
}
.blog_tab .nav-pills .nav-link:last-child{
  margin-right: 15px;
}
.lnkcrcle{
  display:flex;
  align-items: center;
  justify-content: center;
width: 43px;
height: 43px;
border-radius: 22px;
border: 1px solid rgba(34, 30, 31, 0.12);

}

.mark{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 35px;
height: 35px;
border-radius: 17px;
background-color: #ea0d44;
color:#f2f2f2;
position: relative;
z-index: 1;
transition: 0.3s ease-in-out all;
}


/* .ripple {
  position: relative;
  text-decoration: none;
  color: #fff;
  width: 35px;
  height: 35px;
  background-color: #ea0d44;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(170, 13, 68, 0.3), 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3);
            box-shadow: 0 0 0 0 rgba(170, 13, 68, 0.3), 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3), 0 0 0 90px rgba(170, 13, 68, 0.3);
            box-shadow: 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3), 0 0 0 90px rgba(170, 13, 68, 0.3);
  }
}
@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(170, 13, 68, 0.3), 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3);
            box-shadow: 0 0 0 0 rgba(170, 13, 68, 0.3), 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3), 0 0 0 90px rgba(170, 13, 68, 0.3);
            box-shadow: 0 0 0 10px rgba(170, 13, 68, 0.3), 0 0 0 30px rgba(170, 13, 68, 0.3), 0 0 0 60px rgba(170, 13, 68, 0.3), 0 0 0 90px rgba(170, 13, 68, 0.3);
  }
} */


.mrkholder{
  position: absolute;
}

.mark_hold{
display:flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 17px;
background-color: #ea0d44;
color:#f2f2f2;
/* z-index: 1; */
transition: 0.3s ease-in-out all;
position: relative;
}

.mark_hold::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* z-index: -1; */
  border-radius: 50%;
  background: radial-gradient(circle, rgba(170, 13, 68, 0) 0%, rgb(170 68 13 / 18%) 50%, rgba(170, 13, 68, 0.5438550420168067) 100%);
  /* transform: scale(1.5); */
  
}

.mark_hold::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* z-index: -1; */
  border-radius: 50%;
  background: radial-gradient(circle, rgba(170, 13, 68, 0) 0%, rgba(170, 13, 68, 0.27494747899159666) 50%, rgba(170, 13, 68, 0.7511379551820728) 100%);
  /* transform: scale(2); */
  /* animation: grow1 3s ease-in-out 1s infinite; */
}

.loc_map .mrkholder:nth-child(1) .mark_hold:before{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(1) .mark_hold:after{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(2) .mark_hold:before{
  animation: grow1 4s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(2) .mark_hold:after{
  animation: grow1 4s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(3) .mark_hold:before{
  animation: grow1 6s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(3) .mark_hold:after{
  animation: grow1 6s ease-in-out infinite;
}
.loc_map .mrkholder:nth-child(4) .mark_hold:before{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(4) .mark_hold:after{
  animation: grow1 3s ease-in-out infinite;

}

.loc_map .mrkholder:nth-child(5) .mark_hold:before{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(5) .mark_hold:after{
  animation: grow1 5s ease-in-out infinite;
}
.loc_map .mrkholder:nth-child(6) .mark_hold:before{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(6) .mark_hold:after{
  animation: grow1 3s ease-in-out infinite;

}

.loc_map .mrkholder:nth-child(7) .mark_hold:before{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(7) .mark_hold:after{
  animation: grow1 2s ease-in-out infinite;

}

.loc_map .mrkholder:nth-child(8) .mark_hold:before{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(8) .mark_hold:after{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(9) .mark_hold:before{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(9) .mark_hold:after{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(10) .mark_hold:before{
  animation: grow1 4s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(10) .mark_hold:after{
  animation: grow1 4s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(11) .mark_hold:before{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(11) .mark_hold:after{
  animation: grow1 2s ease-in-out infinite;

}

.loc_map .mrkholder:nth-child(12) .mark_hold:after{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(12) .mark_hold:before{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(13) .mark_hold:after{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(13) .mark_hold:before{
  animation: grow1 5s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(14) .mark_hold:after{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(14) .mark_hold:before{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(15) .mark_hold:after{
  animation: grow1 6s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(15) .mark_hold:before{
  animation: grow1 6s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(16) .mark_hold:after{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(16) .mark_hold:before{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(17) .mark_hold:after{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(17) .mark_hold:before{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(18) .mark_hold:after{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(18) .mark_hold:before{
  animation: grow1 2s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(19) .mark_hold:after{
  animation: grow1 1s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(19) .mark_hold:before{
  animation: grow1 1s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(20) .mark_hold:after{
  animation: grow1 6s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(20) .mark_hold:before{
  animation: grow1 6s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(21) .mark_hold:after{
  animation: grow1 3s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(21) .mark_hold:before{
  animation: grow1 3s ease-in-out infinite;

}

.loc_map .mrkholder:nth-child(22) .mark_hold:after{
  animation: grow1 1s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(22) .mark_hold:before{
  animation: grow1 1s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(23) .mark_hold:after{
  animation: grow1 4s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(23) .mark_hold:before{
  animation: grow1 4s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(24) .mark_hold:after{
  animation: grow1 7s ease-in-out infinite;

}
.loc_map .mrkholder:nth-child(24) .mark_hold:before{
  animation: grow1 7s ease-in-out infinite;

}

/* .mark_hold:nth-child(2):before{
  animation: grow1 4s ease-in-out infinite;
}
.mark_hold:nth-child(2):after{
  animation: grow1 4s ease-in-out infinite;
} */
/* .mark_hold:hover .mark{
 transform:scale(1.3);
 transition: 0.3s ease-in-out all;
}  */

.pop{
  display:flex;
border-radius: 15px;
filter: drop-shadow(6.914px -1.095px 22.5px rgba(33,10,69,0.23));
background-color: #ffffff;
font-size: 18px;
line-height: 26px;
color: #0b0b0b;
--fontreg:"Omnes", sans-serif;
position: absolute;
top:-26px;
transform:translateX(-50%);
left:50%;
z-index: 1;
padding:10px;
min-width: 320px;
display: none;
}
.pop i{
  color:#ea0d44;
}
.pop span{
  margin-left: 20px;
}

.pop::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent transparent transparent;

}

.mark_hold:hover .pop {
  display: flex;
}

.loc_map .mrkholder:nth-child(1){
  top: 35%;
  left: 19%;
}
.loc_map .mrkholder:nth-child(2){
  top: 32%;
  left: 45%;
}

.loc_map .mrkholder:nth-child(3){
  bottom: 8%;
left: 26%;
}

.loc_map .mrkholder:nth-child(4){
  bottom: 16%;
left: 53%;
}

.loc_map .mrkholder:nth-child(5){
  bottom: 13%;
right:10%;
}
.loc_map .mrkholder:nth-child(6){
  top: 40%;
right:10%;
}




/* europe--- */










/* 28.05.2024--- */
.iconlist{
  display:flex;
}
.iconlist li:not(:last-child){
  margin-right:7px;
}
.redcrcle{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 22px; 
    background-color:#ea0d44 ;
}


.iconlist li{
  display:flex;
  align-items: center;
}
.iconlist li:last-child{
margin-left: 27px;
font-size: 16px;
line-height: 34px;
color: #76798e;
font-weight: bold;
font-family: 'New Zeneb';
}

.redcr{
  display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 22px; 
    border: 1px solid #ea0d44;
}
.likes{
  display:flex;
  align-items: center;
  font-size: 16px;
line-height: 34px;
color: #76798e;
font-weight: bold;
font-family: 'New Zeneb';
}

.tab_top{
  display:flex;
  justify-content: space-between;
}
.likes span{
  margin-right:7px;
}
.iconlist span{
  margin-right:7px;
}

.link_box{
font-size: 16px;
letter-spacing: 2px;
line-height: 34px;
color: #282a39;
font-weight: bold;
margin-top: 30px;

}

.link_head{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(34, 30, 31, 0.12);
  text-transform: uppercase;
}

.link_hold h5{
  font-size: 20px;
line-height: 28px;
color: #1d1d25;
font-weight: bold;
}


.link_hold p{
font-size: 15px;
letter-spacing: 0px;
line-height: 24px;
color: #777784;
font-weight: bold;
}

.link_hold a{
font-size: 15px;
letter-spacing: 1px;
line-height: 28px;
text-transform: uppercase;
color: #ea0d44;
font-weight: bold;
font-family: 'New Zeneb';
}

.link_text{
  display:flex;
  margin:36px 0;
}


.link_hold a:hover{
  color:#000;
  transition: 0.3s ease-in-out all;
}
.link_hold:not(:last-child){
  margin-right: 5px;
}


.topicholder{
  padding:28px 15px 0 44px;
  border: 1px solid rgba(113,115,127,0.5);
  position:relative;
}

.topics{
 
  height: 461px;
  overflow-y: auto;
}

.topic_head{
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.topic_head h5{
  font-size: 24px;
letter-spacing: 0px;
line-height: 24px;
color: #1c1b1b;
font-weight: bold;
font-family: 'New Zeneb';
}
.topic_head .btnn{
  min-width: 183px;
height: 56px;
background-color: #ea0d44;
color:#fff;
filter: none;
text-transform: none;
}
.topic_head .btnn:hover{
  background-color: transparent;
  transition: 0.3s ease-in-out all;
  color:#ea0d44;
}


.info_top{
  display:flex;
}

.pic_head{
display:flex;
align-items: center;
}
.pic_head h6{
font-size: 18px;
line-height: 60px;
color: #ea0d44;
font-weight: bold;
font-family: 'New Zeneb';
margin-right: 7px;
}
.pic_head span{
  color: rgba(0, 0, 0, 0.2);
  background-image:url(//www.tannus.com/cdn/shop/files/blog_dot.png?v=14144658954687587440);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left:15px;
}

.picinfo p{
  font-size: 15px;
line-height: 28px;
color: #5f5f5f;
font-family: "New Zen";
}

.picinfo_link ul{
  display:flex;
  margin-top: 26px;
}

.picinfo_link ul li a{
  font-size: 16px;
line-height: 23px;
color: #5f5f5f;
font-weight: bold;
font-family: 'New Zeneb';
}
.picinfo_link ul li:not(:last-child){
  margin-right: 35px;
}
.picinfo_link ul li span{
  margin-right: 10px;
}

.datainfo{
  display:flex;
}

.readtop{
font-size: 13px;
line-height: 24px;
color: #92929e;
font-weight: bold;
font-family: 'New Zeneb';
}
.datainfo_read{
font-size: 15px;
line-height: 28px;
color: #5f5f5f;
font-family: 'New Zeneb';
}
.datainfo_read{
  margin-left: 15px;
}
  
.picinfo_link{
  margin-bottom: 30px;
}
.readtop span+span{
  margin-left: 10px;
}
.datainfo:not(:last-child){
  margin-bottom:30px;
}


.topics::-webkit-scrollbar-thumb {
  background-color: #8d8fa1;
  border-radius: 3px;
  height: 92px;
}

.topics::-webkit-scrollbar {
width: 5px;
border-radius: 3px;
background-color: rgba(141, 143, 161, 0.102);

}

.picinfo{
  max-width: 705px;
}

.topicholder::after{
  content:"";
  position:absolute;
  background: rgb(2,0,36);
  background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(238,238,238,1) 84%);
  width:100%;
  left:0;
  right:0;
  bottom:0;
  height:9%;
}



/* 4.25 */

.ratio-16x9{
  margin-top:92px;
}


.taunuas_pic img{
 max-width: 100%;
 height:auto;
}




@keyframes bounceBall {
  0% {
    transform: translateY(-70px) scale(1, 1);
  }
  15% {
    transform: translateY(-56px) scale(1, 1);
  }
  45% {
    transform: translateY(70px) scale(1, 1);
  }
  /* 50% {
    transform: translateY(73.5px) scale(1, 0.92);
  }
  55% {
    transform: translateY(70px) scale(1, 0.95);
  }
  85% {
    transform: translateY(-56px) scale(1, 1);
  } */
  95% {
    transform: translateY(-70px) scale(1, 1);
  }
  100% {
    transform: translateY(-70px) scale(1, 1);
  }
}

.ball {
  -webkit-animation-name: bounceBall;
          animation-name: bounceBall;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}


.taunasrght {
  margin-left: auto;
  max-width: 304px;
}

.dust{
  width: 500px;
  position: absolute;
  bottom: 210px;
  margin-left: 221px;
}

.dust img{
  max-width: 500px;
  height:auto;

}


.poptire{
  width:50px;
  height:50px;
  border-radius: 100%;
  overflow:hidden;
}
.poptire img{
  max-width: 100% !important;
}

.tube_hold{
  display:flex;
  background: #fff;
}

.tube_hold h3{
  font-size: 21px;
line-height: 52px;
color: #020202;
font-weight: bold;
font-family: 'New Zeneb';
}
.tube_hold span{
  font-size: 14px;
letter-spacing: 0px;
line-height: 21px;
color: #020202;
font-family: "New Zen";
}


/* .vid_popover .circle_video{
  width:320px;
  max-width:320px;
   padding:5px;
  border-radius: 5px;
  overflow: unset;
} */

.poptire {
  width:180px;
  max-width:180px;
  height:auto;
}

.footlist h5 {
  margin-bottom: 30px;
}

.ftrbtm {
  margin-top: 50px;
}
.foot_top {
  padding-bottom: 20px;
}

.foot {
  padding-top: 40px;
}





.ball-shadow {
  background: radial-gradient(50% 50%, #000 0%, #fff 100%);
  height: 50px;
  width: 200px;
}

.bouncy-castle {
  height: 100%;
  left: 50%;
}

.bouncy-castle .ball-shadow {
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: grow_a;
  -webkit-animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-name: grow_a;
  animation-iteration-count: infinite;
  bottom: 0;
  position: absolute;
  margin-left: -100px;
}

.bouncy-castle .ball {
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.2s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  /* position: absolute; */
}

@-webkit-keyframes grow_a {
  from {
    bottom: 0;
    margin-left: -100px;
    height: 50px;
    opacity: 1;
    width: 200px;
  }

  to {
    bottom: -15px;
    margin-left: -150px;
    height: 80px;
    opacity: 0.4;
    width: 300px;
  }
}

@keyframes grow_a {
  from {
    bottom: 0;
    margin-left: -100px;
    height: 50px;
    width: 200px;
  }

  to {
    bottom: 20px;
    margin-left: 0;
    height: 10px;
    width: 15px;
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-30px);
  }
    100% {
    transform: translateY(0px);
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-30px);
  }
    100% {
    transform: translateY(0px);
  }
}


.footlist li {
  line-height: 20px;
}


.shadowd{
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.ball img{
  max-width: 355px;
}

.fifth h2 {
  margin-bottom: 102px;
}

.btm_left::after {
    content: "";
    position: absolute;
    background-color: rgb(68 68 68 / 81%);
    left: -100vw;
    top: -30px;
    bottom: -21px;
    right: -10px;
}


/* 30.05.2024 */

.ball img {
  max-width: 306px;
}
.taunuas_pic{
  text-align: center;
}
.links_f{
  margin: 10px 0;
}
.links_f a{
  font-size: 15px;
    letter-spacing: 2px;
    color: #000000;
    font-weight: 600;
    font-family: var(--fontbold);
}
.links_f a:not(:last-child){
  margin-right: 20px;
}
.links_f a:hover{
  color:#e90d44;
}
.foot_left p {
  margin-top: 30px;
}
.anti-punture {
  background-image: linear-gradient(90deg, #45535b 0%, #c7cbc9 100%);
  overflow: hidden;
}

.anti-punture.blog_list{
  background-image: none;
  background-color: #1d2629;
}
.punct img {
  width: 100%;
}
.anti-punture.blog_list {
  position: relative;
  z-index: 2;
}
.punct {
  position: absolute;
  top: -167px;
  bottom: 0;
  width: 100%;
}
.pop_content{
  display:flex;
  flex-direction:column;
  margin-left: 20px;
}
.pop span{
  margin-left: 0;
}
.pop_content a{
  color:#000000;
}
.pop_content a:hover{
  color:#e90d44;
}
.mark{
  width:30px;
  height:30px;
  border-radius: 50%;
  z-index: 5;
}
.pop{
  z-index:990;
}



/*----waves--- */
.waves {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  min-height: 60vh;
  z-index: -1;
}

.cls-1 {
  opacity: 0.2;
}
.cls-2,
.cls-3 {
  fill-rule: evenodd;
}
.cls-2 {
  opacity: 0.7;
  isolation: isolate;
  fill: url(#linear-gradient);
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.wrapper .container{
  z-index: 1;
}

/*----animation for index 2-- */



canvas {
  position: absolute;
  top: 0;
  left: -2px;
  width: 100vw;
  height: 100vh;
  outline: none;
  pointer-events: none;
}

.pop_content{
  color:#000;
}
.pop_content:hover{
  color:#e90d44;
  transition: 0.3s ease-in-out all;
}


.vid_popover .circle_video>* {
  object-fit: cover;
  max-width: 100% !important;
  height:100%;
  background-color: #fff;
}

.third .tool_pop1 .circle_video img {
  filter: invert(0);
}
.fourth .tool_pop1 .circle_video img {
  filter: invert(0);
}


/* --shop box--- */


.iteamsmainbox{
  display:flex;
  justify-content: center;
  padding:5px;
  flex-wrap: wrap;
}


.iteamsmainbox:hover h6 {
  color: #fff;
}
.shopbox{
  border:1px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
  flex:0 0 auto;
  width:19%;
  max-width:19%;
  border-radius:5px ;
}
.shopbox h6{
  color:#C2D500;
  font-weight: 600;
  font-size: 18px;
  
}
.shopbox span{
  color:#000;
}
.shopbox{
  margin-bottom: 5px;
  background-color: #f2f2f2;
  padding:20px;
}

.item_box{
  display:flex;
}

.shopOnlinescet .customrow{
  justify-content: space-between;
}
.shop_field:not(:last-child){
margin-bottom: 20px;
}


.armr_items .shopbox h6{
  color:#E50846;
}


.tube_or .shopbox h6{
  color:#FF8300;
  font-family: "New Zenmd";
}


/*---faq page---31-05-2024 */
.accrdone h2{
  font-size: 30px;
  color:#000;
  text-align:left;
}


.cmnfaq{
  padding:175px 0 80px;
  position:relative;
}

.cmnfaq .faqsection{
  padding:40px 0;
}

.cmnfaq .headingtext h2{
  color:#000;
}
.cmnfaq .headingtext p{
  color:#000;
  text-align: center;
  margin-top:20px;
}
.cmnfaq .headingtext{
  margin-bottom:60px;
}
.cmnfaq .container{
  z-index:1;
  position:relative;
}

.cmnfaq .po_bck img:nth-child(2) {
  top: 67%;
}


.cmnfaq.faqsection.armour .accordion-button{
  background-color: #fff;
}

.btm_left::before {
  left: -9px;
  top: 7px;
}

.tool_pop1{
  background-color: rgba(194, 213, 0, 0.9);
}

.flexhold{
  display:flex;
  justify-content: space-between;
}






/* 31-05-24-swarnali--------------css----------Material-page-----------start */
/* video */

.material-sec h3 {
  margin-bottom: 40px;
  text-transform: capitalize;
}

.decoration-bg {
  position: relative;
  width: 100%;
  height: 100%;

}

.deco-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.deco-video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}

.deco_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.decoration-btn {
  width: 90px;
  height: 90px;
  background-color: #e73847;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoclose~.deco-button-wrapper .decoration-btn {
  transition: 0.4s all;
  opacity: 0;
}

/* video */


/* pdf */

.pdf-sec-whol-wrap {
  padding-bottom: 100px;
  background-color: #eee;
}

.pdf-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cdcbcb;
  margin-bottom: 40px;
}

.pdf-item:last-child {
  border: none;
}

.pdf-button a.btnn {
  background-color: #e73847;
  filter: unset;
  color: #fff;
  padding: 0 15px;
  border: 1px solid #e73847;
}

.pdf-text h4 {
  font-size: 34px;
  line-height: 34px;
  color: #090c26;
  font-weight: bold;
  margin-bottom: 20px;
}

.pdf-text p {
  font-weight: bold;
  color: #090c26;
  max-width: 760px;
  padding-bottom: 20px;
}

.pdf-icon {
  margin-right: 10px;
}

.pdf-arrow {
  margin-left: 10px;
}

.pdf-button a.btnn:hover {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}

.pdf-button a.btnn:hover span.pdf-icon img {
  filter: brightness(1) invert(1);
}

.pdf-button a.btnn:hover span.pdf-arrow img {
  filter: brightness(1) invert(1);
}

/* 31-05-24-swarnali--------------css----------Material-page-----end */


h1,h2,h3,h4,h5,h6{
  font-family: "New Zenmd";
}


.vid_popover .circle_video>* img{
 width:150px !important;
}



/* 3-06-2024 strt---- */

.shopbox h6 {
  font-size: 16px;
}

.btnn span{
  margin-left:5px;
}


.cls-4{
  fill:#C2D500;
  opacity: 0.5;
}

.cls-7{
  fill:#C2D500;
}

.cls-8{
  fill:#C2D500;
  opacity:0.5;
}


.cls-5{
  fill:#FF8300;
  opacity:0.2;
}

.cls-6{
  fill:#E50846;
  opacity: 0.3;
}

.hidden-popover .popover {
  display: none !important;
}


body.scrolling .circle_video {
  display: none;
}


.tire_picture img:nth-child(2){
position: absolute;
top: -162px;
right: -30px;
transform: rotate(190deg);

}


.tire_picture img:nth-child(1) {
  position: absolute;
  /* top: 53px; */
  bottom: -127px;
  left: -63px;
  transform: rotate(12deg);
}


.container-fluidcustom {
  z-index: 1;
  position: relative;
}
.tube{
  max-width: 214px;
}


.tube_or .tire_picture img:nth-child(1) {
  position: absolute;
  /* top: 53px; */
  bottom: -107px;
  left: -9px;
  transform: rotate(12deg);
}


/* 4.6.04 */
.slide-right {
  animation: 3s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}


.cycleft{
  max-width:411px;
}
.cycleft h1{
  max-width:411px;
}

.iteamsmainbox.acc{
  padding:15px;
}
 .acc{
  background-color: #fff;
  padding:25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  height: 100%;
 }

.accbox{
 text-align: center;
  
}
.acc h3{
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    color: #1d252c;
}
.accbox h4{
  color: #1d252c;
  font-size: 20px;
    line-height: 70px;
    text-transform: uppercase;
    color: #141416;
    font-weight: 600;
}
.accbox p{
  color: #403d42;
}
.accpic{
  margin-top:40px;
}

.access{
  background: none;
  background-color: #eeeeee;
  padding: 184px 0 137px;
  position: relative;
}


.accpic img {
  max-width: 100%;
  height: 300px;
  object-fit: cover;
}

.access h2{
  color:#141416;
}
.oline{
  text-decoration: line-through;
}
.access h6{
  color:#000;
}

/* 5.6.2024---------*/

.cls-10{
  fill:#FF8300;
  opacity:0.8;
}

.flexleft{
  margin-top: -50px;
}


/* 6.6.2024--- */
.puncturesect{
  overflow:hidden;
}
.wrapper .tuber{
  height:100vh;
}
.wrapper img.bdn{
  height:100vh;
}




.aos-animate + .holderpoint .vid_popover::after,
.aos-animate + .holderpoint .vid_popover::before{
  animation-play-state: running;
}


/* ---7-06-2024---- */

.mix{
  display:flex;
  align-items: center;
}

.mix h2{
  color: #000;
  text-align: left;
  font-size: 50px;
  margin-bottom:40px;
}
.tire_tubetext  p{
  color:#020202;
}


.tire_tubetext{
  margin-left:50px;
}
.tire_tube{
  padding:80px 0;
}

.tire_tubetext span{
color:#000;
font-weight: 600;
}


.tirevideo{
  width:100%;
  height:100%;
  border-radius: 10px;
}

.viddimen{
  width:100%;
  height:364px;
  object-fit: cover;
  border-radius: 10px;
}


.gifhold{
  flex:0 0 50%;
  max-width:50%;
  position:relative;
}
.gifflex{
  display:flex;
  border-radius: 10px;
  overflow: hidden;
  position:relative;
}

.gifflex::before{
  content: "";
  position:absolute;
  height:100%;
  width:2px;
  background-color: rgba(229,8,70,1);
  left:50%;
  transform:translateX(-50%);
  z-index: 5;
}


.gif_box{
  width:30px;
  height:30px;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(229,8,70,1);
  position:absolute;
  left:50%;
  transform: translate(-50%,-50%);
  top:50%;
  border-radius: 30%;
}


.gifhold img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.gif_text{
  position: absolute;
  top:20px;
  left:20px;
  z-index:5;
}

.gif_text h4{
  color:#fff;
}
.gif_box img{
  width:20px;
}

.baars:hover{
  cursor:pointer;
}



/* ---10-06-2024--- */

.wrapper.fifth .waves {
  z-index: 0;
}


.shopOnlinescet thead{
  background-color: #C2D500;
}
.armr_items thead{
  background-color:#e73747;

}

.tube_or thead{
  background-color:#ff7b00;
}


tbody, tfoot, th, thead {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border: none;
}
.table{
  --bs-table-bg: none;
  font-size: 20px;
}
.armr_items  tbody, .shopOnlinescet tbody{
  background: #fff;
  width:100%;
  color:#000;
  font-size: 22px;
}

tbody, td, tfoot, th, thead, tr{
  border:none;
}

.table>:not(caption)>*>*{
  padding:15px 20px;
}

tr:not(:last-child){
  border-bottom: 1px solid #000;
}

.shopOnlinescet .container{
    position:relative;
    z-index:1;
}

/* 12.06.2024 */


/* 11.06.2024-- */
.cnct_eml_wrp {
  margin-top: 40px;
  font-size: 15px;
  line-height: 9px;
  color: #484343;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cnct_eml_wrp span {
  color: #000;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #000;
  line-height: 65px;
  text-align: center;
  font-size: 20px;
  margin-right: 22px;
}
.contact-community {
  text-align: center;
  margin-top: 50px;
}
.contact-community h4 {
  font-size: 25px;
  letter-spacing: 2px;
  line-height: 26px;
  color: #000;
}
.contact-community ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
.contact-community ul li {
  margin: 0 7.5px;
}

.contact-community ul li a {
  color: #000;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid #000;
  font-size: 25px;
  line-height: 65px;
}

.contact-community {
  text-align: center;
  margin-top: 50px;
}

.input_itm {
  width: 100%;
  height: 55px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid rgb(0 0 0 / 42%);
  padding: 5px 15px;
}
.contact_sec .input_wrp {
  flex: 0 0 auto;
  width: 50%;
  margin-bottom: 18px;
}
.contact_sec .input_wrp .input_itm {
  height: 75px;
  border: 1px solid #f1f1f1;
  padding: 5px 25px;
}
.txt_are_wrp {
  margin-bottom: 25px;
}
.txt_are_wrp textarea {
  height: 153px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  padding: 20px 25px;
  font-family: inherit;
}
.text-area{
  display: flex;
  position: relative;
  width: 100%;
  resize: none;
}
.btn_wrp{
  text-align:center;
}
.bnr-txt h1 {
  padding-bottom: 25px;
  font-size: 37px;
  letter-spacing: 4px;
  line-height: 41px;
  color:#fff;
  text-align: center;
}
.cntct-bnr{
  background-image: url('//www.tannus.com/cdn/shop/files/tire.jpg?v=3727000071595948568');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 170px 0 90px;
}
.contact_sec {
  margin-top: -45px;
  padding-bottom: 60px;
}

.contact_sec input:hover{
  border:none;
  outline:none;
}
.contact_sec input:focus{
  border:none;
  outline:none;
}

.contact_sec .btnn{
  background:rgba(210, 53, 69);
  color:#fff;
  border:1px solid rgba(210, 53, 69);
}
.contact_sec .btnn:hover{
  background:transparent;
  color:rgba(210, 53, 69);
}

.cnct_eml_wrp a{
  color:#000;
}

.cnct_eml_wrp a:hover{
  color:rgba(210, 53, 69);
  transition:0.3s ease-in-out all;
}

.aboutsec{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 180px 0 420px;
  /* background-image: url(//www.tannus.com/cdn/shop/files/slideshow_bundle.webp?v=17347313366554594993); */
}

.about_flex{
  display:flex;
}
.flex_text{
  max-width: 480px;
}
.flex_text h2{
  color:#000;
  text-align: left;
  margin-bottom: 10px;
  font-size: 45px;
}
.flex_text p{
  color:#000;
  max-width: 500px;
}


.missionsec{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 251px 0 180px;
  /* background-image: url(//www.tannus.com/cdn/shop/files/pc1.jpg?v=7648812694936281286); */
  background-position: top;
}

.missionsec .flex_text{
  margin-left: auto;
}
/* .missionsec::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background: rgba(255, 255, 255, 0.8);
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 0;
} */


.missionsec .container{
  position:relative;
  z-index: 1;
}

.missionsec .flex_text p {
  color: #fffefe;
  max-width: 500px;
}

.missionsec .flex_text h2 {
  color: #fffefe;
}









/* tick anchor */
.follow{
  flex-direction: column-reverse;
}
.follow ul li a {
  width: 29px;
  height: 29px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #1f3855;
  transform: rotate(271deg);
}
.follow ul {
  display: flex;
  flex-direction: column-reverse;
}

.follow {
  display: flex;
  height: fit-content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  align-items: center;
  z-index: 5;
}
.follow ul li {
  margin-top: 10px;
}

.follow span {
  transform: rotate(271deg);
  line-height: normal;
  position: relative;
  left: 6px;
  top:40px;
}


.cycleft .btnn:hover img {
 filter: invert(1);
 transition: 0.3s ease-in-out all;
}
/* tick anchor end */



/* transition req for all button images */

.blackbtn img{
  transition:0.3s ease-in-out all;
}
.btnn img{
  transition:0.3s ease-in-out all;
}


.third .tool_pop1:first-child {
  z-index: 9;
}


.blog_list.abtus .btnn {
  max-width: 191px;
  margin: 40px auto 0;
}

.blog_list.abtus .row{
  margin-top:0px;
}


.mrkholder li+li{
  margin-top: 10px;
}
.usa .pop{
  top:-66px;
}
.pop{
  min-width:220px;
}

.samerc .pop{
  top:-175px;
}


.jpn .pop {
  top: -70px;
}


.europ .pop {
  transform: translateX(-50%);
  left: -104px;
  top: -158px;
}

.europ .pop {
  content: "";
  position: absolute;
  top: -109px;
  margin-left: -10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.europ .pop::after{
  content: "";
  position: absolute;
  top: 23%;
  left: 105%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}


.location2{
  background-image: linear-gradient(90deg, #45535b 0%, #c7cbc9 100%);
    padding: 132px 0 30px;
    position: relative;
    display:none;
}

.input_wrp select{
  color:#5c5c5c;
  height: 75px;
  border: 1px solid #f1f1f1;
  padding: 5px 25px;
  font-size: 18px;
}

.form-select:focus{
  border: 1px solid #f1f1f1;
  outline:none;
}

.blog_list.abtus .btnn {
  background-color: #ea0d44;
  color:#fff;
  transition: 0.3s ease-in-out all;
}

.blog_list.abtus .btnn:hover {
  background:transparent;
  color:#000;
  transition: 0.3s ease-in-out all;
}



/* ---countrylinks---- */

.countrylinks{
  padding:100px 0;
}

.countrylinks_flex{
  display:flex;
}

.cflex{
  flex:0 0 20%;
  width:20%;
  max-width:20%;
}

.flags{
  display:flex;
  align-items: center;
  color: #1f3855;
}
.flags span{
  line-height: 0;
}
.flags span:not(:last-child){
  margin-right:5px ;
}

.cflex a{
  color: #1f3855;
}
.cflex a:hover{
color:#ea0d44;
}

.cflex li+li{
  margin-top:20px;
}

.cflex ul{
  margin-top: 20px;
}

.cflex h4{
  color:#17253a;
}

.countrylinks h1{
  color:#000;
  margin-bottom: 30px;
}

.term h1{
  color:#000;
}
.term h2{
  color:#000;
  text-align: left;
  font-size: 40px;
  margin:20px 0;
}
.termspara{
  color:#000;
}

.termstext h4{
  margin-bottom: 20px;
}


/* .termspara{
  counter-reset: my-sec-counter;
}

.text_sectn h4:before {
  counter-increment: my-sec-counter;
  content: "SECTION " counter(my-sec-counter) " - ";
  font-weight: 500;
} */
.text_sectn:not(:last-child){
  margin-bottom: 30px;
}
.termstext{
  margin-bottom:30px;
}

.ratio-16x9 {
    margin-top: 92px;
}

/* 14.06.2024 start */

.cls-11{
  fill:#9164cc;
  opacity:0.9;
  }
  .text_sectn p a{
    color:#9164cc;
  }
  .text_sectn p a:hover{
    color:#000;
  }
  .tyre_down{
    max-width: 400px;
  }

/* 13-06-2024----- */

.cflex{
  flex: 0 0 auto;
  width: 19.2%;
  max-width: 19.2%;
  background-color: #fff;
  border-radius: 10px;
  padding:19px 18px;
}
.cflex a {
    color: #1f3855;
    font-weight: 600;
}

.cflex li {
  padding-bottom: 11px;
  border-bottom: 2px solid #eeeeee;
}

.cflex li+li {
  margin-top: 11px;
}
.cflex h4{
  font-weight: 600;
}



.europ .mark_hold:hover .pop {
  width: 555px;
}

.europ .pop ul{
  list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.europ .pop ul::before{
  content: "";
    position: absolute;
    left: 33%;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}
.europ .pop ul::after{
  content: "";
    position: absolute;
    left: 65%;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.pop_content {
  margin-left: 12px;
}

.europ .pop::after {
  content: "";
  position: absolute;
  top: 57%;
  left: -1px;
  margin-top: 14px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  margin-left: -14px;
}
.europ .pop  li+li {
  margin-bottom: 10px;
  margin-top: 0;
}

.europ .pop li{
  min-width:170px;
}

.europ .pop {
  content: "";
  position: absolute;
  top: -83px;
  margin-left: -10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  margin-left: 409px;
}


/*---14-06-2024--- */

.countrylinks .bnr-txt h1{
  font-size: 43px;
}
.countrylinks_flex{
  max-width: 1320px;
  margin:auto;
}
.countrylinks{
  padding-left:15px;
  padding-right: 15px;
}

.privacy h1{
 font-size: 60px;
 color:#000;
 text-align: center;
}

.privacy ul li{
  list-style: disc;
  list-style-position: inside;
}

.text_sectn ul li{
  list-style: disc;
  list-style-position: inside;
}

.text_sectn ul{
  margin-bottom: 20px;
}
.privacy .text_sectn{
  margin-top: 20px;
}

.alpha {
  counter-reset: count;
}
.text_sectn .alpha li{
list-style: none;
}
.alpha > li:before {
  content: "("counter(count, lower-alpha)")" " ";
  counter-increment: count;
}
.alpha li+li{
  margin-top:20px;
}
.privacy .po_bck{
  opacity: 0.3;
}

.text_sectn .side_list li{
  list-style: lower-roman;
  list-style-position: inside;
}
.privacy{
  font-weight: 600;
}
.text_sectn h4{
  font-weight: 800;
  margin-bottom: 20px;
}

.table th{
  vertical-align:top;
  }
  .table p{
    width: 50%;
    float:left;
  }
  .table span{
    display:block;
  }
  .table td{
    border:1px solid #000;
  }
  .table p+p{
    padding-left: 20px;
  }
  .table tbody{
    background:#ebeeeb;
  }
.third .right_pic {
    margin-left: -134px;
}
.fourth .right_pic {
    margin-left: -41px;
}
.right_pic {
    margin-left: -41px;}
.slide-right {
    animation: 2s slide-right;
}
/* 14.06.2024 end */

/* 17.06.2024 start  */

.countrylinks_flex{
  justify-content: space-between;
}


.marquee {
  max-width: 100%;
  white-space: nowrap;
  position: relative;
  color: #fff;
  -webkit-animation: marq 60s linear infinite;
  margin: auto;
  letter-spacing: 1px;
}


.header_bluestrip {
  padding: 5px 0;
  position: relative;
  background-color: #000;
}
/* .hedr{
  padding: 0;
} */


@-webkit-keyframes marq {
  0% {
    transform: translateX(100%);
  }
 
  50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.header_bluestrip .container{
  overflow:hidden;
}
.phold{
  letter-spacing: 1px;
}
.table td {
    font-size: 20px;
}
ol{
  list-style: decimal;
  list-style-position: inside;
}


/* 17.06.2024 end  */
/* 18.06.2024 start  */
/* .ratio-16x9 {
    margin-top: 61px;
} */


.mat_hng_two h2{
  font-size: 34px;
    line-height: 34px;
    color: #090c26;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
    color: #e90d44;
    margin-bottom: 20px;
}
.cycleft p {
    max-width: 407px;
  width:407px;
}

.follow {
  display: flex;
  height: fit-content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  align-items: center;
  z-index: 5;
}


.hedr{
  padding:0;
}
.navbar{
  padding:18px 0;
}
.ratio-16x9 {
    margin-top: 121px;
}

.europ .pop li {
  min-width: auto;
    width: 32%;
    padding-right: 5px;
    overflow-wrap: break-word;
}

.europ .pop:after {
    top: 72px;
}



/* --header top slider  */
.header_topslider{
  text-align: center;
  max-width: 1000px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_topslider p{
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.5px;
}
/* .header_bluestrip{
  padding:10px 0;
} */

.header_bluestrip .slick-prev::before, .header_bluestrip .slick-next::before {
 display:none;
}

.header_bluestrip .slick-prev{
  background-image: url(//www.tannus.com/cdn/shop/files/whitearrw_one.png?v=886980413958043947);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width:9px;
  height:15px;
  left:-10px;
    }
    
.header_bluestrip .slick-next {
  background-image: url(//www.tannus.com/cdn/shop/files/right_arrow.png?v=2207949503093489976);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width:9px;
  height:15px;
  right:-10px;
}



.hedr{
  position:fixed;
}

/* .wrapper .bancont {
  padding-top: 0px;
} */

.blog_info h4 {
    font-size: 28px;
    line-height: 38px;
    /* letter-spacing: 1px; */
}

.blog_details {
    min-height: 609px;
}
.csr_section{
  margin-top:160px;
}

.access {
    padding: 100px 0 137px;
}
.anti_punture_home .container{
  position:relative;
  z-index:1;
}

.csr_section .blog_details {
    padding: 20px 20px 20px;
}


.cflex li{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.cflex li .flags{
  flex:0 0 10%;
  width:10%;
  margin-top: 4px;
}
.flag_link p{
  color: #1f3855;
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
}
.cflex li .flag_link{
  flex:0 0 88%;
  width:88%;
  word-break:break-all;
  line-height: 20px;
}
.cflex a {
  font-size:15px;
}
.flag_link p{
  margin-bottom:5px;
}

.wrapper .bancont {
    padding-top: 135px;
}

.third .tool_pop1:first-child {
    position: absolute;
    bottom: 161px;
    left: 23px;
}
.third .tool_pop1:nth-child(3) {
    position: absolute;
    top: 36px;
    left: 28%;
}
.third .tool_pop1:first-child {
  z-index:1;
}

  .third .tool_pop1:first-child {
    left: 0px;
}



.cmnfaq {
    padding: 80px 0 80px;
    position: relative;
}
.faqsection {
    padding: 30px 0 80px;
}

.mrkholder h6+h6{
  font-size:14px;
}

.europ .mark_hold:hover .pop {
    width: 566px;
}
.europ .pop li {
    width: 33%;
}

.cflex li .flag_link {
    flex: 0 0 86%;
    width: 86%;
}
.cflex a {
    font-size: 14px;
}

.flag_link p {
 margin-bottom: 0px;
}
.blog_list {
    padding: 130px 0 130px;
}
.ratio-16x9 {
    margin-top: 119px;
}

.blog_list {
    padding: 100px 0;
}
.blog_details {
    min-height: 587px;
}
.tube_or .shopiteams {
    width: 33.3%;
}

.faqsection.armour .accordion-button.collapsed {
    background: #fff;
}

    .blog_dtls_listing_three .blog_dpic {
        height: 250px;
        overflow: hidden;
    }

    .table td img{
      width:145px;
    }
    .blog_dtls_listing_four .blog_dpic{
  height:397px;
  overflow:hidden;
}

.header_topslider_img{
  width:40px;
  margin-right:10px;
}
.header_topslider a{
  color:#fff;
}
.blog_details.blog_dtls_listing_three {
    min-height: 605px;
}


/* .sticky_hdr header{
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 999;
  box-shadow: var(--bs-box-shadow);
  background: rgb(25, 35, 38, 0.7);
} */

/* 18.06.2024 end  */

/* 20.06.2024 strt  */
.shopOnlinescet h2 {
    font-size: 50px;
    line-height: 56px;
}

.form_generater_form_div {
    background:unset;
    border:none;
    border-width:0;
    border-color:none;
    border-radius:0;
    padding: unset;
    max-width: 1140px !important;
   }

   .hpara {
    margin-top: 20px;
   }
   

.commn_dtls_cls{
  padding-top:100px;
  padding-bottom:100px;
}

.blg_dtl_para p img{
  display:block;
  margin:auto;
}

.blg_dtl_para h2{
  margin-top:20px;
}
.blg_dtl_para span:has(img){
  display: block;
}


.the-effect-of-vibration .blogholder_pic{
  text-align:center;
}

.commn_dtls_cls h1, .commn_dtls_cls h2, .commn_dtls_cls h3, .commn_dtls_cls h4, .commn_dtls_cls h5, .commn_dtls_cls h6 {
  color:#2b2c33;
}


.commn_dtls_cls h3{
  margin-bottom:0px;
}
.commn_dtls_cls .blogholder h3{
  margin-bottom:20px;
}

/* .home_airless .follow{
  z-index:0;
} */

.ratio-1x1.circle_video.openVid{
  width:150px;
  height:150px;
}

.commn_dtls_cls ul li{
  list-style-type:decimal;
  list-position:inside;
}

/*21-06-2024--  */
.deco-video-wrapper{
  position: relative;
}

.decoration-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  margin-top: -10px;
}
.decoration-btn i{
  color:#fff;
}

.table h5{
  font-size:20px;
  font-weight: 600;
  font-family:"Omnesreg", sans-serif;
}

/* video[poster]{
height:100%;
width:100%;
object-fit:cover;
} */

/*--24-06-2024--- */
.navlink li:not(:last-child) {
    margin-right: 30px;
}

.localization-form{
  padding:0 !important;
}
.localization-form:only-child .localization-form__select{
margin:0 !important;
  line-height: normal;
  border-radius:30px;
  padding: 5px 26px 5px 12px;
  font-size: 16px;
}
.localization-form:only-child {
  margin:0 !important;
}
/* .disclosure__button.localization-form__select{
padding:0 !important;
} */
.localization-form__select{
min-height:auto !important;
}
.disclosure__button {
  height:auto !important;
}
.navlink {
    display: flex;
    align-items: center;
    margin: 0 auto;
}
/* .localization-selector.link {
  padding-left:10px !important;
  padding-right:26px !important;
} */
.localization-form__select .icon-caret {
    right: 7px !important;
  }
  .localization-form__select {
    min-width: auto !important;
  }

.navlink ul {
    margin-right: 10px;
}

.disclosure__list {
    flex-direction: column;
}

.disclosure__list{
  max-width:auto !important;
  min-width:auto !important;
}


.navlink .disclosure__list{
  margin-right:0;
}
.navlink .disclosure__list li{
  margin-right:0;
}

.disclosure__item .disclosure__link:hover{
  color:#fff!important;
  background-color:#f75d2c!important;
}

 .tool_pop1 img {
    max-width: 14px !important;
}
.material_video_thumbanail{
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    z-index: 1;
}

.material_video_thumbanail > img {
    width: 100%;
    height: 100%;
}

.term h1 {
    font-size: 80px;
}


/*--24---06--2024--  */
/*--25---06--2024--  */
.localization-form:only-child .localization-form__select span {
  display: inline-block;
  overflow: hidden;
  /* width: 47px; */
  text-transform: uppercase;
}
/*--25---06--2024--  */

/*---26--06--2024---  */
.cflex li:last-child{
  border-bottom: none;
}  

.accpic img {
    max-width: 100%;
    height: auto;
}

/*---27---06---2024 strt----*/

.acc{
justify-content:unset;
}

/*--27--06--2024-- end--  */
 
.ftrbtm li a i{
  font-size:14px;
  line-height:normal;
}


.ftrbtm a{
  max-width:15px;
  margin:auto;
  text-align:center;
}

.pdf-item:last-child){
  margin-bottom:0;
}



.blog_dtls_listing_four .blog_red, .blog_dtls_listing_three .blog_red, .abt_blog_dtls_cls .blog_red {
    position: relative;
    bottom: 10px;
    left: 23px;
    background-color: #ea0d44;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 180px;
    padding: 5px;
}
.abt_blog_dtls_cls .blog_dpic{
  height:250px;
  overflow:hidden;
}

/*--27-06--2024---  */

.globo-form-input input{
    border: 1px solid #f1f1f1 !important;
    padding: 5px 25px !important;
  width: 100% !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
  height:50px !important;
    font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
}

.globo-form-input select {
   border: 1px solid #f1f1f1 !important;
    padding: 5px 25px !important;
  width: 100% !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
  height:50px !important;
    font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
}
.gfb-style-material_filled .globo-form-control:not([data-type=file2],[data-type=imageOptions],[data-type=rating-level],[data-type=feedback],[data-type=matrix],[data-type=rating-star2],[data-type=checkbox],[data-type=radio],[data-type=colorSwatches],[data-type=rangeSlider],[data-type=switcher],[data-type=button]) .globo-form-input input{
   height:50px !important;
}
.globo-form-input textarea{
  height: 153px !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid #f1f1f1 !important;
    padding: 20px 25px !important;
    font-family: inherit !important;
}
  /* .globo-form-id-45749 .globo-form-app .gfb__footer button{
display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 191px !important;
    height: 61px !important;
    border-radius: 30px !important;
    filter: drop-shadow(0px 18px 15px rgba(128, 150, 11, 0.15)) !important;
    background-color: #ffffff !important;
    letter-spacing: 2px !important;
    line-height: 60px !important;
    text-transform: uppercase !important;
    color: #1e262d !important;
    font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
} */


.globo-form-id-45749 .globo-form-app {
   
    background-color:transparent !important;
}

.gfb__footer [type=submit]{
  display: inline-flex !important;
    align-items: center !important ;
    justify-content: center !important;
    width: 191px !important;
    height: 61px !important;
    border-radius: 30px !important;
    filter: drop-shadow(0px 18px 15px rgba(128, 150, 11, 0.15)) !important;
    background-color:#e90d44 !important;
    letter-spacing: 2px !important;
    line-height: 60px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
  border:none;
}

.globo-form-id-45749 .globo-form-app .gfb__footer button{
  border:none !important;
}

:root .globo-form-app[data-id="45749"] {
     --gfb-form-width: 100% !important;
}
.globo-form-id-45749 .globo-form-app {
    max-width: 100% !important;
}

::-ms-input-placeholder { /* Edge 12-18 */
   font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
}

::placeholder {
  font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
}

.label-content a{
  color:#000;
}

.globo-form-id-45749 .globo-form-app .gfb__footer {
    text-align: center !important;
}


.globo-form-id-45749 .globo-form-app .globo-label, .globo-form-id-45749 .globo-form-app .globo-form-control label.globo-label{
   font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
   color: rgba(117,130,130) !important;
}
  
.globo-form-id-45749 .globo-form-app .globo-label, .globo-form-id-45749 .globo-form-app .globo-form-control label.globo-label{
  font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
   color: rgba(117,130,130,0.3) !important;
}

.grecaptcha-badge{
  z-index:5;
}

.subject_para{
  display:none;
}


/*--28--06--2024--  */

.gfb-style-material_filled [data-type=file2] .gfb__dropzone{
background-color: transparent !important;
  
}

.globo-form-control .gfb__dropzone{
  border: 1px solid #f1f1f1 !important;
  font-weight: 500 !important;
  font-family: 'New Zenmd' !important;
  font-size: 16px !important;
  
}

.globo-form-control .gfb__dropzone--placeholder{
  color:#000;
}

.globo-form-app .message.success .gfb__content-title {
font-weight: 500 !important;
  font-family: 'New Zenmd' !important;
  font-size: 22px !important;
}
.globo-form-app .message .content p {
  font-weight: 400 !important;
  font-family: 'New Zenmd' !important;
  font-size: 18px !important;
}
.shopify-challenge__container {
    max-width: 100%;
    margin: 0 auto;
    height: 47vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.csr_section {
    margin-top: 120px;
}

/*-29-06-2024--  */

.globo-form-id-45897 .globo-form-app {
    max-width: 100% !important;
    background-color: transparent !important;
}
.globo-form-id-45897 .globo-form-app .gfb__footer button {
    border: none !important;
}
.globo-form-id-45897 .globo-form-app .gfb__footer {
    text-align: center !important;
}
.globo-form-id-45897 .globo-form-app .globo-label, .globo-form-id-45897 .globo-form-app .globo-form-control label.globo-label{
   font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
   color: rgba(117,130,130) !important;
}

.gfb-style-material_filled .globo-form-control:not([data-type=file2],[data-type=imageOptions],[data-type=rating-level],[data-type=feedback],[data-type=matrix],[data-type=rating-star2],[data-type=checkbox],[data-type=radio],[data-type=colorSwatches],[data-type=rangeSlider],[data-type=switcher],[data-type=button]) .globo-form-input textarea{
     font-weight: 500 !important;
    font-family: 'New Zenmd' !important;
    font-size: 16px !important;
   color: rgba(117,130,130) !important;
}
.blg_dtl_para p img {
    margin-bottom: 20px;
}
.globo-form-control .gfb__dropzone--preview--item-remove svg {
  stroke:#000;
}
.globo-form-control .gfb__dropzone--preview--item-filename {
    color: #000;
}


/*---1-07-2024---  */

.globo-label.gfb__label__filled{
  line-height:1.3 !important;
}

.globo-form-input select{
  line-height:3.5 !important;
}


.latest_event_cls .blog_dpic img {
        height: auto;
        overflow: hidden;
        width: auto;
        text-align: center;
    }

    .abt_blg_sec .blog_dpic img {
        height: auto;
        overflow: hidden;
        width: auto;
        text-align: center;
    }

.latest_event_cls .blog_dtls_listing_four .blog_dpic {
        height:auto;
        min-height: 230px;
        text-align: center;
}
.abt_blg_sec .blog_dtls_listing_four .blog_dpic {
        height:auto ;
        text-align: center;
}

.latest_event_cls .blog_details {
    min-height: 450px;
     /* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;  */
}
.abt_blg_sec .abt_blog_dtls_cls .blog_dpic {
  text-align:center;
}
 .abt_blg_sec  .blog_details {
        min-height: 625px;
    }

.abt_blg_sec .blog_info a {
    bottom: 10px;
}

.csr_section.abt_blg_sec  .blog_details {
    padding: 20px 20px 30px;
}
.csr_section.abt_blg_sec  .blog_details {
    padding: 20px 20px 30px;
}

.fa.fa-whatsapp{
  font-size:17px;
}

/*--12--08--2024---*/
.aus .pop{
  top:-59px;
}