body{font-size:0.9rem;overflow-x:hidden !important;}
body, h1, h2, h3, h4, h5, h6  {
  font-family: Roboto, sans-serif;
}
.font-lato{font-family: 'Lato';}
.font-newsreader{ font-family: "Newsreader", serif;}
.font-lusitana{font-family: 'Lusitana';}
.font-bree{ font-family: "Bree Serif", serif;}
.title1{font-size:2.5rem;}
.title2{font-size:2rem;}
.title3{font-size:1.75rem;}
.title4{font-size:1.5rem;}
.title5{font-size:1.25em;}
.title6{font-size:1rem;}
.title7{font-size:0.8rem;}
.weight300{font-weight:300 !important}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight800{font-weight:800 !important}
.bg-theme{background:#007db6;}
.text-white{color:#fff;}
.text-dark-blue{color:#112c50;}
.text-blue{color:#007db6;}
.text-grey{color:#a6a6a6;}
.text-green{color:#008a4c;}
.btn-blue{background:#036592;border-radius:30px;border:2px solid #fff;color:#fff;padding: 6px 4px 6px 10px;transition:0.5s;}
.btn-blue span{    background: #fff;    color: #036592;    padding: 5px 8px;    border-radius: 100%;}
.btn-blue:hover{background:#fff;    color: #036592;}
.btn-green{background:#008a4c;border-radius:30px;border:2px solid #fff;color:#fff;padding: 6px 4px 6px 10px;transition:0.5s;}
.btn-green span{    background: #fff;    color: #008a4c;    padding: 5px 8px;    border-radius: 100%;}
.btn-green:hover{background:#fff;    color: #008a4c;}
.top-header .social-icons i{text-align: center;color:#fff;border:1px solid #fff;border-radius:100%;   transition: 0.5s; width: 25px;    height: 25px;    padding: 5px;margin-right: 5px;}
.top-header .social-icons i:hover{background:#fff;color:#007db6;border-radius: 5px;
    transform: scale(1.1);}
.top-header .right i{border:1px solid #fff;border-radius:100%;    transition: 0.5s;  width: 27px;    height: 27px;    padding: 6px 5px;background:#fff;color:#007db6;}
.top-header .right i:hover{background:#007db6;color:#fff;border-radius: 5px;
    transform: scale(1.1);}
.top-header .right,.top-header .right a{color:#fff;text-decoration:none;}
.top-header .right .top-login{background: #fff;    border-radius: 20px;   
   padding: 3px 6px 3px 7px; 
   border: none;
     color: #007db6;}
.top-header .right .top-login i{background: #007db6;    color: #fff;    padding: 5px;    height: 25px;}
.top-navbar ul li a{text-transform:uppercase;color: #333;    font-weight: 600;    padding: 10px 20px !important;}
.top-login{background: linear-gradient(45deg, #007DB6, #008A4B);    padding: 12px 2px;    border-radius: 10px;
    text-decoration: none;    color: #333;    box-shadow: 0 0 4px rgba(0,0,0,0.3);font-family: "Bree Serif", serif;}
    .top-login span{background: #fff;    padding: 10px;    border-radius: 7px;}
  .top-login  .dropdown-toggle{background: #fff;    padding: 10px;    border-radius: 7px;    margin-right: -2px;
    text-decoration: none;    color: #333;font-family: "Bree Serif", serif;}
.offcanvas_menu{background: linear-gradient(45deg, #007DB6, #008A4B);    padding: 11px 2px 11px;    border-radius: 7px;
    text-decoration: none;    color: #333;    box-shadow: 0 0 4px rgba(0,0,0,0.3);margin-left: 10px;}
.offcanvas_menu span{background: #fff;    padding: 9px;    border-radius: 4px;}
.wave-header {  position:relative;  text-align:center;  background: linear-gradient(60deg, #bae4f4 0%, #007db6 100%);  color:white;    z-index: -9;}  
.wave-header .waves {  position:relative;  width: 100%;  height:150px;  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;  max-height:150px;}
  .offcanvas#top-menu{background-image: url(../images/login-bg.png);    background-size: cover;
    background-position: right;}
    #top-menu li a{font-size: 1.3em;font-family: "Bree Serif", serif;}
#home-carousel .carousel-control-next-icon{background-image:url(../images/right-arrow-2.png);}
#home-carousel .carousel-control-prev-icon{background-image:url(../images/left-arrow.png);}
#home-carousel .carousel-control-next-icon::after{content:none;}
#home-carousel .carousel-control-prev-icon::after{content:none;}
#banners-carousel .carousel-item img{width:100%;height:80vh;object-fit:cover;}
#banners-carousel .carousel-item .carousel-caption{left: 50%;    text-align: left;top: 10%;right:5%;}
.banners{margin-top: -193px;}
.section-1-home .inner{text-align:Center;padding:10px;color: #fff;    border-radius: 20px;height:315px;}
.section-1-home .inner img{width:80px;}
.section-1-home .inner-1 {background: linear-gradient(to left, #036592 50%, #047a45 50%);
  background-size: 200%;  background-position: right;  transition: background-position 0.5s ease-out;}
  .section-1-home .inner-1:hover{ background-position: left;}
.section-1-home .inner-2 {background: linear-gradient(to left, #0077ad 50%, #047a45 50%);
  background-size: 200%;  background-position: right;  transition: background-position 0.5s ease-out;}
    .section-1-home .inner-2:hover{ background-position: left;}
.section-1-home .inner-3 {background: linear-gradient(to left, #048cc9 50%, #047a45 50%);
  background-size: 200%;  background-position: right;  transition: background-position 0.5s ease-out;}
    .section-1-home .inner-3:hover{ background-position: left;}
.section-1-home{}
.section-2{background:url(../images/bg-1.jpg);background-size: cover;
    background-position: center right;}
.section-3{background:url(../images/bg-2.jpg);background-size: cover;
    background-position: center right;position:relative;}
  .section-3 .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background: rgb(8 164 235 / 52%);}
.section-5 .inner img{width:120px;}
.section-5 .inner p{color:#112c50;font-size:1.3em;font-weight:bold;}
footer{background:#eee;    padding-top: 50px;    padding-bottom: 50px;}
.social-icons-footer i{text-align: center;color:#007db6;border:1px solid #007db6;border-radius:100%;   transition: 0.5s; width: 25px;    height: 25px;    padding: 5px;margin-right: 5px;}
.social-icons-footer i:hover{background:#007db6;color:#fff;border-radius: 5px;
    transform: scale(1.1);}
    .section-5{background:url(../images/bg-3.jpg);background-size: cover;
    background-position: center right;}
    .section-5 .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,0.5);}
.section-4 .products-owl img{width:100%;transition:0.5s;}
.section-4 .products-owl img.icon{    width: 100px;    margin-top: -50px;    border-radius: 100%;    background: #fff;display: inline;}
.section-4{text-align:center;}
.section-4 .btn-blue:hover{background:#008a4c;    color: #fff;}
.section-4 .products-owl .owl-nav .owl-next{    position: absolute;    right: 0;    top: 40%;    font-size: 65px;}
.section-4 .products-owl .owl-nav .owl-prev{    position: absolute;    left: 0;    top: 40%;    font-size: 65px;}
.section-4 .products-owl .owl-nav .owl-prev,.section-4 .products-owl .owl-nav .owl-next{background:none;    color: #000;}
.section-4 .products-owl .inner:hover img{transform: translate(0px,40px);}
.section-4 .products-owl .inner:hover img.icon{transform: translate(0px,-70px)}
.top-navbar .navbar-collapse > ul > li.active-li:before {content: '';position: absolute;left: 50%;top: 0px;margin-left: -1px;width: 2px;height: 66px;background: #fdc716; opacity: 1; -webkit-transform: rotate(0deg);
    transform: rotate(0deg); 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-navbar .navbar-collapse > ul > li:before {content: '';position: absolute;left: 50%;top: -20px;margin-left: -1px;width: 2px;height: 80px;background: #007db6; opacity: 0; -webkit-transform: rotate(0deg);
    transform: rotate(0deg); 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-navbar .navbar-collapse > ul > li:hover:before {opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
  .top-navbar .navbar-collapse > ul > li > a{position:relative;background:#fff;transition:0.5s}
    .top-navbar .navbar-collapse > ul > li:hover a{color:#007db6;}
 .top-navbar .navbar-collapse > ul > li{position:relative;}
 .section-2::after {  content: '';  position: absolute;  right: 0;  left: -0%;  top: 100%;
  z-index: 10;  display: block;  height: 10px;  background-size: 14px 100%;
  background-image: linear-gradient(135deg, #007db7 25%, transparent 25%), linear-gradient(225deg, #007db7 25%, transparent 25%);
  background-position: 0 0;}
   .section-3::after {  content: '';  position: absolute;  right: 0;  left: -0%;  top: 100%;
  z-index: 10;  display: block;  height: 10px;  background-size: 14px 100%;
  background-image: linear-gradient(135deg, #5eb0d5 25%, transparent 25%), linear-gradient(225deg, #5eb0d5 25%, transparent 25%);
  background-position: 0 0;}
  .top-section{background:url(../images/bg-1.jpg);background-position: center right;    background-size: cover;}
  .top-section::after {  content: '';  position: absolute;  right: 0;  left: -0%;  top: 100%;
  z-index: 10;  display: block;  height: 10px;  background-size: 14px 100%;
  background-image:linear-gradient(135deg, rgb(0 72 161 / 80%) 25%, transparent 25%), linear-gradient(225deg, rgb(0 72 161 / 80%) 25%, transparent 25%);
  background-position: 0 0;}
  .top-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:rgb(0 72 161 / 52%);}
.products .inner .img-wrapper > img{width:100%;transition:0.5s;}
.products .inner .img-wrapper{position:relative;overflow:hidden;}
.products .inner .img-content img{width:20px;height: 20px;   }
.products .inner .img-content a{background: #eee;    height: 35px;    padding: 7px 6px;
    display: inline-block;    border-radius: 30px;    box-shadow: 0 0 3px #878787;    width: 35px;transition:0.5s;color:#333;cursor:pointer;}
    .products .inner .img-content a span{display:none;opacity:0;}
    .products .inner .img-content a:hover{    box-shadow: 0 0 10px #007db6;}
    .products .inner .img-content a:hover span{}
    .products .inner .img-content{opacity:0;position:absolute;bottom:-50px;right:10px;width:100%;transition:0.5s;}
    .products .inner:hover .img-content{opacity:1;bottom:0;}
    .products .inner{background:#fff;    padding: 10px;border-radius: 10px;    box-shadow: 0 0 4px #ccc;    margin-bottom: 30px;}
    .products .inner .text-content{border-top: 1px dashed #ccc;}
    .products .inner .text-content .btn{border-radius: 0 20px 0 20px;
    padding: 5px 10px;}
    .products .inner:hover .img-wrapper > img{transform: scale(1.2);}
    
   
    .filter-section .form-check .form-check-input{width:20px;height:20px;}
    #home-carousel .filter-section .form-check .form-check-label{margin-left:5px;margin-top:5px;}
    #home-carousel .carousel-inner{z-index:-9;}
    #quick-view-Modal .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    #quick-view-Modal .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
     .cart-page .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    .cart-page .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
    .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
    .btn-custom{letter-spacing: .05em;    border: 2px solid #036592;    border-color: #036592!important;
    background-image: linear-gradient(30deg, #036592 50%, transparent 50%);    background-size: 600px;    background-repeat: no-repeat;
    background-position: 0;    transition: background .3s ease-in-out;color:#fff;}
    .btn-custom:hover {    background-position: 100%;    color: #000 !important;    background-color: #fff;}
    .btn-red{letter-spacing: .05em;    border: 2px solid #dc3545;    border-color: #dc3545 !important;
    background-image: linear-gradient(30deg, #dc3545 50%, transparent 50%);    background-size: 600px;    background-repeat: no-repeat;
    background-position: 0;    transition: background .3s ease-in-out;color:#fff;}
    .btn-red:hover {    background-position: 100%;    color: #000 !important;    background-color: #fff;}
     .btn-custom-dark{letter-spacing: .05em;    border: 2px solid #444;    border-color: #444!important;
    background-image: linear-gradient(30deg, #444 50%, transparent 50%);    background-size: 600px;    background-repeat: no-repeat;
    background-position: 0;    transition: background .3s ease-in-out;color:#fff;}
    .btn-custom-dark:hover {    background-position: 100%;    color: #000 !important;    background-color: #fff;}
    .custom-form .form-control{    border: 2px solid #e1e1e1;    border-radius: 0;}
    .prod-category img{border-radius:100%;background:#fff; width:70px;height:70px;transition:0.5s;    box-shadow: 0 0 3px #505050;}
    .prod-category .inner:hover img{ -webkit-transform: scaleX(-1);
  transform: scaleX(-1);background:#484848;}
.prod-category{text-align:Center;}
.prod-category .content-wrapper a {  overflow: hidden;  position: relative;  display: inline-block;  color: #333;;}
.prod-category .content-wrapper a::before,.prod-category .content-wrapper a::after { content: '';  position: absolute;  width: 100%;
  left: 0;}
.prod-category .content-wrapper a::before {  background-color: #007db6;  height: 2px;  bottom: 0;  transform-origin: 100% 50%;
  transform: scaleX(0);  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);}
.prod-category .content-wrapper a::after {  content: attr(data-replace);  height: 100%;  top: 0;  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);  color: #007db6;}
.prod-category .inner:hover a::before {  transform-origin: 0% 50%;  transform: scaleX(1);}
.prod-category .inner:hover a::after {  transform: translate3d(0, 0, 0);}
.prod-category .content-wrapper a span {  display: inline-block;  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);}
.prod-category .inner:hover a span {  transform: translate3d(-200%, 0, 0);}
#prod-details-carousel .carousel-item img{width:100%;}
#prod-details-carousel .carousel-indicators [data-bs-target]{width:70px;height:70px;    text-indent: unset;border:1px solid #ccc;opacity:1;}
#prod-details-carousel .carousel-indicators img{width:70px;height:70px;object-fit:cover;}
#prod-details-carousel .carousel-indicators{bottom: -100px;    margin: 0;    text-align: left;}
#prod-details-carousel .carousel-indicators .active{border:1px solid #007db6;}
   .prod-details-page .prod-quantity .inner{ background: #eee;padding:10px;height:36px;}
    .prod-details-page .prod-quantity .form-control{ border: 0;    background: transparent;    box-shadow: none;text-align:center;}
    .product-details .nav-pills .nav-link.active{background:#036592;}
    .product-details .nav-pills .nav-link.active img{filter: brightness(0) invert(1);}
     .product-details .nav-pills .nav-link{text-align:left;    border-radius: 0 30px 30px 0;    margin-bottom: 20px;    color: #333;
         width:300px;     }
        .product-details .tab-content{font-size:1.2em;line-height:1.8;}
  .simpleLens-thumbnails-container a img {    height: 50px;    display: block;    margin: auto;}      
  .simpleLens-thumbnails-container a {    width: 80px;    margin: auto;}
  .simpleLens-thumbnails-container {    border-top: 1px solid #eee;    padding-top: 10px;}
  .simpleLens-thumbnails-container a:hover {    border: 1px solid #333;}
  .strikestrough::before{    content: '';    width: 100%;    position: absolute;    right: 0;
    top: calc( 50% - 1.5px );    border-bottom: 1px solid #d3d3d3;}
    .account-dashboard .inner{background:#fff;    padding: 20px;    text-align: center;}
    .account-dashboard .inner p{margin:0;font-size:1.5em;color: #00547a;    font-weight: bold;}
    .account-dashboard .inner span{font-size:3.5em;background: linear-gradient(to bottom, #00a1eb 0%, #00ab5e 100%);
    -webkit-background-clip: text;    -moz-background-clip: text;    background-clip: text;
    -webkit-text-fill-color: transparent;transition:2s;}
    .my-account-menu .navbar-nav li a{    padding: 2px;    border-radius: 16px;    margin: 10px;color:#333;transition:0.5s;}
    .my-account-menu .navbar-nav li a.active{background: linear-gradient(to right, #00a1eb,#fff, #fff, #fff, #00ab5e);}
    .my-account-menu .navbar-nav li a:hover{background: linear-gradient(to right, #00a1eb,#fff, #fff, #fff, #00ab5e);}
    .my-account-menu .navbar-nav li a span{background: linear-gradient(to bottom, #00a1eb 0%, #00ab5e 100%);
    -webkit-background-clip: text;    -moz-background-clip: text;    background-clip: text;
    -webkit-text-fill-color: transparent;}
    .account-dashboard .inner span:hover{background: linear-gradient(to bottom, #00a1eb 0%, #00a1eb 100%);-webkit-background-clip: text;
    -moz-background-clip: text;    background-clip: text;}
    .panel-heading.back-blue{    background: #007db6;color:#fff;padding: 10px !important;}
    .checkout-page .btn-green:hover{background:#fff;    color: #008a4c;border:2px solid #008a4c;}
    .alert{position:fixed;top: 100px;    left: 30%;z-index:99999;}
    .top-navbar{box-shadow:0 1px 1px 0 rgba(0,0,0,.16);}
    
.order-tracking{
	text-align: center;
	width:25%;
	position: relative;
	display: block;
}
.order-tracking .is-complete{
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid #AFAFAF;
	background-color: #dfdfdf;
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index: 2;
}
.order-tracking .is-complete:after {
	display: block;
	position: absolute;
	content: '';
	height: 14px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 5px;
	margin: auto 0;
	border: 0px solid #AFAFAF;
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
.order-tracking.completed .is-complete{
	border-color: #27aa80;
	border-width: 0px;
	background-color: #27aa80;
}
.order-tracking.completed .is-complete:after {
	border-color: #fff;
	border-width: 0px 3px 3px 0;
	width: 7px;
	left: 11px;
	opacity: 1;
}
.order-tracking p {
	color: #A4A4A4;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {
	content: '';
	display: block;
	height: 3px;
	width: calc(100% - 40px);
	background-color: #dfdfdf;
	top: 13px;
	position: absolute;
	left: calc(-50% + 20px);
	z-index: 0;
}

.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #27aa80;}

.delay-1{  animation-delay: 1s;}
.delay-2{  animation-delay: 2s;}
.delay-3{  animation-delay: 3s;}
.delay-4{  animation-delay: 4s;}
.box-shadow{    box-shadow: 0 0 4px #ccc;}
.bg-white{background:#fff;}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.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);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .section-1-home{margin-top:0;}
  .section-1-home .inner{height:400px;}
  .section-1-home .inner-2{margin-top: -60px;}
  .section-1-home .inner-3{margin-top: -60px;}
  .section-5{background-position: center;}
  .product-details .nav-tabs .nav-item a.active{    background: #036592;color:#fff;}
  .product-details .nav-tabs .nav-item a{font-size: 14px;padding: 8px;border-radius:30px;color:#333;background:#eee;text-transform: capitalize;    width: max-content;}
.product-details .nav-tabs{overflow-x: auto;    overflow-y: hidden;    flex-wrap: nowrap;    padding-bottom: 10px;}
.product-details .nav-tabs .nav-item a.active img{filter: brightness(0) invert(1);}
.product-details .tab-content{    padding: 10px;    border: 2px dotted #ccc;    margin: 10px;}
.cart-items img{    width: 100%;    height: 150px;    object-fit: contain;}
}