/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-sponsor: "Cairo", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background: #fff;
}

.ftco-animate {
	opacity: 1;
	visibility: visible; }


.parallax-bg{
	background: url(../../../../img/background/marine-parallax.jpg) fixed center top;
	background-size: cover;
	/* padding: 50px 0;  */
	position: relative;
	min-height: 40vh
	}

	.parallax-bg2{
	background: url(../../../../img/background/marine-parallax-2.jpg) fixed center top;
	background-size: cover;
	/* padding: 50px 0;  */
	position: relative;
	min-height: 40vh
	}
/*------------------
------hero-menu---------*/
    .hero-menu{
        background: var(--theme-secondary, #113D70);
        border-top: var(--theme-primary, #0E5C86) solid 4px;
        color: #ffffff;
        padding: 30px 20px;
    }

    .client-item img{
        height: 80px;
    }

    .client-item .title{
        font-size: 13px;
        text-align: center;
        margin-top: 10px;
        font-weight: bold;;
    }

    .client-slider .owl-nav {
        width: 100%;
        position: absolute;
        top: 30%;
      }
        .client-slider .owl-nav .owl-next,
        .client-slider .owl-nav .owl-prev {
          border: 1px solid red;
          z-index: 92;
          position: absolute;
          top: 50%; }
          .client-slider .owl-nav .owl-next:active, .client-slider .owl-nav .owl-next:focus,
          .client-slider .owl-nav .owl-prev:active,
          .client-slider .owl-nav .owl-prev:focus {
            outline: none; }
          .client-slider .owl-nav .owl-next i,
          .client-slider .owl-nav .owl-prev i {
            color: #68ABD5; }
            .client-slider .owl-nav .owl-next i:before,
            .client-slider .owl-nav .owl-prev i:before {
              font-size: 20px !important; }
        .client-slider .owl-nav .owl-next {
          border: 4px solid blue;
          right: -10%;
        }
        .client-slider .owl-nav .owl-prev {
          left: -10%; }

      .client-slider .owl-dots {
        position: absolute;
        bottom: -15%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        .client-slider .owl-dots .owl-dot {
          background: none;
          display: inline-block; }
          .client-slider .owl-dots .owl-dot > span {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(13, 2, 53, 0.726);
            margin: 4px; }
          .client-slider .owl-dots .owl-dot.active > span {
            background: var(--theme-primary, #0E5C86); }
          .client-slider .owl-dots .owl-dot:active, .client-slider .owl-dots .owl-dot:focus {
            outline: none; }



h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-sponsor: "Cairo", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 16px;
	font-sponsor: "Cairo", sans-serif;
	color: #000;
	font-weight: 400;
	line-height: 35px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}



/*---------------------
  Helper CSS
-----------------------*/
.bg-section{
	background: url(../../../../img/background/theme-bg.jpg) fixed center top;
	background-size: cover;
	/* padding: 50px 0;  */
	position: relative;
	min-height: 50vh
}

.row-bg{
	/* background: url(../../../../img/background/theme-bg.jpg) fixed center top; */
	background-size: fixed;
	position: relative;
	min-height: 60vh
}


.icon-md{
height: 50px;
width: auto;
}

.icon-lg{
	height: 70px;
	width: auto;
}

.icon-xl{
	height: 200px;
	width: auto;
}

.title-header{
	color: #68ABD5;
	font-weight: 600;
}

.link-title {
	font-weight: 700;
	/* margin-bottom: 15px; */
	font-size: 17px;
	color: #68ABD5;
  }

.box-border-bg{
	background: #fff;
	padding: 20px;
	margin: 5px 20px;
	border: #f7f7f7 1px solid;
	border-radius: 20px;
	box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);
}

.box-border{
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	/* border-radius: 1rem; */
}

.card{
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	border-radius: none;
}

.section-padding{
	padding: 50px 70px;
  }

  @media (max-width: 991px){
	.section-padding{padding: 20px 30px;}
  }

.section-title {
	margin-bottom: 50px;
	text-align: center;
}


.section-title h4 {
	text-transform: uppercase;
	color: #1c1c1c;
	font-weight: 700;
	position: relative;
}

.section-title h4:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 80px;
	background: var(--theme-primary, #0E5C86);
	content: "";
	margin: 0 auto;
}


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

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: #1C2328;
	letter-spacing: 2px;
}

.primary-btn-sm {
	display: inline-block;
	font-size: 12px;
	padding: 5px 15px 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: #1C2328;
	letter-spacing: 2px;
}

.primary-btn:hover, .primary-btn-sm:hover{
	background: #fff;
	color: #1C2328;
	border: #1C2328 solid 1px;
}

.secondary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: var(--theme-primary, #0E5C86);
}

.secondary-btn-sm {
	display: inline-block;
	font-size: 12px;
	padding: 5px 15px 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: var(--theme-primary, #0E5C86);
}

.secondary-btn:hover, .secondary-btn-sm:hover{
	background: #fff;
	color: #68ABD5;
	border: var(--theme-primary, #0E5C86) solid 1px;
}

.white-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #1C2328;
	text-transform: uppercase;
	font-weight: 700;
	background: #fff;
	letter-spacing: 2px;
}

.white-btn:hover{
	border: #fff 1px solid;
	color: #1C2328;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: var(--theme-primary, #0E5C86);
	border: none;
}

.bg-theme{
    background: #1C2328;
}

.bg-white{
	background: #ffffff !important;
	border-bottom: #f7f7f7 solid 1px !important;
}

.header-scrolled{
	background: #fff;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  }

/* Preloder */


.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}
.preloader .preloader-circle{
	width:100px;
	height:100px;
	position:relative;
	border-style:solid;
	border-width:3px;
	border-top-color:var(--theme-primary, #0E5C86);
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	z-index:10;
	border-radius:50%;
	-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
	box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
	background-color: #fff;
	-webkit-animation:zoom 2000ms infinite ease;
	animation:zoom 2000ms infinite ease;
	-webkit-transition:.6s;
	-o-transition:.6s;
	transition:.6s
}
.preloader .preloader-circle2{border-top-color:#0078ff}
.preloader .preloader-img{
	position:absolute;
	top:50%;z-index:200;
	left:0;right:0;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	padding-top:6px;
	-webkit-transition:.6s;
	-o-transition:.6s;
	transition:.6s
}
.preloader .preloader-img img{max-width:55px}
.preloader .pere-text strong{font-weight:800;color:var(--theme-primary, #0E5C86);text-transform:uppercase}
@-webkit-keyframes zoom{0%{
	-webkit-transform:rotate(0deg);transform:rotate(0deg);
	-webkit-transition:.6s;-o-transition:.6s;
	transition:.6s}100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		-webkit-transition:.6s;
		-o-transition:.6s;transition:.6s}
	}
@keyframes zoom{0%{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.6s;
	-o-transition:.6s;transition:.6s}100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		-webkit-transition:.6s;
		-o-transition:.6s;transition:.6s}
	}


/*---------------------
  Header
-----------------------*/

.header_top {
	background: var(--theme-secondary, #1C2328);
	border-bottom: 2px solid #C4B79D;
}

.bg-blue-theme {
	background: #000;
}

.header_top_left {
	padding: 10px 0 13px;
}

.header_top_left ul li {
	font-size: 14px;
	color: #000;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header_top_left ul li:after {
	position: absolute;
	right: -25px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header_top_left ul li:last-child {
	margin-right: 0;
}

.header_top_left ul li:last-child:after {
	display: none;
}

.header_top_left ul li i {
	color: #fff;
	margin-right: 5px;
}

.header_top_right {
	text-align: right;
	padding: 10px 0 13px;
}

.header_top_right_social {
	position: relative;
	display: inline-block;
	margin-right: 35px;
}

.header_top_right_social:after {
	position: absolute;
	right: -20px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #fff;
	opacity: 0.1;
	content: "";
}

.header_top_right_social a {
	font-size: 14px;
	display: inline-block;
	color: #fff;
	margin-right: 20px;
}

.header_top_right_social a:last-child {
	margin-right: 0;
}

.header_top_right_language div {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 4px;
}

.header_top_right_auth {
	display: inline-block;
}

.header_top_right_auth a {
	display: block;
	font-size: 14px;
	color: #1c1c1c;
}

.header_top_right_auth a i {
	margin-right: 6px;
}

.header_logo {
	padding: 10px;
}

.header_logo a {
	display: inline-block;
}

.header_logo a img{
	/* Handled by x-portal-logo component */
}

.header_menu {
	padding-top: 0;
	padding-bottom: 0;
}

.header_menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 50px;
	position: relative;
}

.header_menu ul li .header_menu {
	position: absolute;
	left: 0;
	top: 50px;
	background: var(--theme-secondary, #1C2328);
	width: 180px;
	z-index: 9;
	padding: 5px 0;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
}

.header_menu ul li .header_menu li {
	margin-right: 0;
	display: block;
}

.header_menu ul li .header_menu li:hover>a {
	color: #68ABD5;
}

.header_menu ul li .header_menu li a {
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 15px;
}

.header_menu ul li.active a {
	color: #68ABD5;
}

.header_menu ul li:hover .header_menu {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.header_menu ul li:hover>a {
	color: #68ABD5;
}

.header_menu ul li:last-child {
	margin-right: 0;
}

.header_menu ul li a {
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	padding: 5px 0;
	display: block;
}


.humberger_menu_wrapper {
	display: none;
}

.humberger_open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

/* .hero {
	padding-bottom: 50px;
} */

.hero_text h2 {
	font-size: clamp(24px, 5vw, 45px);
	color: #fff;
	line-height: 52px;
	font-weight:600;
	margin: 10px 0;
}

.hero_text p {
	margin-bottom: 35px;
	/* text-shadow: 3px 3px 2px #fff; */
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

/*---------------------
  Hero
-----------------------*/
#hero{
	min-height: 70vh;
}
.hero_item {
	min-height: 70vh;
	display: flex;
	align-items: center;
}
.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.overlay-div{
	height:100%;
	width: 100%;
	position:absolute;
	background-color:#000;
	opacity:.3;
  }

.hero_slider .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
  }
    .hero_slider .owl-nav .owl-next,
    .hero_slider .owl-nav .owl-prev {
      border: 1px solid red;
      z-index: 92;
      position: absolute;
      top: 50%; }
      .hero_slider .owl-nav .owl-next:active, .hero_slider .owl-nav .owl-next:focus,
      .hero_slider .owl-nav .owl-prev:active,
      .hero_slider .owl-nav .owl-prev:focus {
        outline: none; }
      .hero_slider .owl-nav .owl-next i,
      .hero_slider .owl-nav .owl-prev i {
        color: #006633; }
        .hero_slider .owl-nav .owl-next i:before,
        .hero_slider .owl-nav .owl-prev i:before {
          font-size: 20px !important; }
    .hero_slider .owl-nav .owl-next {
      border: 4px solid #006633;
      right: 5%;
    }
    .hero_slider .owl-nav .owl-prev {
      left: 5%; }


  .hero_slider .owl-dots {
    position: absolute;
    top: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .hero_slider .owl-dots .owl-dot {
      background: none;
      display: inline-block; }
      .hero_slider .owl-dots .owl-dot > span {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        margin: 4px; }
      .hero_slider .owl-dots .owl-dot.active > span {
        background: white; }
      .hero_slider .owl-dots .owl-dot:active, .hero_slider .owl-dots .owl-dot:focus {
        outline: none; }
/*--------------------------
About
--------------------------*/
.about h4{
	color: #68ABD5;
	font-weight: 600;

}

.about-content{
	line-height: 35px;
	font-size: 16px;
}
 /*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services .icon-box {
	padding: 30px;
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 29px 0 rgba(5, 41, 141, 0.12);
	transition: all 0.3s ease-in-out;
	border-radius: 8px;
	z-index: 1;
  }

	.featured-services .icon-box::before {
	  content: '';
	  position: absolute;
	  background: #cbe0fb;
	  right: 0;
	  left: 0;
	  bottom: 0;
	  top: 100%;
	  transition: all 0.3s;
	  z-index: -1;
	}

	.featured-services .icon-box:hover::before {
	  background: var(--theme-primary, #0E5C86);
	  top: 0;
	  border-radius: 0px;
	}

	.featured-services .icon {
	  margin-bottom: 15px;
	}

	.featured-services .icon i {
	  font-size: 48px;
	  line-height: 1;
	  color: #68ABD5;
	  transition: all 0.3s ease-in-out;
	}

	.featured-services .icon img {
	  height: 70px;
	  width: 70px;
	  transition: all 0.3s ease-in-out;
	}

	.featured-services .title {
	  font-weight: 700;
	  margin-bottom: 15px;
	  color: #68ABD5;
	}

	.featured-services .title a {
	  color: #68ABD5;
	}

	.featured-services .description {
	  font-size: 15px;
	  line-height: 28px;
	  margin-bottom: 0;
	}

	.featured-services .icon-box:hover .title, .featured-services .icon-box:hover p  {
	  color: #fff;
	}

	.featured-services .icon-box:hover .icon i {
	  color: #fff;
	}


	@media (max-width: 575px) {
	  .featured-services .icon-box {
		padding: 10px;

	  }
	  .featured-services .title {
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 16px;
	  }
	  .featured-services .icon img {
		height: 40px;
		width: 40px;
		transition: all 0.3s ease-in-out;
	  }
	}


/*---------------------
  Categories
-----------------------*/

.categories_item {
	height: 270px;
	position: relative;
}

.categories_item h5 {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 20px;
	bottom: 20px;
	text-align: center;
}

.categories_item h5 a {
	font-size: 14px;
	color: #1c1c1c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 12px 0 10px;
	background: #ffffff;
	display: block;
}

.categories_slider .col-lg-3 {
	max-width: 100%;
}
.categories_slider h5{
	font-size: 14px;
}

.categories_slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.categories_slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}
/*--------------------------
Welcome Menu
--------------------------*/
.welcome-menu{
	background:var(--theme-primary, #0E5C86);
  }

.welcome-values {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0.35rem 0;
}

.welcome-value {
	flex: 1 1 20%;
	max-width: 20%;
	margin: 0;
	padding: 1.15rem 0.4rem;
	text-align: center;
}

.welcome-value__icon {
	width: 64px;
	height: 64px;
	object-fit: contain;
	background: transparent;
	padding: 0;
}

.welcome-value h5 {
	margin: 0.65rem 0 0;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 700;
}

@media (max-width: 767px) {
	.welcome-value {
		flex-basis: 33.33%;
		max-width: 33.33%;
		padding: 0.9rem 0.25rem;
	}

	.welcome-value h5 {
		font-size: 0.82rem;
	}
}


.welcome-menu-green{
	background:#00903F;
  }
  .welcome-menu #item{
	  /* margin-bottom: 10px; */
	  padding: 30px 30px;
	  /* border-right: solid 1px #5c5cc2; */
  }

  .welcome-menu #item:last-child{
	  border: none;
  }

  #item img{
	  height: 50px;
  }

  #item h5{
	  font-weight: bold;
	  color: #fff
  }

  #item p{
	  color: #fff;
	  text-align:left;
	  margin-bottom: 0;
  }

  .statement{
	margin: 30px;
}

.values{
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
	/* padding: 10px; */
	background: #fff;
	/* height: 200px; */
}

.values .value-content{
	padding: 20px;
}



.value-item {
	background: #fff;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
	padding: 10px;
	min-height: 130px;
}


.value-item h5{
	text-transform: capitalize;
	font-weight: 600;
	padding-top: 5px;
	margin-bottom: 10px;
	color: #1C2328;
}

 .value-item p{
	font-size: 14px;
	color: #000;
	margin-bottom: 0;
}



.values ul {
	padding-left: 100px;
	list-style-type: square;
}

.values p{
	padding: 20px;
	font-size: 15px;
	line-height: 1.5em;
	text-align: justify;

}


/*---------------------
  Categories
-----------------------*/

.categories_item {
	height: 270px;
	position: relative;
}

.categories_item h5 {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 20px;
	bottom: 20px;
	text-align: center;
}

.categories_item h5 a {
	font-size: 14px;
	color: #1c1c1c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 12px 0 10px;
	background: #ffffff;
	display: block;
}

.categories_slider .col-lg-3 {
	max-width: 100%;
}
.categories_slider h5{
	font-size: 14px;
}

.categories_slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.categories_slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
	padding-top: 80px;
	padding-bottom: 40px;
}

.featured_controls {
	text-align: center;
	margin-bottom: 50px;
}

.featured_controls ul li {
	list-style: none;
	font-size: 18px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}

.featured_controls ul li.active:after {
	opacity: 1;
}

.featured_controls ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: var(--theme-primary, #0E5C86);
	content: "";
	opacity: 0;
}

.featured_controls ul li:last-child {
	margin-right: 0;
}

.featured_item {
	margin-bottom: 50px;
}

.featured_item:hover .featured_item_pic .featured_item_pic_hover {
	bottom: 20px;
}

.featured_item_pic {
	height: 270px;
	position: relative;
	overflow: hidden;
	background-position: center center;
}

.featured_item_pic_hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured_item_pic_hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.featured_item_pic_hover li:last-child {
	margin-right: 0;
}

.featured_item_pic_hover li:hover a {
	background: var(--theme-primary, #0E5C86);
	border-color: #68ABD5;
}

.featured_item_pic_hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.featured_item_pic_hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured_item_pic_hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.featured_item_text {
	text-align: center;
	padding-top: 15px;
}

.featured_item_text h6 {
	margin-bottom: 10px;
}

.featured_item_text h6 a {
	color: #252525;
}

.featured_item_text h5 {
	color: #252525;
	font-weight: 700;
}


/*---------------------
  Form BLog
-----------------------*/

.from-blog {
	padding-top: 50px;
	padding-bottom: 50px;
}

.from-blog .blog_item {
	margin-bottom: 30px;
}

.from-blog_title {
	margin-bottom: 70px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.shop-bg{
 min-height: 40vh;
}

.breadcrumb-section {
	display: flex;
	align-items: center;
	padding: 45px 0 40px;
}

.breadcrumb_text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
}

.breadcrumb_option a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 20px;
	position: relative;
}

.breadcrumb_option a:after {
	position: absolute;
	right: -12px;
	top: 13px;
	height: 1px;
	width: 10px;
	background: #ffffff;
	content: "";
}

.breadcrumb_option span {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
}


/*---------------------
  Shop Grid
-----------------------*/

.side-menu{
    height: auto;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 3px solid #fbfbfb;
}

.side-menu .side-menu-header{
	padding-top: 5px;
	padding-bottom: 5px;
	background: var(--theme-secondary, #1C2328);
}

.side-menu .card-header{
	padding: 5px 0;
	background: var(--theme-secondary, #1C2328);
}

.side-menu .card-body{
	padding: 5px 0;
}
.side-menu h5{
  font-size: 16px;
  margin-left: 10px;
  color: #fff;
}

.side-menu .header h5 i{
  float: right;
  color: #fff;
  margin-right: 5px;
}

.side-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    overflow: auto;
}

.side-menu li a {
    display: block;
    color: #000;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
}

.side-menu li a.active {
    background-color: #4CAF50;
    color: white;
}

.side-menu li a:hover:not(.active) {
    background-color: #555;
    color: white;
}

.product_pagination,
.blog_pagination {
	padding-top: 10px;
}

.product_pagination a,
.blog_pagination a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	color: #b2b2b2;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-right: 16px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product_pagination a:hover,
.blog_pagination a:hover {
	background: var(--theme-primary, #0E5C86);
	border-color: #68ABD5;
	color: #ffffff;
}

.product_pagination a:last-child,
.blog_pagination a:last-child {
	margin-right: 0;
}

.btn-theme{
	text-transform: uppercase;
	font-weight: bold;
	color:#fff ;
	background: var(--theme-secondary, #1C2328);
	border: #fff solid 1px;
}

.btn-theme:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #1C2328;
	background:  #fff;
	border: #1C2328 solid 2px;
}

.btn-orange-bg{
	text-transform: uppercase;
	font-weight: bold;
	color:#fff ;
	background: var(--theme-primary, #0E5C86);
	border: #fff solid 1px;
}

.btn-orange-bg:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #68ABD5;
	background:  #fff;
	border: var(--theme-primary, #0E5C86) solid 2px;
}

.btn-white{
	text-transform: uppercase;
	font-weight: bold;
	color: #68ABD5;
	background: #fff;
}

.btn-white-outline{
	text-transform: uppercase;
	font-weight: bold;
	color: #68ABD5;
	background: #fff;
	border: var(--theme-primary, #0E5C86) solid 2px !important;
}

.btn-white:hover, .btn-white-outline:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: var(--theme-primary, #0E5C86) ;
	border: #fff solid 1px;
}

.btn-orange{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: var(--theme-primary, #0E5C86)
}



.btn-orange:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: #fff ;
	border: var(--theme-primary, #0E5C86) solid 1px;
}



/*---------------------
  Blog
-----------------------*/

.blog_item {
	margin-bottom: 60px;
}

.blog_item_pic img {
	min-width: 100%;
}

.blog_item_text {
	padding-top: 25px;
}

.blog_item_text ul {
	margin-bottom: 15px;
}

.blog_item_text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.blog_item_text ul li:last-child {
	margin-right: 0;
}

.blog_item_text h5 {
	margin-bottom: 12px;
}

.blog_item_text h5 a {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
}

.blog_item_text p {
	margin-bottom: 25px;
}

.blog_item_text .blog_btn {
	display: inline-block;
	font-size: 14px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #b2b2b2;
	padding: 14px 20px 12px;
	border-radius: 25px;
}

.blog_item_text .blog_btn span {
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.blog_pagination {
	padding-top: 5px;
	position: relative;
}

.blog_pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog_sidebar {
	padding-top: 20px;
	border-right: 2px solid #f7f7f7
}

.blog_sidebar_item {
	margin-bottom: 50px;
}

.blog_sidebar_item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.blog_sidebar_item ul li {
	list-style: none;
}

.blog_sidebar_item ul li a {
	font-size: 16px;
	color: #666666;
	line-height: 48px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog_sidebar_item ul li a:hover, .blog_sidebar_item ul li .active {
	color: #68ABD5;
}

.blog_sidebar_search {
	margin-bottom: 50px;
}

.blog_sidebar_search form {
	position: relative;
}

.blog_sidebar_search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
}

.blog_sidebar_search form input::placeholder {
	color: #6f6f6f;
}

.blog_sidebar_search form button {
	font-size: 16px;
	color: #6f6f6f;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.blog_sidebar_recent .blog_sidebar_recent_item {
	display: block;
	border: solid 1px #e8e8e8;
	padding: 6px;
	margin-bottom: 10px;
}

.blog_sidebar_recent .blog_sidebar_recent_item:last-child {
	margin-bottom: 0;
}

.blog_sidebar_recent_item {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog_sidebar_recent_item_pic {
	width: 40%;
	/* height: 70px; */
	float: left;
	margin-right: 20px;
}

.blog_sidebar_recent_item_text {
	overflow: hidden;
}

.blog_sidebar_recent_item_text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.blog_sidebar_recent_item_text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.blog_sidebar_item_tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	height: 350px;
	display: flex;
	align-items: center;
}

.blog_details_hero_text {
	text-align: center;
}

.blog_details_hero_text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog_details_hero_text ul li {
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.blog_details_hero_text ul li:after {
	position: absolute;
	right: -26px;
	top: 0;
	content: "|";
}

.blog_details_hero_text ul li:last-child {
	margin-right: 0;
}

.blog_details_hero_text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
	padding-top: 70px;
	padding-bottom: 10px;
}

.related-blog-title {
	margin-bottom: 70px;
}

.blog-details {
	padding-bottom: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog_details_text {
	margin-bottom: 45px;
}

.blog_details_text img {
	margin-bottom: 30px;
}

.blog_details_text p {
	font-size: 18px;
	line-height: 30px;
}

.blog_details_text h3 {
	color: #333333;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog_details_author_pic {
	float: left;
	margin-right: 15px;
}

.blog_details_author_pic img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
}

.blog_details_author_text {
	overflow: hidden;
	padding-top: 30px;
}

.blog_details_author_text h6 {
	color: #1c1c1c;
	font-weight: 700;
}

.blog_details_author_text span {
	font-size: 16px;
	color: #6f6f6f;
}

.blog_details_widget ul {
	margin-bottom: 5px;
}

.blog_details_widget ul li {
	font-size: 16px;
	color: #6f6f6f;
	list-style: none;
	line-height: 30px;
}

.blog_details_widget ul li span {
	color: #1c1c1c;
	font-weight: 700;
}

.blog_details_widget .blog_details_social a {
	display: inline-block;
	font-size: 20px;
	color: #6f6f6f;
	margin-right: 24px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog_details_widget .blog_details_social a:hover {
	color: #68ABD5;
}

.blog_details_widget .blog_details_social a:last-child {
	margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background: #06307B;
	padding-top: 70px;
	padding-bottom: 0;
}

.footer_about {
	margin-bottom: 30px;
}

.footer_about ul li {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	list-style: none;
}

.footer_about_logo {
	margin-bottom: 15px;
}

.footer_about_logo a {
	display: inline-block;
}

.footer_about_logo a img{
	height: 40px;
}

.footer_widget {
	margin-bottom: 20px;
	overflow: hidden;
}

.footer_widget h6 {
	color: #68ABD5;
	font-weight: 700;
	margin-bottom: 10px;
}

.footer_widget ul li {
	list-style: none;
}

.footer_widget ul li a, .footer_widget ul {
	color: #fff;
	font-size: 14px;
	line-height: 32px;
}

.footer_widget p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
}

.footer_widget form {
	position: relative;
	margin-bottom: 30px;
}

.footer_widget form input {
	width: 100%;
	font-size: 16px;
	padding-left: 20px;
	color: #1c1c1c;
	height: 46px;
	border: 1px solid #ededed;
}

.footer_widget form input::placeholder {
	color: #1c1c1c;
}

.footer-mt-2{
	margin-top: -10px;
}

.footer_widget form button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 26px;
	height: 100%;
}

.footer_widget .footer_widget_social a {
	display: inline-block;
	height: 30px;
	width: 30px;
	font-size: 14px;
	color: #68ABD5;
	border: 1px solid var(--theme-primary, #0E5C86);
	border-radius: 50%;
	line-height: 28px;
	text-align: center;
	background: #ffffff;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 10px;
}

.footer_widget .footer_widget_social a:last-child {
	margin-right: 0;
}

.footer_widget .footer_widget_social a:hover {
	background: var(--theme-primary, #0E5C86);
	color: #ffffff;
	border-color: #ffffff;
}

.footer_copyright {
	border-top: 1px solid #ebebeb;
	padding: 15px 0;
	overflow: hidden;
	margin-top: 20px;
}

.footer_copyright_text {
	font-size: 14px;
	color: #fff;
	float: left;
	line-height: 25px;
}

.footer_copyright_payment {
	float: right;
}

.copyright_link a:hover{
	color: #00903F;
}

/*---------------------
	Contact
-----------------------*/

.contact {
	padding-top: 80px;
	padding-bottom: 50px;
}

.contact_widget {
	margin-bottom: 30px;
}

.contact_widget span {
	font-size: 36px;
	color: #68ABD5;
}

.contact_widget h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 18px;
}

.contact_widget p {
	color: #666666;
	margin-bottom: 0;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map .map-inside {
	position: absolute;
	left: 50%;
	top: 160px;
	-webkit-transform: translateX(-175px);
	-ms-transform: translateX(-175px);
	transform: translateX(-175px);
}

.map .map-inside i {
	font-size: 48px;
	color: #68ABD5;
	position: absolute;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}

.map .map-inside .inside-widget {
	width: 350px;
	background: #ffffff;
	text-align: center;
	padding: 23px 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
	box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	border: 12px solid transparent;
	border-top: 30px solid #ffffff;
	content: "";
	z-index: -1;
}

.map .map-inside .inside-widget h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact_form_title {
	margin-bottom: 50px;
	text-align: center;
}

.contact_form_title h2 {
	color: #1c1c1c;
	font-weight: 700;
}

.contact-form {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact-form form input {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.contact-form form input::placeholder {
	color: #6f6f6f;
}

.contact-form form textarea {
	width: 100%;
	height: 150px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 24px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding-top: 12px;
	resize: none;
}

.contact-form form textarea::placeholder {
	color: #6f6f6f;
}

.contact-form form button {
	font-size: 18px;
	letter-spacing: 2px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header_menu ul li {
		margin-right: 45px;
	}
	.hero_search_form {
		width: 490px;
	}
	.hero_categories_all {
		padding: 10px 25px 10px 20px;
	}
	.hero_categories ul {
		padding-left: 20px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.blog_details_author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger_open {
		display: block;
		font-size: 22px;
		color: #68ABD5;
		height: 44px;
		width: 44px;
		line-height: 42px;
		text-align: center;
		border: 1px solid var(--theme-primary, #0E5C86);
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container, .header .container-fluid {
		position: relative;
	}

	.bg-white{
		background: #ffffff !important;
		border-bottom: #f7f7f7 solid 1px !important;
	}


	.humberger_menu_wrapper {
		width: min(300px, 85vw);
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger_menu_wrapper.show_humberger_menu_wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger_menu_logo {
		margin-bottom: 30px;
	}
	.humberger_menu_logo a {
		display: inline-block;
	}
	.humberger_menu_contact {
		padding: 10px 0 13px;
	}
	.humberger_menu_contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger_menu_contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger_menu_cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger_menu_cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger_menu_cart ul li:last-child {
		margin-right: 0;
	}
	.humberger_menu_cart ul li a {
		position: relative;
	}
	.humberger_menu_cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger_menu_cart ul li a span {
		height: 13px;
		width: 13px;
		background: var(--theme-primary, #0E5C86);
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger_menu_cart .header_cart_price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger_menu_cart .header_cart_price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger_menu_cart {
		margin-bottom: 25px;
	}
	.humberger_menu_widget {
		margin-bottom: 20px;
	}
	.humberger_menu_widget .header_top_right_language {
		margin-right: 20px;
	}
	.humberger_menu_nav {
		display: none;
	}
	.humberger_menu_wrapper .header_top_right_social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger_menu_wrapper .slicknav_btn {
		display: none;
	}
	.humberger_menu_wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger_menu_wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger_menu_wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger_menu_wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger_menu_wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger_menu_wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #68ABD5;
	}
	.humberger_menu_wrapper .slicknav_nav .slicknav_row,
	.humberger_menu_wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger_menu_overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger_menu_overlay.active {
		visibility: visible;
	}
	/* .header_top {
		display: none;
	} */
	.header_menu {
		display: none;
	}
	.header_cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero_search {
		margin-bottom: 30px;
	}
	.hero_search_form {
		width: 100%;
	}
	.hero_search_form form input {
		width: 100%;
	}
	.hero_search_form form .hero_search_categories {
		display: none;
	}
	.hero_search_phone {
		float: left;
		margin-top: 30px;
	}
	.categories_slider.owl-carousel .owl-nav {
		text-align: center;
		margin-top: 40px;
	}
	.categories_slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
	}
	.categories_slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.footer_copyright {
		text-align: center;
	}
	.footer_copyright_text {
		float: none;
		margin-bottom: 25px;
	}
	.footer_copyright_payment {
		float: none;
	}
	.filter_item {
		text-align: center;
	}
	.filter_option {
		text-align: center;
	}
	.blog_details_author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger_open {
		display: block;
		font-size: 22px;
		color: #68ABD5;
		height: 44px;
		width: 44px;
		line-height: 42px;
		text-align: center;
		border: 1px solid var(--theme-primary, #0E5C86);
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container, .header .container-fluid {
		position: relative;
	}
	.humberger_menu_wrapper {
		width: min(300px, 85vw);
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger_menu_wrapper.show_humberger_menu_wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger_menu_logo {
		margin-bottom: 30px;
	}
	.humberger_menu_logo a {
		display: inline-block;
	}
	.humberger_menu_contact {
		padding: 10px 0 13px;
	}
	.humberger_menu_contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger_menu_contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger_menu_cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger_menu_cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger_menu_cart ul li:last-child {
		margin-right: 0;
	}
	.humberger_menu_cart ul li a {
		position: relative;
	}
	.humberger_menu_cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger_menu_cart ul li a span {
		height: 13px;
		width: 13px;
		background: #ffcc00;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger_menu_cart .header_cart_price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger_menu_cart .header_cart_price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger_menu_cart {
		margin-bottom: 25px;
	}
	.humberger_menu_widget {
		margin-bottom: 20px;
	}
	.humberger_menu_widget .header_top_right_language {
		margin-right: 20px;
	}
	.humberger_menu_nav {
		display: none;
	}
	.humberger_menu_wrapper .header_top_right_social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger_menu_wrapper .slicknav_btn {
		display: none;
	}
	.humberger_menu_wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger_menu_wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger_menu_wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger_menu_wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger_menu_wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger_menu_wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #68ABD5;
	}
	.humberger_menu_wrapper .slicknav_nav .slicknav_row,
	.humberger_menu_wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger_menu_overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger_menu_overlay.active {
		visibility: visible;
	}
	/* .header_top {
		display: none;
	} */
	.header_menu {
		display: none;
	}
	.header_cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.header_top {
		background: var(--theme-secondary, #1C2328);
		border-bottom: none;
	}
	.featured_controls ul li {
		margin-bottom: 10px;
	}
	.blog_details_hero_text h2 {
		font-size: 24px;
	}
	}
	#social-links ul li{
		display: inline !important;
	}

  #social-links ul li a{
	font-size: 20px;
	margin-right: 10px;
  }

  #social-links ul li a{
	font-size: 25px;
	margin-right: 10px;
  }

  #social-links .fa-facebook-official{
	color: var(--theme-primary, #0E5C86)
  }

  #social-links .fa-twitter{
	color: #069dc1
  }

  #social-links .fa-linkedin{
	color: #123b7f
  }

  #social-links .fa-whatsapp{
	color: #009933
  }

/* Homepage hero, set like the Watermaster opening frame */

.is-home .header {
	position: relative;
	z-index: 30;
}

.is-home .header_top {
	display: none;
}

.is-home #header.wm-nav {
	background: rgba(0, 11, 15, 0.46);
	border-bottom: 0;
}

.is-home #header.header-scrolled,
.is-home .header.header-scrolled #header {
	background: rgba(0, 11, 15, 0.92);
	box-shadow: none;
}

.is-home .header_menu > ul > li > a {
	color: #fff;
}

.is-home .header_logo {
	padding: 8px 0;
}

.is-home .header_logo a img {
	/* Handled by x-portal-logo component */
	background: transparent;
}

.wm-nav__cta {
	display: inline-block;
	background: rgba(14, 92, 134, 0.92);
	color: #fff;
	border: 0;
	border-radius: 0;
	padding: 12px 18px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wm-nav__cta:hover {
	background: #0A4B6E;
	color: #fff;
}

.is-home .humberger_open {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.75);
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../../../../fonts/barlow-condensed-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#hero.wm-hero {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	min-height: 100svh;
	margin-top: -86px;
	background-color: #041820;
	color: #fff;
	overflow: hidden;
}

@media (min-width: 992px) {
	.is-home #header > .row > .col-lg-6 {
		flex: 1 1 auto;
		max-width: none;
		width: auto;
	}

	.is-home .header_menu {
		padding-top: 0;
		padding-bottom: 0;
	}

	.is-home .header_menu > ul {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 1.35rem;
		margin: 0;
		padding: 0;
	}

	.is-home .header_menu > ul > li {
		margin-right: 0;
	}

	.is-home .header_menu > ul > li > a {
		font-size: 13px;
		letter-spacing: 0.06em;
		white-space: nowrap;
	}
}

.wm-hero__video,
.wm-hero__poster,
.wm-hero__still,
.wm-hero__shade,
.wm-hero__fade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.wm-hero__video,
.wm-hero__poster,
.wm-hero__still {
	object-fit: cover;
	object-position: center 42%;
}

.wm-hero__video {
	opacity: 0;
	transition: opacity 0.45s linear;
}

.wm-hero__video.is-playing {
	opacity: 1;
}

@media (min-width: 768px) {
	.wm-hero__video,
	.wm-hero__poster,
	.wm-hero__still {
		object-position: center 62%;
	}
}

@media (min-width: 1200px) {
	.wm-hero__video,
	.wm-hero__poster,
	.wm-hero__still {
		object-position: center 70%;
	}
}

.wm-hero__shade {
	background: rgba(0, 42, 61, 0.28);
}

.wm-hero__fade {
	top: auto;
	height: 240px;
	background: linear-gradient(to bottom, rgba(28, 35, 40, 0), #1C2328);
}

.wm-hero__copy {
	position: relative;
	z-index: 2;
	width: min(920px, calc(100% - 2rem));
	margin: 0 auto;
	padding: 6.5rem 0 3rem;
	text-align: center;
}

.wm-hero__kicker {
	margin: 0 0 0.65rem;
	color: #fff;
	font-family: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
	font-size: clamp(1rem, 2.4vw, 1.35rem);
	font-weight: 700;
	letter-spacing: 0.28em;
	line-height: 1;
	text-transform: uppercase;
}

.wm-hero h1 {
	margin: 0;
	color: #fff;
	font-family: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 0.92;
	text-transform: uppercase;
}

.wm-hero__lead {
	max-width: 38rem;
	margin: 1.15rem auto 0;
	color: #fff;
	font-family: Nunito, "Segoe UI", sans-serif;
	font-size: clamp(1rem, 2.2vw, 1.25rem);
	font-weight: 700;
	line-height: 1.35;
}

.wm-hero__btn {
	display: inline-block;
	margin-top: 1.6rem;
	padding: 0.85rem 3.1rem;
	border: 2px solid #fff;
	border-radius: 100px;
	color: #fff;
	font-family: Nunito, "Segoe UI", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.wm-hero__btn:hover,
.wm-hero__btn:focus {
	background: #fff;
	color: #68ABD5;
	text-decoration: none;
}

@media (max-width: 991px) {
	.wm-hero {
		margin-top: -74px;
	}

	.wm-hero__copy {
		padding-top: 5.75rem;
		width: min(920px, calc(100% - 1.5rem));
	}

	.wm-nav__cta {
		padding: 8px 10px;
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wm-hero__video {
		display: none;
	}
}

@media (max-width: 575px) {
	.wm-hero__lead {
		max-width: 22rem;
	}

	.wm-hero__btn {
		padding: 0.8rem 1.8rem;
	}
}