html {
scroll-behavior: smooth;
} 
body, html{
font-family: 'Jost', sans-serif;
font-size:16px;
}
.space20{
height: 20px;
min-height: 20px;
clear: both;
}
.main-infosecbanner.gripptyrebanner::before {
background-position: center !important;
opacity: 1;
background-size: 100vw !important;
}
a.navbar-brand {
border-radius: 50%;
height: 150px;
width: 150px;
display: block;
margin-top: -84px;
transition: all 0.4s ease-in-out;
position: absolute;
top: 75%;
z-index: 999;
text-align:center;
padding: 0 15px;
}
a.navbar-brand:hover {
}
section.main-info-sec-banner img.header_image_banner {
width: 100%;
height: auto;
}
a.navbar-brand img {
height: 90px;
width: auto;
margin-top: 0;
margin: 2px auto -2px;
padding: 0px 0 0 0px;
transition: all .4s ease-in-out;
}
a.navbar-brand.spcl span.inn-logoshw {
font-size: 12px;
font-weight: 600;
color: #333;
letter-spacing: 0.2px;
}
a.navbar-brand:hover img{
animation: beat .25s infinite alternate;
}
@keyframes beat{
to { transform: scale(1.04); }
}
.navbar-default{
margin-bottom: 0;
background: #f6e211;
border:0;
border-bottom: 7px solid #ed1b2c;
margin-top: 2px;
}
.navbar-default .navbar-nav>li>a {
font-weight: 700;
font-style: normal;
color: #011144;
text-decoration: none;
text-transform: uppercase;
border-bottom: 2px solid transparent;
transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>li{
margin-top: 25px;
padding: 0px 5px;
border-right: 1px solid #ed1b2c;
}
.navbar-default .navbar-nav>li:last-child{
border-right: 0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #555;
background-color: #f6e211;
} .dropdown .dropdown-menu>li>a {
padding: 8px 40px  8px 10px;
font-weight: 600;
}
.dropdown .dropdown-menu>li {
border-bottom: 1px solid #e8e8e8;
}
.dropdown ul.dropdown-menu {
padding-left: 20px;
}
.dropdown .dropdown-menu>li>a i {
opacity: 0;
transition: all 0.4s ease-in-out;
}
.dropdown .dropdown-menu>li:hover i {
opacity: 1;
}
#mega-menu-primary>li.mega-menu-item a {
font-size:12.5px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
letter-spacing: 0.4px !important;
}
.topbar ul li.moreinf-ln a {
font-size: 16px;
color: #ed1b2c;
font-weight: 600;
margin-left: 10px;
text-decoration: underline;
}
li.mega-menu-column {
}
li#mega-menu-753-0-0 {
border-right: 1px solid #ed1b2c !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {    
font-size: 16px !important;
margin-bottom: 5px !important;
font-weight: 600 !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item{
line-height: 2.1 !important;
}
nav li#mega-menu-56-0 ul li a {
line-height: 24px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
padding: 10px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
padding-left: 6%;
padding-right: 6%;
}
#mega-menu-primary>li ul.mega-sub-menu li a {
font-size: 14px !important;
font-weight: 500 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
padding: 4px 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
color:#000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
border-right:0px solid #ed1b2c !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before {
position: absolute;
right: -5px;
top: 18%;
height: 65%;
width: 1px;
border-right: 1px dashed #ed1b2c8c;
content: '';
}
h3.h3_margin_bottom_03 {
margin-bottom: 3rem !important;
} .sliderwrap{
position: relative;
overflow: hidden;
height: calc(100vh - 98px) !important;
}
.main-slideinf {
position: relative;
overflow: hidden;
background: #011144;    
}
.main-slideinf img {
opacity: 0.7;
}
.slidecont-inf{
position: absolute;
bottom: 15%;
left: 0%;
width: 100%;
display:none;
}
.slidecont-inf h1 {
color: #fff;
margin-top: 0;
font-weight: 300;
text-transform: capitalize;
letter-spacing: 0.6px;
margin-bottom: 20px;
font-size: 50px;
}
.slidecont-inf p.lead {
color: #fff;
text-transform: capitalize;
font-weight: 400;
letter-spacing: 0.6px;
}
.slidecont-inf p.lead span {
text-transform: uppercase;  
}
.slidecont-inf a.btn {
background: #f6e211;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 26px 6px;
font-weight: 600;
color: #333;
margin-top: 100px;
line-height: 1.8;
}
.slidecont-inf h1 span {
font-weight: 900;
letter-spacing: 1px;
text-transform: capitalize;
display: block;
font-size: 80px;
line-height: 1.4;
}
#homesliding .owl-nav .owl-prev {
position: absolute;
right: 0;
top: 50%;
background: #fff;
width: 40px;
height: 40px;
padding: 7px;
font-size: 20px;
}
#homesliding .owl-nav .owl-next {
position: absolute;
right: 0;
top: 43%;
background: #fff;
width: 40px;
height: 40px;
padding: 7px;
font-size: 20px;
}
#scroller-inf img {
height: 40px;
width: auto;
position: absolute;
left: 49%;
bottom: 10px;
z-index: 2;
opacity: 1;
transition: all 0.4s ease-in-out;
filter: brightness(0);
}
#scroller-inf img:hover {
transform: scale(1.2);
}
.morecont-inf {
padding: 10px 20px;
border-left: 3px solid #efefef;
}
.morecont-inf p {
color: #fff;
font-size: 16px;
}
.morecont-inf p.lead {
font-size: 21px;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 0.6px;
} .portfolio-wrap {
padding: 30px 0;
overflow: hidden;
}
.portfolio-wrap .col-md-4{
}
.thumb-modern {
position: relative;
overflow: hidden;
display: block;
width: 320px;
height: 320px;
margin-top: 0;
transform: translate3d(0,0,0);
border-radius: 50%;
margin: 0 auto;
}
figure {
margin-bottom: 0;
}
.thumb-modern figure img{
min-width: auto;
min-height: auto;
width: 89%;
height: 89%;
}
.thumb-modern img {
position: absolute;
top: 50%;
left: 50%;
will-change: transform;
transform: translate3d(-50%,-50%,0);
min-width: auto;
min-height: auto;
width: auto;
height: auto;
max-width: none;
}
figure img {
display: block;
}
.thumb-modern__overlay {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;    
display: flex;    
flex-direction: row;    
flex-wrap: wrap;    
align-items: center;    
justify-content: center;
background: rgba(246, 226, 17, 0.72);
opacity: 0;
transition: all .4s ease-out;
will-change: opacity,transform;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.thumb-modern__overlay::before {
position: relative;
display: block;
content: '';
height: 100%;
width: 100%;
transform: scale(0);
will-change: transform;
transition: all .4s ease-out;
}
.thumb-modern__overlay img{
height: 150px;
width: auto;
}
.thumb-modern__overlay::before {
font-size: 50px;
}
.page-id-1059 section.main-infosecbanner.gripptyrebanner {
background: url(https://arkos.in/wp-content/uploads/2023/07/Arkos-Gripp-1.jpg) top center no-repeat;
height: auto;
}
.thumb-modern:hover .thumb-modern__overlay {
opacity: 1;
}
.thumb-modern:hover .thumb-modern__overlay::before {
transform: scale(1);
}
.portfol-infowp {
text-align: center;
}
.portfol-infowp h3 {
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 4px;
letter-spacing: 1px;
}
.hme-portinfobx img {
padding: 0 60px;
margin: 0 auto;
width: 100%;
height: 250px;
object-fit: contain;
}
.separator-brline {
border: 5px solid #ed1b2c;
} footer{
background: #212429;
padding: 50px 0;
color: #d0d0d0;
position: relative;
overflow: hidden;
}
footer:before{
position: absolute;
content: '';
height: 100%;
width: 100%;
left: 0;
top: 0;
background: url(//arkos.smed.site/wp-content/uploads/2020/02/footer-bg.png) center center no-repeat;
background-size: contain;
opacity: 0.5;
}
footer strong{
color: #afafaf;
}
footer h4{
font-size: 16px;
color: #fade07;
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase;
}
p.continfo {
color: #fff;
font-size: 22px;
font-weight: 700;
margin-bottom: 0;
letter-spacing: 0.6px;
}
footer address strong{
font-size: 18px;
color: #fff;
letter-spacing: 0.6px;
line-height: 1.5;
}
footer .foot-sociocons ul li a{
border-radius: 100%;
display: block;
height: 28px;
line-height: 32px;
width: 28px;
text-align: center;
color: #212429 !important;
text-decoration: none;
background: #fff;
transition: all 0.4s ease-in-out;
}
footer .inner-fooseg ul {
list-style: circle;
padding-left: 20px;
}
footer .inner-fooseg ul li {
margin-bottom: 10px;
}
footer .inner-fooseg ul li a{
color: #ccc; 
transition: all 0.4s ease-in-out;
text-decoration: none;
}
footer .inner-fooseg ul li:hover a{
color: #fff;
}
footer hr {
border-color: #383737;
}
p.cpyrt {
margin-bottom: 0;
}
p.cpyrt a {
color: #fff;
}
footer .col-md-5.qicklinks .inner-fooseg {
padding-left: 20px;
}
.inner-fooseg img {
height: 80px;
width: auto;
}
.inner-fooseg h3 {
color: #fff;
letter-spacing: 0.6px;
}
.metaslider .caption-wrap{
opacity:1 !important;
}
#metaslider_19.flexslider .slides li {    
background: #101010 !important;
}
.metaslider .slides img{
opacity: 1 !important;
}
.metaslider .flexslider .slides p{
margin-bottom:10px !important;
line-height: 1.4 !important;
} .main-infosecbanner {
padding: 300px 0 100px;
background: #010101;
overflow:hidden;
position:relative;
}
.main-infosecbanner:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
left: 0;
top: 0;
background: url(//arkos.smed.site/wp-content/uploads/2024/01/Arkos-Website-Banner-Final.jpg) center center no-repeat;
background-size: cover;
opacity:0.3;
}
.page-id-720 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/07/Arkos-MOTORCYCLE-OILS.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-635 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/07/Arkos-3-WHEELER-ENGINE-OILS.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-724 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/07/Arkos-PASSENGER-CAR-MOTOR.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-651 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/07/Lubes-the-Hero.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-736 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/07/KUSHIYON-KI-KHETI.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-659 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-661 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-656 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.page-id-673 .main-infosecbanner:before{
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.main-infosecbanner .main-hdinfwpspec{
position: relative;
}
.main-infosecbanner .main-hdinfwpspec:before{
position: absolute;
content: '';
left: -20px;
top: 0px;
height: 100%;
width: 1px;
border: 1px solid #fade07;
border-radius: 40%;
}
.main-infosecbanner h1 {
font-size: 36px;
color: #fff;
font-weight: 500;
letter-spacing: 0.6px;
margin-top: 0;
margin-bottom: 0;    
text-transform: uppercase;
}
.main-infosecbanner .main-hdinfwpspec p.lead {
margin-bottom: 0;
color: #f6e211;
font-weight: 300;
letter-spacing: 0.6px;
}
.main-infosecbanner .main-hdinfwpspec p.lead span {
color: #ed1b2c;
}
.introcontent-wrap {
padding: 60px 0 30px;
}
.introcontent-wrap h2 {
margin-top: 0;
margin-bottom: 30px;
font-weight: 600;
color: #ed1b2c;
letter-spacing: 0.6px;
font-size: 30px;
position:relative;
}
.introcontent-wrap h2:before {
position: absolute;
content: '';
left: 20px;
bottom: -10px;
height: 2px;
width: 40px;
background: #ed1b2c;
border-radius: 50%;
}
.introcontent-wrap h2:after {
position: absolute;
content: '';
left: 0px;
bottom: -10px;
height: 2px;
width: 14px;
background: #fade07;
border-radius: 50%;
}
.introcontent-wrap h2 span{
color: #010000;
}
.introcontent-wrap .accordion-body .col-md-7 h2 {
display: none;
}
.introcontent-wrap .info-smaldet p {
margin-bottom: 20px;
background: #f6e21126;
font-size: 13px;
font-weight: 600;
padding: 8px 20px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.2px;
text-align:left;
}
.introcontent-wrap .info-smaldet p i {
color: #ed1b2c;
}
.introcontent-wrap ul {
padding-left: 20px;
list-style: circle;
margin-bottom: 0;
margin-top: -7px;
}
.introcontent-wrap ul li {
margin-bottom: 4px;
font-size: 16px;
}
.bnfts-infwpsoc h4 {
font-weight: 600;
letter-spacing: 0.6px;
margin-bottom: 20px;
position: relative;
text-decoration: underline;
}
.bnfts-infwpsoc ul li {
text-align: justify;
}
.introcontent-wrap p {
text-align: justify;
}
.shake-inn {
position: relative;
top: 20px;
right: -20px;
z-index: 1;
}
.shake-inn:before {
background: url(//arkos.smed.site/wp-content/uploads/2020/02/lubricant-moreinfo-showoff.jpg) center center no-repeat;
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
border-radius: 20px;
background: rgb(237 27 44 / 5%);
}
.info-basicimg img {
z-index: 2;
position: relative;
top: 0px;
left: 80px;
animation: shake 24s linear infinite;
}
.benefits-wrpsec .main-hdinsdwp {
position: relative;
margin-bottom: 40px;
text-align: center;
}
.benefits-wrpsec .main-hdinsdwp:before {
position: absolute;
content: '';
left: 47%;
bottom: -10px;
height: 2px;
width: 50px;
border: 1px solid #fade07;
border-radius: 40%;
}
.benefits-wrpsec {
padding: 40px 0 20px;
background: #fff8f8;
}
.benefits-wrpsec .main-hdinsdwp h2 {
font-weight: 600;
color: #ed1b2c;
margin-top: 0;
margin-bottom: 0;
}
.benefits-wrpsec .main-hdinsdwp h2 span {
color: #010000;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.benefits-wrpsec .main-hdinsdwp p {
margin-bottom: 0;
}
.benefit-inf-bxwp {
padding: 20px;
box-shadow: 1px 1px 10px #2302041c;
border-radius: 6px;
margin-bottom: 30px;
min-height: 170px;
text-align:center;
}
.benefit-inf-bxwp.mb-0 {
margin-bottom:0;
}
.benefit-inf-bxwp i {
font-size: 36px;
color: #211f1f;
transition: all 0.4s ease-in-out;
}
.benefit-inf-bxwp:hover i {
color:#ed1b2c;
}
.benefit-inf-bxwp h4 {
color: #333;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 16px;
transition: all 0.4s ease-in-out;
}
.benefit-inf-bxwp:hover h4 {
color: #ed1b2c;
}
.benefit-inf-bxwp p {
margin-bottom: 0;
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.moreaboutinfo-wp {
padding: 60px 0;
}
.moreaboutinfo-wp h3 {
font-weight: 600;
margin-top: 0;
margin-bottom: 2px;
font-size: 30px;
}
.moreaboutinfo-wp h3 span {
color: #ed1b2c;
}
.moreaboutinfo-wp  p.lead {
margin-bottom: 6px;
}
.moreaboutinfo-wp p{
text-align:justify;
}
.abtlogo-infowrap {
padding: 30px 0;
}
.abtlogo-infowrap p{
text-align:justify;
}
.abtlogo-infowrap ul.logo-infline {
padding-left: 20px;
list-style: circle;
margin-bottom: 20px;
}
.abtlogo-infowrap ul.logo-infline li {
margin-bottom: 6px;
font-size:18px;
transition:all 0.4s ease-in-out;
}
.abtlogo-infowrap ul.logo-infline li:hover{
color: #ed1b2c;
}
.abtlogo-infowrap ul.logo-infline li span {
color: #ed1b2c;
}
.infoimglog {
padding: 0 20px;
text-align: center;
} .vismis-infowpsec {
padding: 60px 0 40px;
}
.vismis-infowpsec .misinfo-wp {
box-shadow: 1px 1px 10px #efefef;
border-radius: 6px;
padding: 20px;
margin-bottom: 20px;
position: relative;
overflow:hidden;
}
.vismis-infowpsec .misinfo-wp .media .media-left img {
height: 60px;
width: auto;
}
.vismis-infowpsec .misinfo-wp .media h4.media-heading {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px;
position: relative;
margin-bottom: 30px;
transition: all 0.4s ease-in-out;
}
.vismis-infowpsec .misinfo-wp .media h4.media-heading:before {
position: absolute;
content: '';
left: 20px;
bottom: -10px;
height: 2px;
width: 40px;
background: #ed1b2c;
border-radius: 50%;
}
.vismis-infowpsec .misinfo-wp .media h4.media-heading:after {
position: absolute;
content: '';
left: 0px;
bottom: -10px;
height: 2px;
width: 14px;
background: #fade07;
border-radius: 50%;
}
.vismis-infowpsec .misinfo-wp:hover .media h4.media-heading {
color:#ed1b2c;
}
.vismis-infowpsec .misinfo-wp .media p.vismis-text {
font-size: 18px;
}
.vismis-infowpsec .misinfo-wp .media p.vismis-text i {
opacity: 0.7;
color: #ea0d2c;
}
.vismis-infowpsec .misinfo-wp .mediposabs-img img {
position: absolute;
height: 150px;
width: auto;
right: 10px;
top: 10px;
opacity: 0.05;
transition: all 0.4s ease-in-out;
filter: grayscale(1);
}
.vismis-infowpsec .misinfo-wp:hover .mediposabs-img img {
opacity: 0.15;
transform:scale(1.04);
filter: grayscale(0);
}
.allprodbattery-infowrap {
padding: 60px 0;
}
.allprodbattery-infowrap .innbatt-allwrap ul.nav {
text-align: center;
}
.allprodbattery-infowrap .innbatt-allwrap ul.nav li {
float: none;
display: inline-block;
width: 13.5%;
}
.allprodbattery-infowrap .innbatt-allwrap ul.nav li a {
padding: 8px 2px;
font-weight: 600;
letter-spacing: 0.2px;
font-size: 17px;
color: #333;
}
.allprodbattery-infowrap .innbatt-allwrap ul.nav li.active a {
background: #ed1b2c;
color: #fff;
}
.in-pdtab-info {
padding: 60px;
}
.in-pdtab-info h2 {
font-size: 30px;
font-weight: 600;
margin-top: 0;
position: relative;
margin-bottom: 30px;
}
.in-pdtab-info h2:before {
position: absolute;
content: '';
left: 0;
bottom: -10px;
height: 2px;
width: 40px;
background: red;
}
.in-pdtab-info .table tr td:first-child {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.6px;
background: #ed1b2c;
color: #fff;
}
.in-pdtab-info .table {
margin-top: 20px;
}
.in-pdtab-info .table tr:hover td {
background: #f6e211;
}
.in-pdtab-info .table tr td {
transition: all 0.4s ease-in-out;
color: #333;
padding: 8px 16px;
font-weight: 500;
}
.in-pdtab-info .table tr:hover td:first-child {
color: #333;
}
.pdinfo-imgstbl {
padding: 10px;
margin-top: 0px;
border: 20px solid #ed1b2c12;
box-shadow: 1px 1px 20px #cebebe;
border-radius: 6px;
animation:shake 24s linear infinite;
}
.innbatt-allwrap .tab-content>.active {
background: #ed1b2c08;
border-radius: 6px;
box-shadow: 1px 1px 10px #ccc;
padding: 0 20px;
}
.allprodbattery-infowrap .main-hdinsdwp {
position: relative;
margin-bottom: 40px;
text-align: center;
}
.allprodbattery-infowrap .main-hdinsdwp:before {
position: absolute;
content: '';
left: 47%;
bottom: -10px;
height: 2px;
width: 50px;
border: 1px solid #fade07;
border-radius: 40%;
}
.allprodbattery-infowrap .main-hdinsdwp h2 {
font-weight: 600;
color: #ed1b2c;
margin-top: 0;
margin-bottom: 0;
}
.allprodbattery-infowrap .main-hdinsdwp h2 span {
color: #010000;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.allprodbattery-infowrap .main-hdinsdwp p {
margin-bottom: 0;
} #teachers-part{
padding: 60px 0 60px;
}
#teachers-part .section-title h2 {
font-weight: 600;
margin-top: 0;
letter-spacing: 0.6px;
position: relative;
margin-bottom: 30px;
}
#teachers-part .section-title h2:before {
position: absolute;
content: '';
left: 20px;
bottom: -10px;
height: 2px;
width: 40px;
background: #ed1b2c;
border-radius: 50%;
}
#teachers-part .section-title h2:after {
position: absolute;
content: '';
left: 0;
bottom: -10px;
height: 2px;
width: 14px;
background: #fade07;
border-radius: 50%;
}
#teachers-part .section-title p.lill-infop {
color: #07294d;
font-size: 18px;
font-weight: 600;
position: relative;
padding-bottom: 12px;
}
#teachers-part .section-title p.lill-infop:before {
content: '';
position: absolute;
width: 35px;
height: 2px;
background-color: #f36b3b;
bottom: 0;
left: 0;
}
#teachers-part p.exe-teaminf {
font-size: 18px;
line-height: 1.6;
text-align: justify;
}
.teachers-cont p{
padding-top: 30px;
}
.single-teachers{
position: relative;
margin-bottom:30px;
}
.single-teachers.mb-0 {
margin-bottom:0;
}
.single-teachers .image{
border-radius: 5px;
overflow: hidden;
}
.single-teachers .image img{
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
width: 100%;
}
.single-teachers:hover .image img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.single-teachers .cont{
position: absolute;
bottom: 15px;
left: 0;
right: 0;
width: 80%;
background-color: #fff;
border-radius: 5px;
margin: 0 auto;
padding: 15px;
}
.single-teachers .cont a{
display: block;
}
.single-teachers .cont a h6{
font-size: 15px;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.single-teachers .cont a:hover h6{
color: #f36b3b;
}
.single-teachers .cont span{
font-size: 14px;
color: #8a8a8a;
} .main-intabflow {
padding: 20px 0;
background: #f3f3f3;
border-top: 1px solid #ed1b2c;
border-bottom: 1px solid #ed1b2c;
}
.main-intabflow ul {
margin-bottom: 0;
list-style: none;
padding-left: 0;
text-align: center;
}
.main-intabflow ul li {
display: inline-block;
margin-right: 30px;
border-right: 1px solid #cecece;
padding-right: 30px;
}
.main-intabflow ul li.ctainf-tab {font-weight: 600;text-transform: uppercase;color: #ed1b2c;text-decoration: underline;letter-spacing: 0.2px;}
.main-intabflow ul li.ctainf-tab i.fa {
animation: shake 12s linear infinite;
padding-left: 10px;
}
.main-intabflow ul li a {
font-size: 18px;
font-weight: 600;
color: #333;
transition:all 0.4s ease-in-out;
}
.main-intabflow ul li:hover a {
color: #ed1b2c;
}
.main-intabflow ul li:last-child {
border-right: 0;
}
.divide-infsec {
height: 25px;
position: relative;
overflow: hidden;
background: #f6e2111f;
}
.divide-infsec:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
left: 0;
top: 0;
background-image: radial-gradient(currentColor .5px, transparent .5px);
background-size: calc(10 * .5px) calc(10 * .5px);
} .contact-formwrap {
padding: 60px 0;
}
.contform-swrap form input, .contform-swrap form select {
width: 100%;
height: 40px;
padding: 10px 20px;
margin-bottom: 10px;
font-weight: 500 !important;
border: 0;
border-bottom: 1px solid #dedede;
border-radius: 6px;
}
.contform-swrap form label {
width: 100%;
}
.contform-swrap form label br {
display: none;
}
.contform-swrap form textarea {
width: 100% !important;
max-width: 100%;
height: 80px !important;
padding: 10px 20px;
font-weight: 500 !important;
border: 0;
border-bottom: 1px solid #dedede;
border-radius: 6px;
}
.contform-swrap form input.wpcf7-submit {
width: auto;
padding: 6px 30px;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 0.6px;
background: #ed1b2c;
color: #fff;
float: right;
}
.contact-formwrap h3 {
margin-top: 0;
font-weight: 600;
margin-bottom: 20px;
text-decoration: underline;
}
.contact-formwrap h4 {
font-weight: 600;
margin-top: 20px;
border-top: 1px solid #f1f1f1;
padding-top: 20px;
text-decoration: underline;
}
.contact-maininfsw .foot-sociocons ul {
margin-bottom: 0;
}
.contact-maininfsw .foot-sociocons ul li {
margin-right: 10px;
}
.contact-maininfsw .foot-sociocons ul li a {
font-size: 18px;
color: #ed1b2c;
}
.contact-formwrap .contact-maininfsw {
padding: 50px;
box-shadow: 1px 1px 10px #efefef;
border-radius: 6px;
}
.contact-formwrap .contact-maininfsw i.fa {
color: #ed1b2c;
} .career-indeptmore {
padding: 60px 0;
}
.career-indeptmore h2 {
font-weight: 600;
letter-spacing: .6px;
position: relative;
margin-top: 0;
margin-bottom: 40px;
transition: all .4s ease-in-out;
}
.career-indeptmore h2:before {
position: absolute;
content: '';
left: 20px;
bottom: -10px;
height: 2px;
width: 40px;
background: #ed1b2c;
border-radius: 50%;
}
.career-indeptmore h2:after {
position: absolute;
content: '';
left: 0;
bottom: -10px;
height: 2px;
width: 14px;
background: #fade07;
border-radius: 50%;
}
.career-indeptmore p.lead {
margin-bottom: 5px;
letter-spacing: 0.2px;
}
.career-indeptmore p.career-inftxt1 {
font-size: 18px;
}
.career-indeptmore p.career-inftxt1 a{
color: #ea0d2c;
}
.career-indeptmore p.career-inftxt2 {
font-size: 20px;
}
.career-indeptmore p.career-inftxt2 a {
color: #ed1b2c;
text-decoration: none;
}
.manufacturinfacil-wrap {
padding: 60px 0;
}
.plant-infimg {
overflow: hidden;
border-radius: 6px;
box-shadow: 1px 1px 10px #dedede;
margin-bottom: 10px;
}
.manufacturinfacil-wrap .plant-infimg img {
transition: all 0.4s ease-in-out;
}
.manufacti-inf .manufact-infcont {
background: #ea0d2c;
color: #fff;
text-align: center;
padding: 2px 0;
margin-bottom: 30px;
}
.manufacti-inf .manufact-infcont p {
margin-bottom: 0;
}
.manufacturinfacil-wrap .manufacti-inf:hover .plant-infimg img {
transform: scale(1.2);
}
.manufacturinfacil-wrap .plant-infowptxt ul {
padding-left: 20px;
margin-bottom: 0;
list-style: circle;
}
.manufacturinfacil-wrap .plant-infowptxt ul li {
font-size: 18px;
line-height: 1.6;
text-align: justify;
} #results-container > div {
display: none;
}
.prodfinder-bb {
padding: 60px 0;
}
.prodfinder-bb .infofind-head h2 {
font-weight: 600;
margin-top: 0;
margin-bottom: 20px;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #333;
}
.prodfinder-bb .infofind-head h2 span {
color: #ed1b2c;
}
.prodfinder-bb #select-container select {
width: 47%;
height: 40px;
margin-right: 15px;
border: 0;
border-bottom: 1px solid #dedede;
border-radius: 6px;
box-shadow: 1px 1px 10px #dedede;
padding: 0px 20px;
font-weight: 600;
}
#results-container {
padding: 60px;
background: #fff;
margin-top: 20px;
border-radius: 6px;
text-align: center;
}
#results-container h3 {
margin-top: 0;
font-weight: 600;
margin-bottom: 15px;
color: #ed1b2c;
}
div.box_shadow_custom {
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
padding: 0rem;
border-radius: 10px;
min-height: 602px;
}
h4.text_custom {
color: #ed1b2c;
font-weight: 600;
padding: 1.5rem;
font-size: 1.4rem;
margin-bottom: 1.5rem;
border-radius: 10px 10px 0px 0px;
border-bottom: 1px solid #ccc;
}
.inn-inforesult a span {
margin-top: 0;
font-weight: 600;
margin-bottom: 15px;
color: #ed1b2c;
display: block;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 0.6px;
} .inlist-pditem {
padding: 20px;
margin-bottom: 30px;
box-shadow: 1px 1px 10px rgba(222, 222, 222, 0.45098039215686275);
border-radius: 6px;
}
.inlist-pditem a h3 {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
color: #171616;
font-size: 22px;
transition: all 0.4s ease-in-out;
}
.inlist-pditem a i {
float: right;
margin-top: -20px;
color: #ed1b2c;
margin-right: 10px;
transition: all 0.4s ease-in-out;
opacity: 0;
}
.inlist-pditem:hover a h3 {
color: #ed1b2c;
}
.inlist-pditem:hover a i {
margin-right: 0;
opacity: 1;
}
.inlist-pditem:hover a {
text-decoration: none;
}
.page-id-37 .main-infosecbanner:before, .page-id-387 .main-infosecbanner:before, .page-id-392 .main-infosecbanner:before, .page-id-394 .main-infosecbanner:before, .page-id-396 .main-infosecbanner:before, .page-id-398 .main-infosecbanner:before, .page-id-400 .main-infosecbanner:before, .page-id-402 .main-infosecbanner:before, .page-id-36 .main-infosecbanner:before  {
background: url(//arkos.smed.site/wp-content/uploads/2020/03/bolt-2wheeler-batteries-banner.jpg) center center no-repeat fixed;
background-size: cover;
opacity: 0.3;
} .intro-pdinfwpsec {
padding: 60px 0;
border-bottom: 1px solid #f1f1f1;
}
.intro-pdinfwpsec h2 {
font-weight: 600;
letter-spacing: 0.6px;
position: relative;
margin-top: 0;
margin-bottom: 40px;
transition: all 0.4s ease-in-out;
}
.intro-pdinfwpsec h2:before {
position: absolute;
content: '';
left: 20px;
bottom: -10px;
height: 2px;
width: 40px;
background: #ed1b2c;
border-radius: 50%;
}
.intro-pdinfwpsec h2:after {
position: absolute;
content: '';
left: 0px;
bottom: -10px;
height: 2px;
width: 14px;
background: #fade07;
border-radius: 50%;
}
.intro-pdinfwpsec img {
float: left;
height: 65px;
width: auto;
margin-right: 20px;    
margin-bottom: 20px;
}
.intro-pdinfwpsec .media-body {
border-left: 2px solid #ed1b2c1f;
padding-left: 20px;    
}
.intro-pdinfwpsec p {
text-align: justify;
} .marcom-materialswpsec {
padding: 60px 0 20px;
}
.marcom-materialswpsec .marcom-infimg {
margin: 0 auto 30px;
padding: 20px;
box-shadow: 1px 1px 15px #e91c2f12;
border-radius: 6px;
text-align:center;
min-height: 210px;
}
.marcom-materialswpsec .marcom-infimg img {
margin: 0 auto 20px;
transition: all 0.4s ease-in-out;
}
.marcom-materialswpsec .marcom-infimg a.btn-link {
background: #e70d2f;
color: #fff;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.4px;
padding: 5px 10px;
border-radius: 4px;
} #download-brochures .brochu-infimg {
padding: 10px;
border: 2px solid #efefef26;
border-radius: 6px;
box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
overflow: hidden;
margin-bottom:20px;
}
#download-brochures .brochu-infimg img {
max-width: 100%;
float: none;
width: 100%;
height: auto !important;
margin-bottom: 0;
transition: all 0.4s ease-in-out;
border-radius: 4px;
}
#download-brochures .brochu-infimg:hover img {
transform: scale(1.05);
}
#download-brochures .download-btninf a.btn {
background: #ea0d2c;
color: #fff;
font-size: 18px;
letter-spacing: 0.2px;
}
p.marcomaterials-inftxt {
font-weight: 600;
text-decoration: underline;
text-align: center;
font-size: 14px;
}
.marcom-materialswpsec .download-marcom-btn a.btn {
background: #e70d2f;
color: #fff;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.4px;
}
.marcom-materialswpsec .download-marcom-btn {
text-align: center;
} .vid-filmsinf {
padding: 60px 0;
}
.vid-filmsinf video {
max-width: 100%;
height: 315px;
margin-bottom: 10px;
}
.vid-filmsinf p {
text-align: center;
font-weight: 600;
color: #ea0d2c;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 0.2px;
text-decoration: underline;
}
.wmsbolt-linkinf {
padding: 20px 0;
background: #ea0d2c;
text-align: center;
transition: all 0.4s ease-in-out;
}
.wmsbolt-linkinf a.btn {
color: #fff;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
transition: all 0.4s ease-in-out;
}
.wmsbolt-linkinf:hover {
background: #f5e10e;
}
.wmsbolt-linkinf:hover a.btn {
color: #ea0d2c;
transform: scale(1.04);
} .pds-infodownlds {
padding: 60px 0;
}
.pds-infodownlds h2 {
font-weight: 600;
margin-top: 0;
margin-bottom: 50px;
letter-spacing: 0.6px;
position: relative;
}
.pds-infodownlds h2:before {
position: absolute;
content: '';
left: 20px;
bottom: -10px;
height: 2px;
width: 40px;
background: #ed1b2c;
border-radius: 50%;
}
.pds-infodownlds h2:after {
position: absolute;
content: '';
left: 0;
bottom: -10px;
height: 2px;
width: 14px;
background: #fade07;
border-radius: 50%;
}
.pds-infodownlds .pds-dnwld {
margin-bottom: 30px;
box-shadow: 1px 1px 20px 2px #f1f1f1;
padding: 15px 12px;
text-align: center;
border-radius: 4px;
transition: all 0.4s ease-in-out;
}
.pds-infodownlds .pds-dnwld a {
color: #333;
font-size: 16px;
text-decoration: none;
transition: all 0.4s ease-in-out;
font-weight: 600;
}
.pds-infodownlds .pds-dnwld a i.fa {
display: block;
margin-bottom: 5px;
color: #ea0d2c;
}
.pds-infodownlds .pds-dnwld:hover a {
color: #ea0d2c;
}
.pds-infodownlds .pds-dnwld:hover {
box-shadow: 1px 1px 20px 2px #ef603236;
}
.privay-polinfodocst {
padding: 60px 0;
}
.privay-polinfodocst h2 {
margin: 0 0 12px;
}
.privay-polinfodocst p {
text-align: justify;
line-height: 1.6;
}
.privay-polinfodocst ul {
list-style: circle;
padding-left: 20px;
margin-bottom: 20px;
}
.privay-polinfodocst ul li {
text-align: justify;
margin-bottom: 5px;
line-height: 1.6;
}
.privay-polinfodocst h4 {
margin: 20px 0 5px;
font-size: 22px;
font-weight: 500;
text-decoration: underline;
}
.privay-polinfodocst h3 {
margin: 20px 0 5px;
text-decoration: underline;
font-size: 22px;
font-weight: 500;
}
.privay-polinfodocst p a, .privay-polinfodocst ul li a {
color: #121212;
text-decoration: underline;
}
button.accordion-button {
border: 0;
background: transparent;
display: inline-block;
width: 45%;
transition: all 0.5s;
}
.accordion-button .accordion-flx {
display: flex;
justify-content: flex-start;
align-items: center;
background: #f6e211;
padding: 0.5rem;
border-radius: 50px 5px;
}
.accordion-flx-icon {
width: 15%;
margin-right: 0.5rem;
margin-left: 0.5rem;
transition: all 0.5s;
}
.accordion-button .accordion-flx img.accordion-icon {
width: 100%;
height: 100%;
margin-top: -42px;
border-radius: 100%;
animation: wheel 2s linear infinite;
}
@keyframes wheel {
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
.accordion-flx-title p {
margin-bottom: 0;
}
.accordion-flx-title {
padding: 0 0.5rem;
font-weight: bold;
}
.accordion-button.collapsed .accordion-flx-icon {
width: 5.8%;
transition: all 0.5s;
}
button.accordion-button.collapsed {
width: 100%;
transition: all 0.5s;
}
.accordion-item {
margin-bottom: 2.5rem;
}
.accordion-collapse.collapse.show {
margin-bottom: 4rem;
}
#gripptyre .shake-inn:before{
background: transparent;
}
#gripptyre .info-basicimg img {
animation: unset;
position: unset;
display: block;
width: 100%;
height : 100%;
object-fit: contain;
padding: 30px;
cursor: pointer;
}
h4.diffrent_line_height_FT {
line-height: 2.2;
}
img.arkos_product_tyre_custom_image {
width: 350px;
height: 350px;
object-fit: contain;
margin: 2rem;
}
#gripptyre .bnfts-infwpsoc h4{
text-decoration: unset;
}
img.brandlogo {
width: 50px;
height: 10px;
object-fit: contain;
margin-right: 10px;
}
#gripptyre .introcontent-wrap .info-smaldet p{
margin-bottom: 10px;
}
.accordion-product {
display: flex;
align-content: center;
justify-content: center;
}
#gripptyre .accordion-product-gellary img.gellary-inner-stateimg {
width: 100px !important;
height: 100px;
object-fit: contain;
object-position: center;
padding: 5px;
border: 1px solid #ccc;
cursor: pointer;
margin-bottom: 10px;
}
.product-gellary-list-flex{
display: flex;
flex-direction: column-reverse;
}
.accordion-product-gellary {
width: 25%;
height: 330px;
overflow-y: scroll;
}
.accordion-product-mainimg {
width: 75%;
height: 330px;
}
.accordion-product-gellary::-webkit-scrollbar {
width: 5px;
}
.accordion-product-gellary::-webkit-scrollbar-track {
background: #f1f1f1; 
}
.accordion-product-gellary::-webkit-scrollbar-thumb {
background: #888; 
}
.accordion-product-gellary::-webkit-scrollbar-thumb:hover {
background: #555; 
}
section.main-infosecbanner.gripptyrebanner{
height: auto;
}
img.accordion-icon {
width: 35px;
height: 35px;
object-fit: contain;
object-position: center;
background: #efefef;
border-radius: 30px;
padding: 5px;
}
#gripptyre .high-textinfp {
display: inline-block;
background: #ed1c24;
padding: 7px 15px 7px 7px;
border-radius: 30px;
margin-bottom: 1.5rem;
}
.high-textinfp span.icon-title {
color: #f8de00;
}
.high-textinfp span {
color: #fff;
} .modal-dialog.product-lg-model {
width: 90%;
}
.modal-product-img img {
width: 100%;
height: 100%;
}
.modal-gallery-product {
column-count: 2;
}
.modal-gallery-product img {
width: 100%;
height: 120px;
object-fit: cover;
object-position: 55%;
border: 1px solid;
margin-bottom: 1rem;
cursor: pointer;
}
.product-lg-model .modal-header {
position: relative;
}
.product-lg-model .modal-header .close {
position: absolute;
right: 21px;
bottom: 15px;
}
.product-lg-model .modal-title {
font-size: 18px;
font-weight: bold;
}
.modal-dialog.product-lg-model .modal-content {
height: 95vh;
overflow: hidden;
}
.product-img--main {
position: relative;
overflow: hidden;
width: calc(100% - 100px);
height: 83vh;
float: left;
margin: 10px;
}
.product-img--main__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out,-webkit-transform .5s ease-out;
}
body.page-template.page.page-id-1059, body.page-template.page.page-id-1278, body.page-template.page.page-id-1313 {
background: #efefef;
}
.main-infosecbanner.product-finder:before{
background: url(https://arkos.in/wp-content/uploads/2023/07/Arkos-Gripp.jpg) no-repeat;
background-position: center;
background-size: cover;
}
.second-footer-section {
border-top: 2px solid #ed1b2c;
}
.second-footer-section .bnfts-infwpsoc {
margin-bottom: 1.5rem;
}
.tube-title h2 {
color: #000;
}
.tube-title h2:before, .tube-title h2:after{
content: unset;
}
@media (max-width: 640px){
.topbar p {
font-size: 10px;
}
a.navbar-brand {
font-size: 32px;
margin-top: 8px;
}
.navbar-default .navbar-nav>li>a {
padding: 5px 20px;
}
.navbar .navbar-header button {
display: none;
}
.navbar .navbar-header a.navbar-brand.spcl {
position: relative;
text-align: center;
margin: 0 auto;
left: 0;
top: 15px;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
color:#333;
}
.sliderwrap {
height: auto !important;
} .page-id-1059 section.main-infosecbanner.gripptyrebanner::before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Arkos_go_mobile_banner.jpg) top center no-repeat;
}
.page-id-1278 section.main-infosecbanner.gripptyrebanner::before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Arkos_eva_mobile_banner.jpg) top center no-repeat;
}
.page-id-1313 section.main-infosecbanner.gripptyrebanner::before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Arkos_boss_mobile_banner.jpg) top center no-repeat;
}
.main-slideinf img{
height: 200px;
}
.slidecont-inf {
top: 20%;
left: 14%;
}
.slidecont-inf h1 {
margin-bottom: 10px;
font-size: 20px;
}
.slidecont-inf h1 span {
font-size: 34px;
}
.slidecont-inf p.lead {
font-size: 12px;
margin-bottom: 5px;
}
.slidecont-inf a.btn {
padding: 5px 26px;
font-size: 12px;
}
#homesliding .owl-nav .owl-next {
position: absolute;
right: 0;
top: 33%;
background: #fff;
width: 30px;
height: 30px;
padding: 6px;
font-size: 16px;
}
#homesliding .owl-nav .owl-prev {
position: absolute;
right: 0;
top: 50%;
background: #fff;
width: 30px;
height: 30px;
padding: 6px;
font-size: 16px;
}
.hme-portinfobx {
margin-bottom: 50px;
}
#scroller-inf img{
display: none;
}
.aboutwraphome {
padding: 20px 0;
}
.aboutwraphome img{
display: none;
}
.aboutwraphome .abt-contwrap h2 {
font-size: 22px;
}
.prodmain-wrap {
padding: 30px 0;
}
.prodmain-wrap .head-inf h1 {
font-weight: 600;
font-size: 20px;
}
.prodmain-wrap .head-inf h1:before {
left: 38%;
bottom: -50px;
}
.prod-bx {
margin-bottom: 30px;
height: auto;
padding: 20px;
text-align: center;
}
.prod-bx img {
max-width: 100%;
float: none;
text-align: center;
margin: 0 auto;
}
.prod-bx .inner-pdexplainwp {
display: inline-block;
padding: 30px 10px 10px;
width: 100%;
min-height: auto;
}
.inner-pdexplainwp a {
display: inline-block;
margin-top: 20px;
text-align: right;
}
.prod-bx.mb-0 {
margin-bottom: 30px;
}
.portfolio-wrap .col-md-3{
width: auto;
margin: 0 30px 30px; 
} footer{
padding: 30px 0;
color: #bbb;
}
footer h4 {
font-size: 16px;
color: #fff;
letter-spacing: 0.6px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
}
.inner-fooseg, .foot-contacto {
margin-bottom: 30px;
}
.contform-swrap {
padding-bottom: 50px;
}
.intro-pdinfwpsec img {
float: none;
height: 35px;
width: auto;
margin-right: 10px;
margin-bottom: 10px;
}
.intro-pdinfwpsec .media-body {
display: block;
width: auto;
}
.main-intabflow ul li {
display: block;
margin-right: 0;
border-right: 0;
padding-right: 0;
margin-bottom: 10px;
}
.introcontent-wrap {
padding: 60px 0 60px;
overflow: hidden;
}
.shake-inn {
position: relative;
top: 20px;
right: 0;
}
.introcontent-wrap .info-smaldet p {
margin-bottom: 10px;
}
.page-id-720 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/07/Arkos-MOTORCYCLE-OILS.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-635 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2020/10/3wheeler-engine-oil-bg-new.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-724 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2020/10/passenger-car-engine-oils-banner-new.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-651 .diesel_info_banner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/07/Lubes the Hero.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-736 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2020/10/tractor-engine-oil-bg-new.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-659 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-661 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-656 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.page-id-673 .main-infosecbanner:before {
background: url(//arkos.smed.site/wp-content/uploads/2023/08/Gear-&-Transmission-Oil-Website-Page.jpg) right center no-repeat;
background-size: cover;
opacity: 0.3;
}
.prodfinder-bb #select-container select {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
#results-container {
padding: 30px 0;
background: #fff;
margin-top: 20px;
}
.allprodbattery-infowrap{
overflow:hidden;
}
.inlist-pditem a i {
opacity: 1;
}
.wmsbolt-linkinf{
overflow:hidden;
}
.wmsbolt-linkinf a.btn {
font-size: 16px;
letter-spacing: 0.4px;
}
.in-pdtab-info {
padding: 30px 0;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 0;
top: -90px;
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after{
color:#333;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
color: #191818;
background: #ead70d;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
background: #ead70d;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: #ead70d;
color: #272727;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
background: #ead70d;
}
li#mega-menu-56-0-0{
border-right: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before{
content:none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
color: #ed1b2c !important;
background: #e4d109 !important;
}
.info-basicimg img{
left: 40px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
background-color: #333;
}
}
@media (max-width: 767px){
button.accordion-button{
width: 100%;
}
.accordion-flx-title p {
margin-bottom: 0;
font-size: 18px;
} 
#gripptyre .shake-inn {
position: unset;
top: 0;
right: unset;
z-index: 1;
left: 15%;
margin: 1rem 0;
}
.accordion-button.collapsed .accordion-flx-icon {
width: 15%;
transition: all 0.5s;
}
.accordion-product-gellary {
width: 30%;
height: 260px;
}
.accordion-product-mainimg {
width: 70%;
}
.modal-body .row {
display: flex;
flex-direction: column;
}
.modal-gallery-product {
column-count: 3;
}
.modal-gallery-product img {
width: 100%;
height: 80px;
margin-bottom: 0.5em;
}
.modal-dialog.product-lg-model {
width: 95%;
}
.product-img--main {
width: calc(100% - 20px);
height: 50vh;
}
#gripptyre .accordion-product-gellary img.gellary-inner-stateimg {
width: 100% !important;
height: 80px;
}
}