/******************************************************************
  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: 0;
	visibility: hidden; }


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

	.parallax-bg2{
	background: url(../../../img/background/parralax-bg2.jpg) fixed center top;
	background-size: cover;
	/* padding: 50px 0;  */
	position: relative;
	min-height: 40vh
	}
/*------------------
------hero-menu---------*/
    .hero-menu{
        background: #113D70;
        border-top: #ff6600 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: #003399; }
            .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: #003399; }
          .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: #ff6600;
	font-weight: 600;
}

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

.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: #ff6600;
	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: #07378B;
	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: #07378B;
	letter-spacing: 2px;
}

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

.secondary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #FF6600;
}

.secondary-btn-sm {
	display: inline-block;
	font-size: 12px;
	padding: 5px 15px 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: #FF6600;
}

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

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

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

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #FF6600;
	border: none;
}

.bg-theme{
    background: #07378B;
}

.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:#FF6600;
	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:#FF6600;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: #07378B;
	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{
	height: 50px;
}

.header_menu {
	padding-top: 25px;
	padding-bottom: 5px;
}

.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: #07378B;
	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: #07378B;
}

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

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

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

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

.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: 35px;
	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: #ff6600;
	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: #003399;
	  top: 0;
	  border-radius: 0px;
	}

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

	.featured-services .icon i {
	  font-size: 48px;
	  line-height: 1;
	  color: #ff6600;
	  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: #ff6600;
	}

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

	.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:#003399;
  }
.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: #07378B;
}

 .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: #FF6600;
	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: #FF6600;
	border-color: #FF6600;
}

.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: #07378B;
}

.side-menu .card-header{
	padding: 5px 0;
	background: #07378B;
}

.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: #FF6600;
	border-color: #FF6600;
	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: #07378B;
	border: #fff solid 1px;
}

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

.btn-orange-bg{
	text-transform: uppercase;
	font-weight: bold;
	color:#fff ;
	background: #FF6600;
	border: #fff solid 1px;
}

.btn-orange-bg:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #FF6600;
	background:  #fff;
	border: #FF6600 solid 2px;
}

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

.btn-white-outline{
	text-transform: uppercase;
	font-weight: bold;
	color: #FF6600;
	background: #fff;
	border: #FF6600 solid 2px !important;
}

.btn-white:hover, .btn-white-outline:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: #FF6600 ;
	border: #fff solid 1px;
}

.btn-orange{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: #FF6600
}



.btn-orange:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	background: #fff ;
	border: #FF6600 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: #FF6600;
}

.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: #FF6600;
}

.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: #ff6600;
	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: #003399;
	border: 1px solid #ff6600;
	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: #FF6600;
	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: #FF6600;
}

.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: #FF6600;
	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: #003399;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #ff6600;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}

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


	.humberger_menu_wrapper {
		width: 300px;
		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: #FF6600;
		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: #FF6600;
	}
	.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: #ff6600;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #003399;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger_menu_wrapper {
		width: 300px;
		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: #FF6600;
	}
	.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: #07378B;
		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: #003399
  }

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

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

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