@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');


 
.poppins{font-family: 'Poppins', sans-serif;}


::-moz-selection{background:#0083b5;color:#fff}
::selection{background:#0083b5;color:#fff}

 


body{font-family: 'Jost', sans-serif; font-size:15px;font-weight: 400;color: #242424;line-height: 1.65;}
a{color: #0083b5;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #0083b5; text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Jost', sans-serif;  font-weight: 700; line-height: 1.2;  
margin-bottom: 20px; color: #3A3A3A;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 45px; font-weight:700; letter-spacing:0px;}
h2{font-size: 40px; }
h3{font-size: 40px; font-weight: 700;}
h4{font-size: 35px; }
h5{font-size: 30px;}
h6{font-size: 20px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-17{font-size:17px;}


img{max-width: 100%;}
 

 
button, .btn, input[type="submit"]{
  min-width: 137px;
  border:0px;
  padding: 13px 20px;
  cursor: pointer;
  position: relative;
  font-family: 'Jost', sans-serif; 
  box-shadow: none !important;
  color: #fff;
  background: #0083b5;
  font-size: 15px;
  font-weight: 600;
  border-radius: 0px;
  text-transform: capitalize;
  }
  
 
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {background: #d85216;
    border-color: #d85216; color: #fff;cursor: pointer;}
 




[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #0083b5; color: #fff;}
*/
a.link {font-weight: 600;text-decoration: none;}
input{ font-family: 'Rajdhani', sans-serif; }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%; float: left;}
.form-control {
  outline: none !important;
  padding: 13px 15px;
  border-radius: 0px;
  border: 1px solid #C4C4C4;
  background: #fff;
  box-shadow:none !important;
  font-size: 15px;
  font-weight: 400;
  color: #242424;
  font-family: 'Jost', sans-serif; 
  }
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent; border-color: #C4C4C4 !important;} 
select.form-control:not([size]):not([multiple]) { height: 50px;  padding: 10px 15px; min-width: 150px;}
input[type=checkbox], input[type=radio] { margin-right: 5px;}
blockquote { padding: 25px 25px; border-left: 4px solid #0083b5;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
 
.bg-site {background: #0083b5;color: #fff;}
.form-group label {display: block;  margin-bottom: 10px;}


 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
::placeholder {color: #C4C4C4;  opacity: 1;  }
::-webkit-input-placeholder {color:#C4C4C4; opacity:1;}
::-moz-placeholder { color:#C4C4C4; opacity:1;}
:-ms-input-placeholder {color:#C4C4C4; opacity:1;}
:-moz-placeholder {color:#C4C4C4; opacity:1;}

.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding:50px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{ box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img { max-height: 100%;  margin: auto;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.sprit-icon { background-image: url(../images/sprit.png); background-repeat: no-repeat;
  background-size: auto;  display: inline-block;}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}

.scroll-bar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#ddd}
.scroll-bar::-webkit-scrollbar{width:6px;background-color:#ddd}
.scroll-bar::-webkit-scrollbar-thumb{background-color:#0083b5}


/* header */

.header{ background:#fff } 
.header-top-bar{ background-image: linear-gradient(-90deg, #0083b5 0, #486303 100%); color:#fff; padding:7px 0 } 
.header-top-bar p{ margin-bottom:0; letter-spacing:.7px; font-weight:600; font-size:14px } 
.offer-tagline {line-height: normal;}
.cont-info a{color:#fff;font-weight: 400;font-size:14px;margin-right:32px;letter-spacing:.7px;} 
.cont-info a i{ font-size:19px; vertical-align:middle; margin-right:4px } 
.cont-info a:last-child{ margin-right:0 } 
.header-search input{font-size:14px;color:#212121;font-weight:500;border:0;border-bottom:1px solid rgba(112,112,112,0.40);width:100%;padding:8px 35px 8px 0;border-radius:0;background: transparent !important;} 
.header-search{ position:relative } 
.header-main{ padding:8px 0 } 
.header-search button.trans-btn{position: absolute;right: 0;bottom: 0;padding: 5px;line-height: 17px;} 
.profile-menu{ padding:0; margin:0; list-style:none } 
.profile-menu li{ display:inline; font-weight:500; font-size:14px; margin-right:20px } 
.profile-menu li:last-child{ margin-right:0 } 
.profile-menu li a{ color:#212121; position:relative }
.profile-menu li a:hover{color: #0083b5;} 
ul.profile-menu span {vertical-align: middle;  color: #0083b5;}
.cont-info span {vertical-align: middle; font-size: 20px;}

.cart-value{ position:absolute; background:#47b3a8; color:#fff !important; border-radius:100%; width:25px; height:25px; line-height:25px; text-align:center; top:-20px; left:13px; font-weight:600; font-size:13px } 
.cart-value:empty{ display:none } 
.profile-menu .sprit-icon{ width:24px; height:24px; vertical-align:middle; position:relative; top:-2px; margin-right:5px } 
.profile-menu .sprit-icon.account-icon{ background-position:-23px -93px } 
.profile-menu .sprit-icon.cart-icon{ background-position:-23px -142px } 
.header .nav { justify-content: end;}
.header .nav .main-menu{ list-style-type: none;   padding: 0;  position: relative;margin: 0px; }
.header .nav .main-menu li{ display:inline-block; position: relative; } 
.header .nav .main-menu li a{ color:#212121; cursor:pointer } 
.header .nav .main-menu>li>a{ padding:12px 20px; display:inline-block; border-radius:5px;} 
.header .nav .btn { color: #fff !important;}
.header .nav .main-menu li:hover>a{ color:#0083b5 } 
.site-logo{ max-width:250px;  }
button.trans-btn {padding: 0;color: #0083b5;background: transparent;min-width: auto;box-shadow: none!important;}
.header .nav ul ul { position: absolute;  background: #f3fdff;  left: -10px; width: 250px;    z-index: 100;  visibility: hidden;  opacity: 0;   transition: all 500ms ease;
    -moz-transition: all 500ms ease;    -webkit-transition: all 500ms ease;    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;    top: 120%;    padding: 5px 0px 15px; width: 800px;transform: translateX(-50%);}
.header .nav ul ul li{display: inline-block; width: 100%;}
.header .nav ul ul li a{display: inline-block; width: 100%; color: #212121;
    cursor: pointer;    padding: 5px 10px; border-bottom: 1px solid #dedede;}
.nav ul li:hover>ul {   visibility: visible;    opacity: 1;   top: 100%;}
.header .nav ul ul li:last-child a{border-bottom: 0px;} 
.header .nav ul ul { display: flex; flex-wrap: wrap; max-height: 400px; overflow-y: auto; } 
.header .nav ul ul > li { flex: 0 0 33%; text-transform: uppercase; font-size: 13px; } 
.header .nav ul ul > li a { min-height: 54px; }

/* Banner  */

.item.bg{background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;position:relative;padding:75px 0px;height:70vh;
        background: linear-gradient(45deg, #0083b5, #016e34) !important
}
.item.bg:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background: linear-gradient(45deg, transparent, transparent);}
.item.bg .container{position:relative; height: 100%;}
.bnr-cont { display: flex;   align-items: center;    height: 100%;}
.bnr-sub-heading{font-family:'Poppins', sans-serif;font-weight:600;font-size:48px;color: #fff;text-transform:uppercase;margin-bottom: 20px; line-height:1;}
.bnr-txt .heading-1{letter-spacing:1.26px;font-size:20px;font-weight:500;font-family:'Poppins', sans-serif;font-style:italic;color: #fff;}
.bnr-txt .heading-1 span{display:block;color: #fff; font-style:italic; font-weight:500;font-size:20px; }
.bnr-itme .item-bx{float:left;width:auto;background: rgb(255 255 255 / 82%);margin-right:15px;border:1px solid hsl(0deg 0% 52%/19%);border-radius:6px;overflow:hidden;pointer-events: all;}
.bnr-itme{display:inline-block;width:100%;}
.bnr-itme .item-bx:last-child{margin-right:0px;}
.item-bx-img{float:left;width:96px;height:125px;display:flex;align-items:center;}
.item-bx-txt{display:flex;float:left;color:#fff;height:125px;align-items:center;padding:0px 15px 0px 10px;font-size: 14px;}
.item-bx-img img{width:100%;object-fit:cover;}
.item-bx-txt h6{text-transform:uppercase;margin-bottom:6px;font-weight:500;font-size: 15px;}
.item-bx-txt p{color:#282828;font-size: 13px;margin-bottom:0px;}
a.down-arrow{position:absolute;left:50%;bottom:-60px;transform:translate(-50%);display:inline-block;width:16px;height:30px;border: 1px solid #ccc;border-radius:9px;z-index:11;overflow:hidden;text-align:center;}
.ball{width:5px;height:5px;border-radius:50%;background-color: #fff;display:inline-block;animation:bounce 0.9s;bottom:5px;position:relative;animation-direction:alternate;animation-iteration-count:infinite;}
.hero-slider .owl-nav{position:absolute;right: 0px;bottom:75px;width: 120px;max-width:1170px;text-align:right;margin:auto;transform:translate(-50%);padding:0px 15px;}
.hero-slider .owl-nav button{border:1px solid #858585 !important;border-radius:6px;background:rgb(0 0 0/45%) !important;float: left;}
.hero-slider .owl-dots{position:absolute;}
.hero-slider .owl-nav button.owl-next { float: right;}

.active.center .bnr-sub-heading{-moz-animation:fadeInTop;-webkit-animation:fadeInTop;animation:fadeInTop;webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner-sub-title{font-size:18px;color:#000;margin-bottom:30px;}
.active.center .bnr-txt .heading-1{-moz-animation:fadeInTop;-webkit-animation:fadeInTop;animation:fadeInTop;webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.active.center .bnr-itme .item-bx:nth-child(1){-moz-animation:fadeInRight;-webkit-animation:fadeInRight;animation:fadeInRight;webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.active.center .bnr-itme .item-bx:nth-child(2){-moz-animation:fadeInRight;-webkit-animation:fadeInRight;animation:fadeInRight;webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.active.center .bnr-itme .item-bx:nth-child(3){-moz-animation:fadeInRight;-webkit-animation:fadeInRight;animation:fadeInRight;webkit-animation-delay:2.0s;animation-delay:2.0s;-webkit-animation-duration:2.8s;animation-duration:2.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes bounce{from{transform:translate3d(0, 0, 0);}
to{transform:translate3d(0, 15px, 0);}
}
.abt-slider-img{width:100%;}
.abt-slider-img img{width:100%;height:100%;object-fit:cover !important;}
.air-logo{margin-bottom:30px;max-width:239px;}
.abt-txt p{font-size:26px;font-weight:500;line-height:38px;}
.abt-txt .btn{margin-top:15px;}

.banner {position: relative;}
.slider-item-section {position: absolute;left: 0px;width: 100%;bottom: 50px;z-index: 11;pointer-events: none;}
.ser-box .animation-icon {font-size: 30px;margin-bottom: 20px;display: inline-block;color: #0083b5;width: 60px;height: 60px;border-radius: 100%;transition: all .5s;line-height: 65px;}
.ser-box h6 {font-size: 16px; margin-bottom: 10px;}
.font-weight-semibold{ font-weight: 600;}
.ser-box:hover .animation-icon { color: #fff;  background: #0083b5;}


 
.block-title {border-bottom: 1px solid #0083b5;margin-bottom: 30px;}
.block-heading { font-size: 16px; font-weight: 400; margin-bottom: 10px;}
.block-heading span {padding: 5px 10px;color: #fff;background: #0083b5;display: inline-block;}

.main-cat-box-img { height: 200px; } 
.nav-right-top .owl-nav { position: absolute; right: 0px; top: -70px; } 
.nav-right-top .owl-nav button:last-child { margin-left: 10px; } 
.nav-right-top .owl-nav button { width: 30px; height: 30px; }
.mb-30 {margin-bottom: 30px;}


/* prd section */
.product-section{padding-bottom: 50px;}
.prd-box { border-radius: 10px; border: 1px solid #f5f4f4;background: #f5f4f4; margin-bottom:30px;} 
.prd-box-img.object-fit { padding: 10px;background: #fff;  height: 190px; border-radius: 0px !important;} 
.prd-info { padding: 20px; } 
.prd-name-box-left a { color: #000; } 
.prd-name-box-left p { font-weight: 500;  } 
.prd-action span { vertical-align: middle; } 
 button.whlist-btn { width: 48px; height: 50px; font-size: 20px; padding: 0px; line-height: normal; min-width: auto; }
.prd-box-img.object-fit button.whlist-btn { position: absolute; right: 15px;  top: 15px; opacity: 0;}
.prd-box:hover button.whlist-btn {  opacity: 1;}
.prd-box-img.object-fit button.whlist-btn.active { opacity: 1;}
.whlist-btn.active i.lni.lni-heart:before {content: "\e98b";}

.prd-staus {text-align: left; font-size: 12px; position: absolute; top: 15px;  left: 15px;}
.prd-staus span {padding: 6px 10px; border-radius: 5px; display: inline-block;
color: #fff; line-height: 10px;  margin-right: 8px; text-transform: uppercase;}
.bg-red {background-color: #f31313;}
.bg-green {background-color: #23e806;}
.prd-staus span:last-child {margin-right: 0px;}
.quick-view-btn {position: absolute;  left: 50%; transform: translateX(-50%);   min-width: auto; padding: 5px 10px;
  font-size: 12px; font-weight: 400; border-radius: 3px; bottom: 10px;}

/* offer-box */
.container-sm{padding: 0px 100px;}
.cta-section{background:url(../images/adv-3.jpg); padding: 30px 0px;}
.bg-fixed { background-attachment: fixed !important;}
.bg-img {background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;}
.offer-txt {font-size: 50px;}
.cta-section:before { background: rgb(0 0 0 / 63%);}
.fs-20 {font-size: 20px;}

 /*feature */
.feature {padding: 45px 0;}
.feature .col-lg-7 {padding-right:25px;}
.feature-box h6 {font-weight: 400;letter-spacing: 1px;}
.feature-box p {font-weight: 300;font-size: 15px;}
.feature-box {text-align: center;padding: 15px 5px;}
.feature-box.footer-box-last {border-right: 0;}
.feature-box a {}
.feature-box a:hover { color: #0083b5;}
.feature-box.need-help {padding:0;text-align: left;}
.feature-img  {height: 40px;}
.feature-right {border-left:1px solid #d1d3d3;padding-left:25px;}
.feature-img span {font-size:30px;}
.feature-timeing { font-size: 15px;}

.testimonails span.mbri-quote-left { position: absolute;  background: #fff;  top: -12px;  left: 30px;  z-index: 11; padding: 0px 10px;}
.test-slider{border:1px solid #DCDCDC;padding:35px;padding:35px 35px 20px;}
.cnt-img{width:120px;height:120px;border-radius:100%;background:#E1E1E1;text-align:center;position:relative;overflow:hidden;}
.cnt-img img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:100%;max-height:100%;border-radius:100%;
    object-fit:cover !important;}
.alert-success {position: fixed; top: 50%;  left: 50%;   transform: translate(-50%, -50%); z-index:99;}
.alert-success h4 { font-size: 20px;}


/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button {background-color: transparent;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #fff !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #707070;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 40px;min-width: auto;height: 40px;position: relative;overflow: hidden;border: 1px solid #0083b5 !important;color: #fff !important;pointer-events: all;background: #0083b5 !important;}
.owl-nav button span {position: relative;z-index: 1;min-width: auto;}  
.owl-nav  .fa-angle-right:before {font-family: 'LineIcons' !important; content: "\e914";}
.owl-nav .fa-angle-left:before {font-family: 'LineIcons' !important; content: "\e912";} 
.owl-carousel .owl-item img {width: auto;}
.owl-nav button:hover { background: #0083b5 !important; border-color: #0083b5 !important;}



.tcolor{color:#0083b5;}
.bg-light{background-color:#F1F1F1 !important;} 
.bg-dark {background-color: #3A3A3A !important;} 

/* footer  */

.footer {background: #212121;padding-top: 50px;font-size: 14px;font-weight: 300;color: #D4D4D4;position: relative;}
.footer-widget ul li {  font-weight: 400; margin-bottom: 8px; text-transform:capitalize;}
.footer-widget ul { list-style: none;  padding: 0px;}
.footer-widget ul li a { color: #fff;}
.footer-widget h6 { font-weight: 500;  margin-bottom: 30px;}
.fs-16 {  font-size: 16px;}
.footer-logo { margin-bottom: 20px;}
.footer-widget ul li a:hover { color: #0083b5;}
.copyright-bar { background: rgb(0 0 0 / 33%); padding: 20px 0px; margin-top: 30px;}
.social-icon {float: right; text-align: right;}
.social-icon li a { padding: 0px 5px;}
.social-icon li { margin: 0px 5px;}
.social-icon li a:hover { color: #fff;}
.footer-img { position: absolute;  bottom: 0px; z-index: 11; left: 0px; width: 100%; pointer-events: none;} 


.back-to-top {    position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #0083b5;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#0083b5; color:#fff;}
  .whatsapp-btn { display: inline-block; max-width: 155px; position: fixed; bottom: 20px; z-index: 11; left: 30px;}

 
 /* about page */


.inner-banner {padding: 100px 0px 100px;}
.inner-banner:before {background: rgb(0 0 0 / 55%);}
.team-lead-info { max-width: 100%; margin-top: 20px; padding: 35px;text-align: center;}
.team-lead-info strong {display: block;}
.default-pg-img { max-width: 365px;}

/* sidebar */

.aside-widget .field .icon-btn { position: absolute; top: 0px; right: 0px; } 
.icon-btn { padding: 14px 14px 6px; min-width: auto; }   
.aside-widget .field  input { padding-right: 55px; } 
.aside-widget ul { list-style: none; padding: 0px; margin: 0px; } 
.aside-widget { margin-bottom: 30px; } 
.aside-widget ul li { margin-bottom: p0x; font-weight: 400; } 
.aside-widget ul li a { color: #242424; } 
.aside-widget ul li a:hover { color: #0083b5; }
.aside-widget ul li a { position: relative; padding: 10px 10px 10px 0px; border-bottom: 1px dotted #0083b5; display: flex; grid-gap: 5px; } 
.aside-widget ul li a:before { font-family: MobiriseIcons !important; content: "\e93a"; color: #0083b5; } 
.aside-widget ul li a:hover { background: #0083b5; color: #fff; padding-left: 10px; } 
.aside-widget ul li a:hover:before { color: #fff; } .aside-widget ul li:last-child a { border: 0px; }



/* prduct pg */

.filter-btn.sm-btn {min-width: auto; padding: 12px 12px 6px; line-height: normal;
display: none;}
.filter-cls{display: none;}

.product-bar .prd-action a { font-size: 15px; font-weight: 400;}
.prd-box-img .whlist-btn { position: absolute; right: 10px;
    top: 10px;  z-index: 1;}
.search-result p {margin: 0px;}
.prd-filter { display: inline-block;  width: 100%;  margin-bottom: 26px;}
.product-bar { padding-right: 25px;}
.fillter-bar { position: sticky;top: 108px;}
.sorting select { width: 180px;  float: right;}


 
.pagination-bar{margin-top: 70px;}
.page-link:hover,
.page-item.active  .page-link{color: #fff;text-decoration: none;background-color: #0083b5;border-color: #0083b5;}
.pagination {justify-content: center;}
.page-link { color: #fff; background: #0083b5; border: none; box-shadow: none !important;
    padding: 12px 17px;  margin-right: 10px;  border-radius: 0px !important;    }
.page-item:last-child .page-link { margin-right: 0px;}
.current {  background: #0083b5 !important;   border-radius: 0px !important;  font-weight: 500 !important;   }




/* breadcrumb */
 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{text-decoration:none;color: #fff;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;
  color: #fff; font-size: 14px;}
.breadcrumb li:after{padding:0 7px;color: #fff;font-family: LineIcons!important;content: "\e90a";font-size: 10px;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ul.breadcrumb a:hover { color: #0083b5;}


 

/* about us */

div#sync1 { background: #0083b517; padding: 30px; position: relative; } 
.nav-center .owl-nav { position: absolute; top: 50%; width: 100%; left: 50%; transform: translate(-50%, -50%); } 
.nav-center .owl-nav button { float: left; } 
.nav-center .owl-nav button.owl-next { float: right; } 
#sync1 button { background: transparent !important; border: none !important; } 
#sync1 button svg path { stroke: #0083b5 !important; }
#sync1 button svg { height: 24px; } 


#sync2 .owl-nav button {  padding: 10px !important;   min-width: auto !important; background: transparent !important;
    border-radius: 0px;   line-height: normal; box-shadow: none !important;}
#sync2 {padding: 10px;background: transparent;}
#sync2 .item{border: 1px solid #0083b5;text-align: center;padding: 5px;background: #e8f6f9;}
#sync2 .item img {height: 80px;width: 100% !important;object-fit: cover;margin: auto;background: #e8f6f9;}
#sync2 .owl-nav { display: none;}
 
.prd-detial-txt { padding-right: 50px; } 
.prd-detial-txt .whlist-btn { position: absolute; right: 0px; background: transparent; color: #0083b5; } 
.prd-action ul { list-style: none; padding: 0px; } 
.prd-action ul li { display: inline-block; width: 100%; margin-bottom: 10px; } 
.prd-action ul li strong { display: inline-block; min-width: 100px; } 
.prd-action .form-control { width: auto; display: inline-block; } 
.prd-action input[type="number"] { width: 150px; } 
.prd-action .form-control {   width: 300px;   text-overflow: ellipsis;}

/*.prd-name-box-left p {text-overflow: ellipsis; overflow: hidden;   white-space: nowrap;text-transform: capitalize;}*/
 
 /* cart */

h4.nomargin { font-size: 15px; margin-bottom: 10px; font-weight: 600;}
td.actions .btn {min-width: auto; float: right;}
.badge-secondary {background-color: #4abca9;}
.text-muted {color: #3A3A3A!important;}
.w-80{width: 80%;}
.w-20{width: 20%;}
.checkout-page .list-group-item h6 { font-weight: 500;    font-size: 15px;}
.w-110{width: 90px;}
input[type=file]:foucs{border: 1px solid #C4C4C4 !important;}
 
input[type=checkbox], input[type=radio] {vertical-align: middle;   margin-right: 5px;}

.btn.facebook {background: #3b5998;}
.social-btn .btn { min-width: auto;  padding: 7px 25px;  border-radius: 5px;}
.btn.twiter { background: #1DA1F2; color: #fff !important;}
.btn.google {background: #df4930;}
.or-seperator{ text-align: center;  border-top: 1px solid #ccc;     margin-bottom: 20px;}
.or-seperator i { padding: 0 10px;  background: #fff;  position: relative;  top: -15px;   z-index: 1; text-transform:uppercase; font-weight:500;}
.hover-link:hover{text-decoration:underline;}
.pointer{cursor:pointer;}
.account-login {  max-width: 450px;    margin: auto;}
.account-login h1 {font-size: 45px;}
.account-login form { margin-top: 25px;   display: inline-block;}
.account-login button { margin-top: 15px;     width: 100%;    border-radius: 5px;}
.field-sm { float: left;  width: 50%;  text-align: left; padding:0px 10px;}
.field .field-sm:first-child{padding-left:0px;}
.field .field-sm:last-child{padding-right:0px;}

/* faq page */
.card-header {padding: 0px;  background: transparent;}
.card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.card-header a i { position: absolute;  right: 10px;}
.card { border: 0px;}
.card-header h5 { font-size: 24px; font-weight: 500;}
.container-fluid { position: relative;}
.card-header button.btn.btn-link { width: 100%; text-align: left;  text-decoration: none;}
 
 /* contact */

.contact-box address{background: #e3e4e3; padding: 15px 10px;  display: inline-block;  text-align: center;  float: left;  width: 45%;     border-radius: 5px; margin-right: 5%;  min-height: 235px;}
.contact-box address span { position: relative;  display: inline-block;  margin: auto;  width: 60px;  height: 60px; background-image: linear-gradient(-90deg,#e75f28 0,#fdc317 100%);  text-align: center;  line-height: 60px;  border-radius: 100%;  color: #fff;    margin-bottom: 15px; font-size: 20px;}
.contact-box address h6 {text-transform: capitalize;font-size: 17px;} 
.table-hover tbody tr:hover { background-color: transparent;}
.contact-box a,
.contact-box p{color: #333; display: block;     font-size: 14px;  line-height: normal;    word-wrap: break-word;}
.contact-box a:hover{color: #0083b5;}
.map {position: relative;  margin-bottom: -8px;}

.contact-form button i { vertical-align: middle;}
.contact-form button { margin-top: 15px;}
 #quick-view #sync2 .item img { height: 60px;}

/* shop */
.prd-box-img.main-cat-box { padding: 0px; height: 200px;}
.w-250{width: 250px;}
select:focus { border: 1px solid #C4C4C4 !important;}
table#cart .prd-staus {left: auto; top: auto; margin-bottom: 4px;}
table#cart tr td {min-width: 93px;}
ul.payment-panel label { display: block; margin-bottom: 0px; font-weight: 600; } 
ul.payment-panel { list-style: none; padding: 0px; } 
ul.payment-panel span { padding-left: 18px; display: none; } 
ul.payment-panel li { margin-bottom: 10px; } 
.panel-body { border: 1px solid #ddd; padding: 30px; margin-bottom: 30px; }


.invoice-table td,
.invoice-table th {padding: 5px 10px;}
.invoice-table hr {margin: 5px 0px;}
.main-cat-box {  border-radius: 10px;border: 1px solid #f5f4f4; padding: 20px 0px 0px;
    background: #f5f4f4;}


/* tab */

.responsive-tab .tab-pane.active .card-body {
    -webkit-animation-name: fadeInUp; animation-name: fadeInUp;    -webkit-animation-duration: 1s;  animation-duration: 1s;
    -webkit-animation-fill-mode: both; animation-fill-mode: both;    visibility: visible;   -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;    animation-duration: 2s;}
 
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link,
.nav-pills .nav-link:hover{color: #fff;  background-color: #0083b5;}
.responsive-tab a.nav-link { background: #007bff; margin-right: 10px; color: #fff;}
.prd-tabs.responsive-tab { margin-top: 40px; border: 1px solid #ccc; }  
.responsive-tab .cust-nav1 { position: relative; padding: 30px 20px 0px; } 
.responsive-tab .tab-txt { border-top: 1px solid #d8d8d8; padding-top: 20px; }
.review-tab-action.border-bottom {position: relative;}
.review-tab-action.border-bottom button {position: absolute; right: 0px; top: 0px;}
.reviews-list .row.border-bottom:last-child {border-bottom: none !important;}
.reviews-list .row.border-bottom:last-child {border-bottom: none !important;}
.rating i {color: #e6e607;}
.rating span {display: block; font-size: 13px; color: #999;}
.rating .c-name {font-weight: 500; font-size: 20px;}

.review-model .star-rating { display:flex; flex-direction: row-reverse;font-size:1.5em;  justify-content:space-around;  padding:0 .2em;  text-align:center;  width:5em;}
.review-model .star-rating input {display:none;}
.review-model .star-rating label {color:#ccc;  cursor:pointer;}
.review-model .star-rating :checked ~ label {color:#f90;}
.review-model .star-rating label:hover,
.review-model .star-rating label:hover ~ label { color:#fc0;}

.cart-page select.form-control { height: 40px !important; padding: 0px 15px !important;}
ul.social-media { display: flex; flex-wrap: wrap; grid-gap: 15px; } 
ul.social-media li a { width: 40px; height: 40px; background: #0083b5; color: #fff; display: flex; border-radius: 100%; align-items: center; justify-content: center; margin: 0px; } 
ul.social-media li a:hover { color: #fff; -webkit-box-shadow: inset 0px 7px 10px -4px #000 inset, 0px -7px 10px -4px #000 inset; -moz-box-shadow: inset 0px 7px 10px -4px #000 inset, 0px -7px 10px -4px #000 inset; box-shadow: 0px 7px 10px -4px #000 inset, 0px -7px 10px -4px #000 inset; }



.detail-btn { display: flex;    gap: 10px;    align-items: center;}
.detail-btn a.box-shadow-none {   max-width: 150px;}


svg.vam { vertical-align: middle;}
.ringbell{ 
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  10% { -webkit-transform: rotateZ(30deg); }
  50% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
  10% { -webkit-transform: rotateZ(30deg); }
  50% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.main-section .section-header h1 { font-size: 30px; } 
.main-section .section-header h2 { font-size: 25px; } 
.main-section .section-header h3 { font-size: 23px; } 
.main-section .section-header h4 { font-size: 20px; }
.main-cat-box a.btn.w-100 {  white-space: normal;}

@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

@media (min-width: 576px){
.responsive-tab .card .card-header {display: none;}
.responsive-tab .card .collapse { display: block;}


 

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.modal-lg { max-width: 900px;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}

}

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