@charset "UTF-8";
/*-----------------------------------------------------------------------------------

   
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header
        02.1 Header top
        02.2 Header bottom
        02.3 Home 3 and 4 header style
    03. Buttons
    04. Hero Section
        04.1 Hero one
    ০5. Policy
    06. Slider
        06.1 Category slider
        06.2 Blog post slider
        06.3 Brand logo slider
        06.4 Best seller slider
        06.5 Single sale product slider
        06.6 Hero slider
        06.7 Banner slider
        06.8 Deal of the day slider
        06.9 Related product slider
    07. Product
        07.1 Best seller product
        07.2 Tab slider product
        07.3 Category product
        07.4 Gallery product
        07.5 Single sale product
        07.6 Banner slider product
        07.7 Multi sale slider product
        07.8 Related slider product
        07.9 Shop grid view product
        07.10 Shop list view product
    08. Modal
    09. Banner
    10. Category
    11. Single product
    12. Shop Page
    13. Sidebar
    14. Cart & Wishlist
    15. Checkout
    16. Compare
    17. My Account
    18. Login Register
    19. FAQ
    20. Contact
    20. Blog
    21. Blog Post
    22. Footer


-----------------------------------------------------------------------------------*/
/*=============================================
=            01. Theme defaultt css            =
=============================================*/
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  height: 100%;
}
 

body {
   background-attachment: fixed;
     background-image: url(../images/background_pro.jpg); 
    background-size: cover;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Quicksand", sans-serif;
  color: #666666;
  position: relative;
  overflow-x: hidden;
  padding-top: 152px;
}
@media only screen and (max-width: 767px) {
  body {
    padding-top: 295px;
  }
}
@media only screen and (max-width: 575px) {
  body {
    padding-top: 319px;
  }
}
@media only screen and (max-width: 479px) {
  body {
    padding-top: 197px;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #011b57;
}

button, input[type=submit] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

/*-- Tab Content & Pane Fix --*/
.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

/*----------  on sale badge  ----------*/
.onsale {
  background: #ffaf00;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  font-family: Rubik, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 500;
  height: 24px;
  left: 20px;
  line-height: 24px;
  min-height: auto;
  min-width: 44px;
  padding: 0 9px;
  position: absolute;
  right: auto;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  top: 20px;
  z-index: 42;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0;
}

/*----------  product hover icons  ----------*/
.product-hover-icons {
  position: absolute;
  bottom: auto;
  left: 50%;
  margin: 0;
  margin-right: -50%;
  max-width: 90%;
  padding: 0;
  right: auto;
  top: 50%;
  z-index: 78;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-hover-icons a {
  display: inline-block;
  background: #011b57;
  border: none;
  color: #fff;
  height: 43px;
  letter-spacing: 0;
  line-height: 46px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: none;
  width: 43px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .product-hover-icons a {
    height: 33px;
    width: 33px;
    line-height: 33px;
    font-size: 13px;
  }
}
.product-hover-icons a:hover {
  background: #17bbcd;
}
.product-hover-icons a:hover:before, .product-hover-icons a:hover:after {
  visibility: visible;
  opacity: 1;
}
.product-hover-icons a.active {
  background: #17bbcd;
}
.product-hover-icons a:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  font-weight: 400;
  background-color: #444444;
  color: #ffffff;
  line-height: 16px;
  padding: 5px 10px;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-hover-icons a:after {
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 8px;
  margin-left: -4px;
  content: "";
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #444444 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*----------  scroll to top  ----------*/
/* scroll to top */
a.scroll-top {
  background: #666;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 40px;
  display: none;
  text-align: center;
  color: #fff;
  font-family: "FontAwesome";
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 50000;
}
a.scroll-top:after {
  content: "\f077";
  display: inline;
  font-size: 20px;
}
a.scroll-top:hover {
  background-color: #011b57;
  color: #ffffff;
}

/*----------  breadcrumb  ----------*/
.breadcrumb-area .breadcrumb-container {
  
  padding: 20px 0;
}
.breadcrumb-area .breadcrumb-container ul li {
  display: inline-block;
  padding-right: 60px;
  position: relative;
  font-size: 15px;
  line-height: 25px;
}
.breadcrumb-area .breadcrumb-container ul li:last-child:after {
  content: "";
}
.breadcrumb-area .breadcrumb-container ul li.active {
  color: #011b57;
}
.breadcrumb-area .breadcrumb-container ul li:after {
  position: absolute;
  top: 0;
  right: 30px;
  content: ">";
}
/*----------  custom zoom in animation  ----------*/
@-webkit-keyframes customZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes customZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
/*----------  select  browser issue fix  ----------*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='black'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

/*----------  pagination style  ----------*/
.pagination-container {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 15px 15px;
}

.pagination-content ul li {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 3px;
}
.pagination-content ul li a {
  background-color: #666666;
  border-radius: 3px;
  color: #ffffff;
  display: block;
}
.pagination-content ul li a:hover {
  background-color: #011b57;
}
.pagination-content ul li a.active {
  background-color: #011b57;
}

/*----------  section big title  ----------*/
.section-big-title {
  margin-top: -10px;
}

/*----------  nice select style  ----------*/
.nice-select.open .list {
  z-index: 999;
}

/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
.container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
.container-md,
.container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-lg,
.container-md,
.container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1140px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

/*=============================================
=            02. Header            =
=============================================*/
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
/*----------  02.1 Header top  ----------*/
.header-top {
  background-color: #045d02;
}

/* language currency dropdown */
.lang-currency-dropdown ul li {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
.lang-currency-dropdown ul li:last-child {
  margin-right: 0;
}
.lang-currency-dropdown ul li a i.fa {
  font-size: 10px;
  font-weight: 300;
}
.lang-currency-dropdown ul li ul {
  position: absolute;
  top: 33px;
  left: 0;
  padding: 20px;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 999;
  border: 1px solid #ddd;
}
.lang-currency-dropdown ul li ul li {
  display: block;
  margin-bottom: 10px;
}
.lang-currency-dropdown ul li ul li a {
  display: block;
  text-align: center;
}
.lang-currency-dropdown ul li ul li:last-child {
  margin-bottom: 0;
}
.lang-currency-dropdown ul li:hover ul {
  visibility: visible;
  opacity: 1;
}

/* header top menu */
.header-top-menu ul li {
  display: inline-block;
    margin-left: 3px;
}
.header-top-menu ul li:first-child {
  margin-left: 0;
}
.header-top-menu ul li a {
  display: block;
  color: #fff;
}
.header-top-menu ul li a:hover {
  color: #011b57;
}

/*----------  02.2 header bottom  ----------*/
/* header sticky */
.header-sticky.is-sticky {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  background-color: rgb(247 247 247);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-sticky.is-sticky .logo {
  width: 95px;
  margin: 5px 0 !important;
}
.header-sticky.is-sticky .main-menu {
  float: right;
}
.header-sticky.is-sticky .main-menu nav ul li > a {
  line-height: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sticky.is-sticky .main-menu nav ul.sub-menu {
    left: -190px;
  }
}
.header-sticky.is-sticky .main-menu nav ul.sub-menu .sub-menu {
  left: 100%;
}
.header-sticky.is-sticky .main-menu nav ul.mega-menu {
  left: -450px;
}
.header-sticky.is-sticky .main-menu nav ul.sub-menu li a,
.header-sticky.is-sticky .main-menu nav ul.mega-menu li a {
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .logo {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .logo img {
  width: 125px;
  }
}
@media only screen and (max-width: 479px) {
  .logo img {
    width: 125px;
  }
}

.header-bottom {
  background-color: #e9fbfd;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.header-bottom .logo {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .header-bottom .logo {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-contact {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-contact {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .header-contact {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .header-contact {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header-contact .phone-icon {
  margin-right: 20px;
}
.header-contact .phone-number {
  line-height: 14px;
}
.header-contact .phone-number span.number {
  display: block;
  padding-top: 10px;
}

/* header advance search */
.header-advance-search {
  position: relative;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  background-color: #ffffff;
  height: 50px;
  border: 1px solid #e4e4e4;
  padding-right: 55px;
  border-radius: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-advance-search {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-advance-search {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
}
@media only screen and (max-width: 479px) {
  .header-advance-search {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 4px;
            display: none;
     
  }
}

@media only screen and (max-width: 600px) {
  .lang-currency-dropdown {
    display: none;
  }
 
}
 .header-top-menu ul li
  {
          border: 1px solid #ffffff;
    padding: 2px 6px 4px 7px;
    border-radius: 6px;
    background-color: #fff;
  }
  .header-top-menu ul li a
  {
          
     color: #000;
  }
.header-advance-search input {
  border: none;
  width: 95%;
  margin-top: 12px;
  margin-left: 15px;
  color: #a4a4a4;
}
.header-advance-search button {
  position: absolute;
  right: 5px;
  top: 5px;
  background: none;
  border: none;
  background-color: #011b57;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-advance-search button:hover {
  background-color: #17bbcd;
}

/* shopping cart */
.shopping-cart .cart-icon {
  margin-right: 10px;
}
.shopping-cart .cart-icon span {
  font-size: 40px;
}
.shopping-cart .cart-info a {
  -webkit-transition: 0s;
  transition: 0s;
}
.shopping-cart .cart-info span {
  display: block;
}
.shopping-cart .cart-info span span {
  display: inline-block;
}

/* cart floating box */
.shopping-cart {
  position: relative;
}

.cart-floating-box {
  position: absolute;
  top: 80px;
  z-index: 999999;
  right: 0;
  width: 360px;
  background-color: #ffffff;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px #ddd;
          box-shadow: 0 0 10px #ddd;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-floating-box {
    display: none;
    top: 73px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-floating-box {
    display: none;
    top: 55px;
    left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-floating-box {
    display: none;
    top: 55px;
    left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .cart-floating-box {
    display: none;
    top: 50px;
    left: 0;
  }
}
.cart-floating-box .cart-items {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.cart-floating-box .cart-float-single-item {
  position: relative;
  margin-bottom: 20px;
}
.cart-floating-box .cart-float-single-item span.remove-item {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-image {
  width: 25%;
  margin-right: 10px;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-image a {
  display: inline-block;
  border: 1px solid #ddd;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-image a:hover {
  border: 1px solid #011b57;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p {
  margin-bottom: 5px;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a {
  font-weight: 500;
  color: #333;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a:hover {
  color: #011b57;
}
.cart-floating-box .cart-calculation .calculation-details {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.cart-floating-box .cart-calculation .calculation-details p {
  font-weight: 500;
  color: #333;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
}
.cart-floating-box .cart-calculation .calculation-details p span {
  float: right;
}
.cart-floating-box .cart-calculation .calculation-details p.shipping {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.cart-floating-box .cart-calculation .checkout-button a {
  background-color: #333;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  margin-top: 25px;
  margin-left: 25px;
  font-weight: 500;
  border-radius: 3px;
}
.cart-floating-box .cart-calculation .checkout-button a:hover {
  background-color: #011b57;
}

/* main menu */
.menubar-top {
  height: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menubar-top {
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .menubar-top {
    height: 130px;
  }
}
@media only screen and (max-width: 575px) {
  .menubar-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 479px) {
  .menubar-top {
    height: 69px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.main-menu nav > ul > li {
  display: block;
  float: left;
  margin-right: 40px;
  position: relative;
}
.main-menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu nav > ul > li {
    margin-right: 30px;
  }
}
.main-menu nav > ul > li > a {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: #222222;
  line-height: 39px;
}
.main-menu nav > ul > li.menu-item-has-children > a::after {
  font-family: Fontawesome;
  content: "\f107";
  margin-left: 5px;
  float: right;
}
.main-menu nav > ul > li.active > a, .main-menu nav > ul > li:hover > a {
  color: #011b57;
}
.main-menu nav > ul > li:hover > .sub-menu, .main-menu nav > ul > li:hover > .mega-menu {
  -webkit-transform: perspective(600px) rotateX(0deg);
          transform: perspective(600px) rotateX(0deg);
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu nav > ul > li:hover > .sub-menu, .main-menu nav > ul > li:hover > .mega-menu {
    -webkit-transform: none;
            transform: none;
  }
}

/* sub menu */
.sub-menu {
  position: absolute;
  left: -20px;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  z-index: -999;
  width: 250px;
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: perspective(600px) rotateX(-90deg);
          transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 575px) {
  .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 479px) {
  .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
.sub-menu li {
  position: relative;
}
.sub-menu li a {
  line-height: 24px;
  padding: 6px 20px;
  display: block;
  font-weight: 400;
  color: #777777;
  text-transform: capitalize;
}
.sub-menu li.menu-item-has-children > a::after {
  font-family: Fontawesome;
  content: "\f105";
  margin-left: 5px;
  float: right;
}
.sub-menu li.active > a, .sub-menu li:hover > a {
  color: #011b57;
  font-weight: 400;
}
.sub-menu li:hover > .sub-menu {
  -webkit-transform: perspective(600px) rotateX(0deg);
          transform: perspective(600px) rotateX(0deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sub-menu li:hover > .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .sub-menu li:hover > .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 575px) {
  .sub-menu li:hover > .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 479px) {
  .sub-menu li:hover > .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
.sub-menu .sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin-top: 30px;
  -webkit-transform: perspective(0) rotateX(0deg);
          transform: perspective(0) rotateX(0deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sub-menu .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .sub-menu .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 575px) {
  .sub-menu .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 479px) {
  .sub-menu .sub-menu {
    -webkit-transform: none;
            transform: none;
  }
}
.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

/* mega menu */
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  z-index: -999;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: perspective(600px) rotateX(-90deg);
          transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mega-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .mega-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 575px) {
  .mega-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 479px) {
  .mega-menu {
    -webkit-transform: none;
            transform: none;
  }
}
.mega-menu.two-column {
  width: 440px;
  left: -20px;
}
.mega-menu.two-column > li {
  width: 50%;
  padding: 20px 15px;
}
.mega-menu.three-column {
  width: 700px;
  left: -300px;
}
.mega-menu.three-column > li {
  width: 33.33%;
  padding: 20px 15px;
}
.mega-menu > li {
  position: relative;
  float: left;
}
.mega-menu > li > a {
  line-height: 24px;
  padding: 6px 20px;
  display: block;
  font-weight: 500;
  color: #777777;
  text-transform: capitalize;
}
.mega-menu > li.active > a, .mega-menu > li:hover > a {
  color: #011b57;
  font-weight: 500;
}
.mega-menu > li ul li a {
  line-height: 24px;
  padding: 6px 20px;
  display: block;
  font-weight: 400;
  color: #666666;
  text-transform: capitalize;
}
.mega-menu > li ul li.active > a, .mega-menu > li ul li:hover > a {
  color: #011b57;
  font-weight: 400;
}

/* Mobile Menu*/
.mobile-menu .mean-bar {
  position: relative;
  text-align: right;
  /*---- Mean Nav ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -40px;
  }
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #222222;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
  text-align: left;
  background-color: #ffffff;
}
.mobile-menu .mean-bar .mean-nav > ul {
  margin-bottom: 30px;
  border: 1px solid #eeeeee;
  border-top: 0px solid transparent;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  font-size: 13px;
  display: block;
  color: #666666;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid #eeeeee;
  padding: 0 40px 0 20px;
  /*---- Menu Expand For Sub Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a::after {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #222222;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border: 1px solid #eeeeee;
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #666666;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: none;
  transition: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 12px;
  display: block !important;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid #eeeeee;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border: 1px solid #eeeeee;
}

/*----------  02.3 Home 3 and 4 header style  ----------*/
.header-bottom-other .main-menu-other-homepage {
  display: none;
}
.header-bottom-other .home-other-navigation-menu {
  display: block;
}
.header-bottom-other.is-sticky .home-other-navigation-menu {
  display: none;
}
.header-bottom-other.is-sticky .main-menu-other-homepage {
  display: block;
}
.header-bottom-other.is-sticky .logo {
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  margin-top: 15px;
  margin-bottom: 15px;
}
.header-bottom-other .logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom-other .logo {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-bottom-other .logo {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.home-other-navigation-menu {
  background-color: #008459;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-other-navigation-menu {
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .home-other-navigation-menu {
    background-color: #ffffff;
  }
}
.home-other-navigation-menu .main-menu > nav > ul > li > a {
  color: #ffffff;
}
.home-other-navigation-menu .main-menu > nav > ul > li > a:hover {
  color: #011b57;
}

/*=====  End of 02. Header  ======*/
/*=============================================
=            Button style            =
=============================================*/
/*----------  floating cart   ----------*/
.floating-cart-btn a {
  background: #fff;
  border: 2px solid #e0e0e0;
  color: #323232;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 47px;
  line-height: 43px;
  margin: 0 4px;
  min-width: 130px;
  padding: 0 15px;
  text-align: center;
  text-transform: none;
  border-radius: 0;
}
.floating-cart-btn a:hover {
  background: #011b57;
  border-color: #011b57;
  color: #fff;
}

/*----------  Hero section  ----------*/
a.slider-btn {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background-color: #011b57;
  padding: 20px 50px;
  border-radius: 50px;
}
a.slider-btn:hover {
  background-color: #17bbcd;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  a.slider-btn {
    font-size: 15px;
    padding: 15px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  a.slider-btn {
    font-size: 15px;
    padding: 15px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  a.slider-btn {
    font-size: 15px;
    padding: 15px 40px;
  }
}
@media only screen and (max-width: 767px) {
  a.slider-btn {
    font-size: 12px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 575px) {
  a.slider-btn {
    font-size: 15px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 479px) {
  a.slider-btn {
    font-size: 15px;
    padding: 10px 30px;
  }
}

a.slider-two-btn {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background-color: #011b57;
  padding: 10px 40px;
  border-radius: 50px;
  text-transform: uppercase;
}
a.slider-two-btn:hover {
  background-color: #17bbcd;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  a.slider-two-btn {
    font-size: 15px;
    padding: 10px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  a.slider-two-btn {
    font-size: 15px;
    padding: 10px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  a.slider-two-btn {
    font-size: 15px;
    padding: 10px 40px;
  }
}
@media only screen and (max-width: 767px) {
  a.slider-two-btn {
    font-size: 15px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 575px) {
  a.slider-two-btn {
    font-size: 15px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 479px) {
  a.slider-two-btn {
    font-size: 15px;
    padding: 10px 30px;
  }
}

/*----------  blog slider readmore  ----------*/
a.readmore-btn {
  color: #999;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
}
a.readmore-btn i.fa {
  margin-left: 10px;
}
a.readmore-btn:hover {
  color: #011b57;
}

/*----------  Modal add to cart button  ----------*/
.add-to-cart-btn a {
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 45px;
  line-height: 43px;
  min-width: 130px;
  padding: 0 15px;
  text-align: center;
  text-transform: none;
}
.add-to-cart-btn a i.fa {
  padding-right: 5px;
}
.add-to-cart-btn a:hover {
  background: #011b57;
  border-color: #011b57;
  color: #fff;
}

/*----------  single sale add to cart button  ----------*/
a.single-sale-add-to-cart-btn {
  background: #011b57;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  margin: 0;
  max-width: 100%;
  padding: 0 35px;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
  border-radius: 50px;
}
@media only screen and (max-width: 479px) {
  a.single-sale-add-to-cart-btn {
    font-size: 14px;
    padding: 0 25px;
  }
}
a.single-sale-add-to-cart-btn:hover {
  background: #17bbcd;
  border-color: #17bbcd;
  color: #fff;
}

/*----------  contact form button   ----------*/
.contact-form-btn {
  background: #fff;
  border: 2px solid #e0e0e0;
  color: #323232;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  height: 47px;
  line-height: 43px;
  margin: 0 4px;
  min-width: 130px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
}
.contact-form-btn:hover {
  background: #011b57;
  border-color: #011b57;
  color: #fff;
}

/*----------  blog readmore button   ----------*/
.blog-readmore-btn {
  background: #fff;
  border: 2px solid #e0e0e0;
  color: #323232;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  height: 47px;
  line-height: 43px;
  margin: 0 4px;
  min-width: 130px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
}
.blog-readmore-btn:hover {
  background: #011b57;
  border-color: #011b57;
  color: #fff;
}

/*----------  post comment button  ----------*/
.post-comment-btn {
  background: #fff;
  border: 2px solid #e0e0e0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #323232;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  height: 50px;
  letter-spacing: 0;
  line-height: 46px;
  outline: none;
  overflow: hidden;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 4px;
}
.post-comment-btn:hover {
  background-color: #011b57;
  border-color: #011b57;
  color: #ffffff;
}

/*=====  End of Button style  ======*/
/*=============================================
=            04. Hero section            =
=============================================*/
.slider-bg-1 {
  background-image: url("../images/sliders/home1-slider1.webp");
}

.slider-bg-2 {
  background-image: url("../images/sliders/home1-slider2.webp");
}

.slider-bg-3 {
  background-image: url("../images/sliders/home2-slider1.webp");
}

.slider-bg-4 {
  background-image: url("../images/sliders/home2-slider2.webp");
}

.slider-bg-5 {
  background-image: url("../images/sliders/home3-slider1.webp");
}

.slider-bg-6 {
  background-image: url("../images/sliders/home3-slider2.webp");
}

.slider-bg-7 {
  background-image: url("../images/sliders/home4-slider1.webp");
}

.slider-bg-8 {
  background-image: url("../images/sliders/home4-slider2.webp");
}

.slider-bg-9 {
  background-image: url("../images/sliders/home7-slider1.webp");
}

.slider-bg-10 {
  background-image: url("../images/sliders/home7-slider2.webp");
}

/*----------  04.1 Hero One ----------*/
.hero-slider-one .hero-slider-item {
  height: 467px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .hero-slider-item {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .hero-slider-item {
    height: 500px;
  }
}
.hero-slider-one .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slick-dots {
    bottom: 15px;
  }
}
.hero-slider-one .slick-dots li {
  display: inline-block;
}
.hero-slider-one .slick-dots li.slick-active button {
  background-color: #011b57;
}
.hero-slider-one .slick-dots li button {
  font-size: 0;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  border: none;
  border-radius: 50%;
  background: none;
  background-color: #DDD;
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slick-dots li button {
    width: 12px;
    height: 12px;
    margin-left: 8px;
  }
}
.hero-slider-one .slider-content {
  max-width: 80%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 0;
  text-align: center;
}
.hero-slider-one .slider-content > * {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.hero-slider-one .slider-content h1 {
  font-size: 123px;
  font-weight: 300;
  line-height: 130px;
  margin-bottom: 15px;
  color: #FFFFFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-one .slider-content h1 {
    font-size: 90px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-one .slider-content h1 {
    font-size: 90px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slider-content h1 {
    font-size: 70px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-content h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider-one .slider-content h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-content h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.hero-slider-one .slider-content p {
  font-size: 47px;
  font-style: italic;
  line-height: 60px;
  margin-bottom: 90px;
  color: #FFFFFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-one .slider-content p {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-one .slider-content p {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slider-content p {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-content p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider-one .slider-content p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-content p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}
.hero-slider-one .slick-active {
  /*-- Hero Content --*/
}
.hero-slider-one .slick-active .slider-content > * {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
.hero-slider-one .slick-active .slider-content > *:nth-child(1) {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.hero-slider-one .slick-active .slider-content > *:nth-child(2) {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.hero-slider-one .slick-active .slider-content > *:nth-child(3) {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/*----------  04.2 Hero Two  ----------*/
.hero-slider-two {
  -webkit-box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);
}
.hero-slider-two .hero-slider-item {
  height: 510px;
  background-repeat: no-repeat;
  background-position: 30% 100%;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .hero-slider-two .hero-slider-item {
    background-position: 10% 100%;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-two .hero-slider-item {
    background-position: 15% 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-two .hero-slider-item {
    height: 500px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-two .hero-slider-item {
    height: 450px;
  }
}
.hero-slider-two .hero-slider-item .slider-content {
  padding-top: 80px;
  padding-left: 40px;
}
@media only screen and (max-width: 479px) {
  .hero-slider-two .hero-slider-item .slider-content {
    padding-top: 40px;
  }
}
.hero-slider-two .hero-slider-item .slider-content > * {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.hero-slider-two .hero-slider-item .slider-content h1 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222222;
}
@media only screen and (max-width: 767px) {
  .hero-slider-two .hero-slider-item .slider-content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-two .hero-slider-item .slider-content h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.hero-slider-two .hero-slider-item .slider-content h1 span {
  display: block;
}
.hero-slider-two .hero-slider-item .slider-content h1.change-text {
  font-size: 35px;
  font-weight: 500;
  font-style: italic;
  color: #777777;
}
@media only screen and (max-width: 767px) {
  .hero-slider-two .hero-slider-item .slider-content h1.change-text {
    font-size: 25px;
  }
}
.hero-slider-two .hero-slider-item .slider-content h1.change-text span {
  display: inline-block;
  color: #DC461F;
}
.hero-slider-two .hero-slider-item .slider-content p {
  margin-bottom: 10px;
}
.hero-slider-two .hero-slider-item .slider-content p img {
  display: inline-block;
  margin-right: 10px;
}
.hero-slider-two .hero-slider-item .slider-content p span {
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  color: #011b57;
}
.hero-slider-two .hero-slider-item.slick-active {
  /*-- Hero Content --*/
}
.hero-slider-two .hero-slider-item.slick-active .slider-content > *:nth-child(1) {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.hero-slider-two .hero-slider-item.slick-active .slider-content > *:nth-child(2) {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.hero-slider-two .hero-slider-item.slick-active .slider-content > *:nth-child(3) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.hero-slider-two .hero-slider-item.slick-active .slider-content > *:nth-child(4) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.hero-slider-two .hero-slider-item.slick-active .slider-content > *:nth-child(5) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.hero-slider-two .hero-slider-item.slick-active .slider-content > *:nth-child(6) {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.hero-slider-two ul.slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
}
.hero-slider-two ul.slick-dots li {
  display: inline-block;
}
.hero-slider-two ul.slick-dots li button {
  font-size: 2px;
  position: relative;
  margin-right: 20px;
  padding: 0;
  border: none;
  background: none;
}
.hero-slider-two ul.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: "";
  border-radius: 50%;
  background-color: #F1F1F1;
}
.hero-slider-two ul.slick-dots li.slick-active button:before {
  background-color: #BDBDBD;
}

/*----------  04.2 Hero Three  ----------*/
.hero-slider-three {
  -webkit-box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);
}
.hero-slider-three .hero-slider-item {
  height: 510px;
  background-repeat: no-repeat;
  background-position: 10% 100%;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .hero-slider-three .hero-slider-item {
    background-position: 10% 100%;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-three .hero-slider-item {
    background-position: 15% 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-three .hero-slider-item {
    height: 500px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-three .hero-slider-item {
    height: 450px;
  }
}
.hero-slider-three .hero-slider-item .slider-content {
  padding-top: 40px;
  padding-left: 40px;
}
@media only screen and (max-width: 479px) {
  .hero-slider-three .hero-slider-item .slider-content {
    padding-top: 40px;
  }
}
.hero-slider-three .hero-slider-item .slider-content > * {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.hero-slider-three .hero-slider-item .slider-content h1 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222222;
}
@media only screen and (max-width: 767px) {
  .hero-slider-three .hero-slider-item .slider-content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-three .hero-slider-item .slider-content h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.hero-slider-three .hero-slider-item .slider-content h1 span {
  display: block;
}
.hero-slider-three .hero-slider-item .slider-content h1.change-text {
  font-size: 35px;
  font-weight: 500;
  font-style: italic;
  color: #777777;
}
@media only screen and (max-width: 767px) {
  .hero-slider-three .hero-slider-item .slider-content h1.change-text {
    font-size: 25px;
  }
}
.hero-slider-three .hero-slider-item .slider-content h1.change-text span {
  display: inline-block;
  color: #DC461F;
}
.hero-slider-three .hero-slider-item .slider-content p {
  margin-bottom: 5px;
}
.hero-slider-three .hero-slider-item .slider-content p img {
  display: inline-block;
  margin-right: 10px;
}
.hero-slider-three .hero-slider-item .slider-content p span {
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  color: #011b57;
}
.hero-slider-three .hero-slider-item.slick-active {
  /*-- Hero Content --*/
}
.hero-slider-three .hero-slider-item.slick-active .slider-content > *:nth-child(1) {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.hero-slider-three .hero-slider-item.slick-active .slider-content > *:nth-child(2) {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.hero-slider-three .hero-slider-item.slick-active .slider-content > *:nth-child(3) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.hero-slider-three .hero-slider-item.slick-active .slider-content > *:nth-child(4) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.hero-slider-three .hero-slider-item.slick-active .slider-content > *:nth-child(5) {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.hero-slider-three .hero-slider-item.slick-active .slider-content > *:nth-child(6) {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.hero-slider-three ul.slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
}
.hero-slider-three ul.slick-dots li {
  display: inline-block;
}
.hero-slider-three ul.slick-dots li button {
  font-size: 2px;
  position: relative;
  margin-right: 20px;
  padding: 0;
  border: none;
  background: none;
}
.hero-slider-three ul.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: "";
  border-radius: 50%;
  background-color: #F1F1F1;
}
.hero-slider-three ul.slick-dots li.slick-active button:before {
  background-color: #BDBDBD;
}

/*=====  End of 04. Hero section   ======*/
/*=============================================
=            05. Policy             =
=============================================*/
.policy-section .policy-titles {
  background: #ffffff;
  border: 1px solid #e0e0e0;
}
.policy-section .policy-titles .single-policy {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  padding: 15px 0;
  padding-left: 70px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .policy-section .policy-titles .single-policy {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .policy-section .policy-titles .single-policy {
    padding-right: 10px;
  }
}
.policy-section .policy-titles .single-policy:nth-child(1), .policy-section .policy-titles .single-policy:nth-child(2) {
  border-right: 1px solid #e0e0e0;
}
@media only screen and (max-width: 767px) {
  .policy-section .policy-titles .single-policy:nth-child(1), .policy-section .policy-titles .single-policy:nth-child(2) {
    border-bottom: 1px solid #e0e0e0;
    border-right: 0;
  }
}
.policy-section .policy-titles .single-policy span {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -12px;
}
.policy-section .policy-titles .single-policy p {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 22px;
}

/*=====  End of 05. Policy   ======*/
/*=============================================
=            06. Slider            =
=============================================*/
.slider .section-title {
  position: relative;
}
.slider .section-title.red-title h3 {
  background: #ee8a82;
}
.slider .section-title.red-title h3:before {
  background: #ee8a82;
}
.slider .section-title.red-title h3:after {
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #83231b;
  bottom: 0;
}
.slider .section-title.yellow-title h3 {
  background: #ffbd2d;
}
.slider .section-title.yellow-title h3:before {
  background: #ffbd2d;
}
.slider .section-title.yellow-title h3:after {
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #c57d00;
  bottom: 0;
}
.slider .section-title.coffee-title h3 {
  background: #ab9b81;
}
.slider .section-title.coffee-title h3:before {
  background: #ab9b81;
}
.slider .section-title.coffee-title h3:after {
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #63543d;
  bottom: 0;
}
.slider .section-title h3 {
  margin-bottom: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1.5;
  margin-right: 100px;
  background: #011b57;
  padding: 15px 25px 15px 10px;
  position: relative;
  display: inline-block;
  z-index: 27;
  border-radius: 0 5px 0 0;
  font-weight: 500;
}
.slider .section-title h3:before {
  background: #011b57;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 1;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media only screen and (max-width: 575px) {
  .slider .section-title h3:before {
    width: 10px;
  }
}
.slider .section-title h3:after {
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #011b57;
  bottom: 1px;
  content: "";
  left: -15px;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media only screen and (max-width: 575px) {
  .slider .section-title h3:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #17bbcd;
    left: -10px;
  }
}
.slider .section-title:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: #062e88;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
}
.slider .slick-arrow {
  position: absolute;
  top: -30px;
  right: 10px;
  background: none;
  border: none;
  text-align: center;
  line-height: 20px;
}
.slider .slick-arrow:hover i.fa {
  color: #011b57;
  border-color: #011b57;
}
.slider .slick-arrow i.fa {
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  color: #999;
  padding-top: 2px;
  border-radius: 50%;
}
.slider .slick-disabled {
  color: #999;
}
.slider .slick-disabled:hover i.fa {
  color: #999;
  border-color: #999;
}
.slider .slick-prev {
  right: 40px;
}
.slider .slick-prev i.fa {
  padding-right: 2px;
}
.slider .slick-next i.fa {
  padding-left: 2px;
}

/*----------  06.1 category slider  ----------*/
.category-slider-container {
  padding: 30px 0;
}
.category-slider-container.slick-slider {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.category-slider-container .slick-slide .category-image img {
  
}

/*----------  06.2 Blog post slider  ----------*/
.blog-slider-container.slick-slider {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.blog-slider-container .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

.single-post-wrapper .post-thumb {
  margin-bottom: 18px;
}
.single-post-wrapper .post-thumb a {
  display: block;
  overflow: hidden;
}
.single-post-wrapper .post-thumb a img {
  width: 100%;
}
.single-post-wrapper .post-thumb a:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.single-post-wrapper .post-meta {
  margin-bottom: 10px;
}
.single-post-wrapper h3.post-title {
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 10px;
  color: #222;
  font-weight: 500;
}

/*----------  06.3 brand logo slider  ----------*/
.brand-logo-wrapper.slick-slider {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.single-brand-logo a {
  display: block;
  overflow: hidden;
}
.single-brand-logo a img {
  width: 100%;
}
.single-brand-logo a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*----------  06.4 best seller slider ----------*/
.best-seller-slider-container.slick-slider {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.slick-active .best-seller-sub-product {
  -webkit-animation: customZoomIn 500ms ease-in-out;
          animation: customZoomIn 500ms ease-in-out;
}

.tab-slider-container.slick-slider {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.tab-slider-container .slick-active .tab-slider-sub-product {
  -webkit-animation: customZoomIn 500ms ease-in-out;
          animation: customZoomIn 500ms ease-in-out;
}

.tab-slider-wrapper nav {
  background-color: #e9e9e9;
}
.tab-slider-wrapper .nav-tabs {
  border-bottom: 0;
}
.tab-slider-wrapper .nav-tabs .nav-link {
  font-size: 15px;
  line-height: 23px;
  color: #222;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  padding: 10px 20px;
  border: none;
}
@media only screen and (max-width: 767px) {
  .tab-slider-wrapper .nav-tabs .nav-link {
    font-size: 10px;
    padding: 10px 10px;
  }
}
.tab-slider-wrapper .nav-tabs .nav-link.active {
  color: #011b57;
  text-transform: uppercase;
  font-weight: 500;
  border: none;
  background: none;
}
.tab-slider-wrapper .nav-tabs .nav-link.active:before {
  background: #011b57;
  left: 0;
  right: 0;
}
.tab-slider-wrapper .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.tab-slider-wrapper .nav-tabs .nav-link:hover:before {
  background: #011b57;
  left: 0;
  right: 0;
}
.tab-slider-wrapper .nav-tabs .nav-link:before {
  background: transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  right: 50%;
  top: auto;
  width: auto;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------  06.5 Single sale product slider  ----------*/
.sale-single-product-section .section-big-title h2 {
  font-size: 40px;
  line-height: 54px;
  font-weight: 500;
}
@media only screen and (max-width: 479px) {
  .sale-single-product-section .section-big-title h2 {
    font-size: 25px;
    line-height: 35px;
  }
}
.sale-single-product-section .section-big-title h2 span {
  display: block;
  color: #011b57;
  font-size: 15px;
  line-height: 29px;
}
.sale-single-product-section .sale-single-product-container .slick-arrow {
  position: absolute;
  top: 50%;
  background-color: #ccc;
  border: none;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  color: #fff;
  font-size: 30px;
  line-height: 45px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sale-single-product-section .sale-single-product-container .slick-arrow {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sale-single-product-section .sale-single-product-container .slick-arrow {
    display: none;
  }
}
.sale-single-product-section .sale-single-product-container .slick-arrow span {
  position: relative;
  right: 2px;
}
.sale-single-product-section .sale-single-product-container .slick-arrow.slick-next {
  right: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sale-single-product-section .sale-single-product-container .slick-arrow.slick-next {
    right: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sale-single-product-section .sale-single-product-container .slick-arrow.slick-next {
    right: -10px;
  }
}
.sale-single-product-section .sale-single-product-container .slick-arrow.slick-prev {
  left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sale-single-product-section .sale-single-product-container .slick-arrow.slick-prev {
    left: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sale-single-product-section .sale-single-product-container .slick-arrow.slick-prev {
    left: -10px;
  }
}
.sale-single-product-section .sale-single-product-container .slick-arrow:hover {
  background-color: #000;
}
.sale-single-product-section .sale-single-product {
  margin: 0 30px;
}
@media only screen and (max-width: 479px) {
  .sale-single-product-section .sale-single-product {
    margin: 0 10px;
  }
}
.sale-single-product-section:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
}

/*----------  06.6 Hero Slider  ----------*/
.hero-slider-one {
  position: relative;
  z-index: 1;
}
.hero-slider-one .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 25px;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  margin-top: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-one .slick-arrow {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-one .slick-arrow {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slick-arrow {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slick-arrow {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider-one .slick-arrow {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}
.hero-slider-one .slick-arrow:hover:after {
  opacity: 0.5;
}
.hero-slider-one .slick-arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
  content: "";
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hero-slider-one .slick-next {
  right: 3%;
}
.hero-slider-one .slick-prev {
  left: 3%;
}

/*----------  06.7 banner slider  ----------*/
.banner-slider-wrapper {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 575px) {
  .banner-slider-wrapper .banner-slider-container .slick-arrow {
    top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-slider-wrapper .banner-slider-container .slick-arrow {
    display: block;
    top: 10px;
  }
}

/*----------  06.8 deal of the day slider  ----------*/
.multisale-slider-wrapper {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.multisale-slider-wrapper .slick-active.multisale-slider-product {
  -webkit-animation: customZoomIn 500ms ease-in-out;
          animation: customZoomIn 500ms ease-in-out;
}

/*----------  06.9 Related product slider  ----------*/
.related-product-slider-wrapper {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.related-product-slider-wrapper .slick-active.related-slider-product {
  -webkit-animation: customZoomIn 500ms ease-in-out;
          animation: customZoomIn 500ms ease-in-out;
}

/*----------  banner slider container  ----------*/
@media only screen and (max-width: 767px) {
  .banner-slider-container .slick-arrow {
    top: 10px;
  }
}

/*=====  End of 06. Slider  ======*/
/*=============================================
=            07. product            =
=============================================*/
.gf-product .image {
  position: relative;
}
.gf-product .image .product-hover-icons a {
  display: inline-block;
}
@media only screen and (max-width: 575px) {
  .gf-product .image {
    width: 80%;
    margin: auto;
  }
}
@media only screen and (max-width: 479px) {
  .gf-product .image {
    width: 80%;
    margin: auto;
  }
}
.gf-product .product-content {
  padding: 0 10px;
}
.gf-product:hover .product-hover-icons {
  opacity: 1;
  visibility: visible;
}

/*----------  07.1 Best slider product  ----------*/
.best-seller-sub-product {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: 25px;
  margin-right: 25px;
}
.best-seller-sub-product .image a {
  display: block;
}
.best-seller-sub-product .image a img {
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .best-seller-sub-product .image {
    width: 80%;
    margin: auto;
  }
}
@media only screen and (max-width: 479px) {
  .best-seller-sub-product .image {
    width: 80%;
    margin: auto;
  }
}
.best-seller-sub-product .product-content {
  padding-left: 20px;
}
.best-seller-sub-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.best-seller-sub-product .product-content .product-categories a:hover {
  color: #011b57;
}
.best-seller-sub-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.best-seller-sub-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
}
.best-seller-sub-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}

/*----------  07.2 Tab slider product   ----------*/
.tab-slider-sub-product {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  padding: 20px 10px;
  text-align: center;
  position: relative;
}
.tab-slider-sub-product:last-child {
  border-bottom: 0;
}
.tab-slider-sub-product .image {
  margin-bottom: 20px;
}
.tab-slider-sub-product .image a {
  display: block;
}
.tab-slider-sub-product .image a img {
  width: 100%;
}
.tab-slider-sub-product .product-content .product-categories {
  margin-bottom: 7px;
}
.tab-slider-sub-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.tab-slider-sub-product .product-content .product-categories a:hover {
  color: #011b57;
}
.tab-slider-sub-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.tab-slider-sub-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 8px;
}
.tab-slider-sub-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}

/*----------  07.3 Category product  ----------*/
.single-category {
  text-align: center;
}
.single-category .category-title h3 {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 17px;
}
.single-category .category-image {
  margin-bottom: 10px;
}
.single-category .category-image a {
  border: 5px solid #ddd;
  border-radius: 50%;
}
.single-category .category-image a:hover {
  border-color: #011b57;
}

/*----------  07.4 Gallery product  ----------*/
.featured-product-image-gallery.section-bg {
  background-color: #255612;
  background-image: url("../images/banners/fullbanner-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.featured-product-image-gallery .gallery-product-container {
  margin-bottom: -45px;
}
.featured-product-image-gallery .single-featured-product a {
  display: block;
  width: 100%;
  overflow: hidden;
}
.featured-product-image-gallery .single-featured-product a img {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.featured-product-image-gallery .single-featured-product a:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/*----------  07.5 Single sale product   ----------*/
.sale-single-product {
  background-color: #ffffff;
  border: 3px solid #011b57;
  border-bottom: 0;
  padding: 50px 20px 50px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sale-single-product {
    padding: 50px 20px 50px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sale-single-product {
    padding: 50px 20px 50px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .sale-single-product {
    padding: 30px 10px 30px 10px;
  }
}
.sale-single-product .sale-single-product-content h2 {
  font-size: 31px;
  line-height: 36px;
  font-weight: 500;
}
@media only screen and (max-width: 479px) {
  .sale-single-product .sale-single-product-content h2 {
    font-size: 25px;
  }
}
.sale-single-product .sale-single-product-content h2.product-title {
  margin-bottom: 15px;
}
.sale-single-product .sale-single-product-content h2.price {
  font-size: 21px;
  line-height: 30px;
  color: #011b57;
  font-weight: 400;
  margin-bottom: 15px;
}
.sale-single-product .sale-single-product-content h2.price span.main-price {
  color: #999;
  text-decoration: line-through;
}
.sale-single-product .sale-single-product-content p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 479px) {
  .sale-single-product .sale-single-product-content p {
    font-size: 14px;
  }
}
.sale-single-product:hover .product-hover-icons {
  visibility: visible;
  opacity: 1;
}
.sale-single-product .product-countdown {
  position: absolute;
  bottom: 0;
  left: -20px;
  background-color: #011b57;
  color: #ffffff;
  padding: 30px 20px;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sale-single-product .product-countdown {
    left: auto;
    bottom: auto;
    top: -3px;
    right: -3px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sale-single-product .product-countdown {
    left: auto;
    bottom: auto;
    top: -3px;
    right: -3px;
    border-radius: 0;
    z-index: 9;
  }
}
@media only screen and (max-width: 479px) {
  .sale-single-product .product-countdown {
    padding: 15px 10px;
  }
}
.sale-single-product .product-countdown .single-countdown {
  margin-bottom: 20px;
}
.sale-single-product .product-countdown .single-countdown:last-child {
  margin-bottom: 0;
}
.sale-single-product .product-countdown .single-countdown-time {
  font-size: 35px;
  font-weight: 500;
  display: block;
}
@media only screen and (max-width: 479px) {
  .sale-single-product .product-countdown .single-countdown-time {
    font-size: 20px;
  }
}

/*----------  07.6 Banner slider product  ----------*/
.banner-slider-product {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  padding: 32px 5px;
  text-align: center;
  position: relative;
}
.banner-slider-product:last-child {
  border-bottom: 0;
}
.banner-slider-product .image {
  margin-bottom: 20px;
}
.banner-slider-product .image a {
  display: block;
}
.banner-slider-product .image a img {
  width: 100%;
}
.banner-slider-product .product-content .product-categories {
  margin-bottom: 7px;
}
.banner-slider-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.banner-slider-product .product-content .product-categories a:hover {
  color: #011b57;
}
.banner-slider-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.banner-slider-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 8px;
}
.banner-slider-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}
.banner-slider-product .slider-side-banner a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .banner-slider-product .slider-side-banner a img {
    width: 100%;
  }
}

/*----------  07.7 Multisale slider product  ----------*/
.multisale-slider-product {
  border-right: 1px solid #e0e0e0;
  padding: 30px 5px;
  text-align: center;
  position: relative;
}
.multisale-slider-product:last-child {
  border-bottom: 0;
}
.multisale-slider-product .image {
  margin-bottom: 20px;
}
.multisale-slider-product .image a {
  display: block;
}
.multisale-slider-product .image a img {
  width: 100%;
}
.multisale-slider-product .product-countdown {
  margin-bottom: 20px;
}
.multisale-slider-product .product-countdown .single-countdown {
  background-color: #011b57;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  padding: 8px;
  font-weight: 500;
  border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 767px) {
  .multisale-slider-product .product-countdown .single-countdown {
    padding: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .multisale-slider-product .product-countdown .single-countdown {
    padding: 5px;
  }
}
.multisale-slider-product .product-countdown .single-countdown:nth-child(1) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.multisale-slider-product .product-countdown .single-countdown:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.multisale-slider-product .product-countdown .single-countdown .single-countdown-time {
  display: block;
  font-size: 16px;
}
@media only screen and (max-width: 575px) {
  .multisale-slider-product .product-countdown .single-countdown .single-countdown-time {
    font-size: 16px;
  }
}
.multisale-slider-product .product-countdown .single-countdown .single-countdown-text {
  font-size: 14px;
}
@media only screen and (max-width: 575px) {
  .multisale-slider-product .product-countdown .single-countdown .single-countdown-text {
    font-size: 14px;
  }
}
.multisale-slider-product .product-content .product-categories {
  margin-bottom: 7px;
}
.multisale-slider-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.multisale-slider-product .product-content .product-categories a:hover {
  color: #011b57;
}
.multisale-slider-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.multisale-slider-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 8px;
}
.multisale-slider-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}

/*----------  07.8 Related slider product  ----------*/
.related-slider-product {
  border-right: 1px solid #e0e0e0;
  padding: 30px 5px;
  text-align: center;
  position: relative;
}
.related-slider-product:last-child {
  border-bottom: 0;
}
.related-slider-product .image {
  margin-bottom: 20px;
}
.related-slider-product .image a {
  display: block;
}
.related-slider-product .image a img {
  width: 100%;
}
.related-slider-product .product-content .product-categories {
  margin-bottom: 7px;
}
.related-slider-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.related-slider-product .product-content .product-categories a:hover {
  color: #011b57;
}
.related-slider-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.related-slider-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 8px;
}
.related-slider-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}

/*----------  07.9 Shop grid view product  ----------*/
.shop-grid-view-product {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
     padding: 3px 5px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
}
.shop-grid-view-product .image {
  margin-bottom: 20px;
}
.shop-grid-view-product .image a {
  display: block;
}
.shop-grid-view-product .image a img {
  width: 100%;
}
.shop-grid-view-product .product-content .product-categories {
  margin-bottom: 7px;
}
.shop-grid-view-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.shop-grid-view-product .product-content .product-categories a:hover {
  color: #011b57;
}
.shop-grid-view-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.shop-grid-view-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 8px;
}
.shop-grid-view-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}

/*----------  07.10 Shop list view product  ----------*/
.shop-list-view-product {
  padding: 20px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 575px) {
  .shop-list-view-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.shop-list-view-product .image {
  margin-right: 20px;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media only screen and (max-width: 767px) {
  .shop-list-view-product .image {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.shop-list-view-product .image a {
  display: block;
}
.shop-list-view-product .image a img {
  width: 100%;
}
.shop-list-view-product .product-content {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .shop-list-view-product .product-content {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.shop-list-view-product .product-content .product-categories {
  margin-bottom: 7px;
}
.shop-list-view-product .product-content .product-categories a {
  color: #999;
  font-size: 13px;
}
.shop-list-view-product .product-content .product-categories a:hover {
  color: #011b57;
}
.shop-list-view-product .product-content h3.product-title {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 23px;
}
.shop-list-view-product .product-content .price-box .main-price {
  color: #999;
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 8px;
}
.shop-list-view-product .product-content .price-box .discounted-price {
  color: #011b57;
  font-size: 21px;
}
.shop-list-view-product .product-content p.product-description {
  font-size: 15px;
  line-height: 30px;
  color: #666666;
}

/*----------  list product icons  ----------*/
.list-product-icons {
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.list-product-icons a {
  margin-right: 10px;
  display: inline-block;
  background: #011b57;
  border: none;
  color: #fff;
  height: 43px;
  letter-spacing: 0;
  line-height: 46px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: none;
  width: 43px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.list-product-icons a:hover {
  background: #17bbcd;
}
.list-product-icons a:hover:before, .list-product-icons a:hover:after {
  visibility: visible;
  opacity: 1;
}
.list-product-icons a.active {
  background: #17bbcd;
}
.list-product-icons a:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  font-weight: 400;
  background-color: #444444;
  color: #ffffff;
  line-height: 16px;
  padding: 5px 10px;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.list-product-icons a:after {
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 8px;
  margin-left: -4px;
  content: "";
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #444444 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*=====  End of 07. product  ======*/
/*=============================================
=           08.  Modal            =
=============================================*/
/*----------  quick view modal style  ----------*/
.quick-view-modal-container .modal-header {
  border-bottom: 0;
  padding: 0.5rem 1rem 0 0;
}
.quick-view-modal-container .modal-header .close {
  padding-top: 25px;
  padding-right: 20px;
}
.quick-view-modal-container .modal-dialog {
  max-width: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 700px;
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 500px;
    margin: auto;
  }
}
@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 400px;
    margin: auto;
  }
}

.product-image-slider {
  /*----------  product image slider  ----------*/
}
.product-image-slider .nav.small-image-slider a {
  display: block;
  border: 1px solid #ededed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product-image-slider .nav.small-image-slider a:hover {
  border-color: #c1bcbc;
}
.product-image-slider .nav.small-image-slider a img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product-image-slider .product-small-image-list {
  margin: 15px 0;
}
.product-image-slider .nav.small-image-slider {
  padding: 0 26px;
}
.product-image-slider .single-small-image {
  padding: 0 10px;
}
.product-image-slider .small-image-slider .slick-list {
  width: 100%;
}
.product-image-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 28px;
  height: 28px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 26px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 99;
}
.product-image-slider .slick-next-btn.slick-arrow {
  left: auto;
  right: 0;
}
.product-image-slider .slick-arrow:hover {
  background: #011b57;
  color: #fff;
  border-color: #011b57;
}

.single-product-img.img-full {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product-image-slider {
    margin-bottom: 30px;
  }
}

.product-feature-details h2.product-title {
  font-weight: 500;
  color: #323232;
  font-size: 30px;
  line-height: 35px;
}
.product-feature-details h2.product-price {
  font-weight: 400;
  color: #011b57;
  font-size: 20px;
}
.product-feature-details h2.product-price span.main-price {
  color: #999;
  text-decoration: line-through;
}
.product-feature-details p.product-description {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.product-feature-details .social-share-buttons h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.product-feature-details .social-share-buttons ul {
  margin-bottom: 15px;
}
.product-feature-details .social-share-buttons ul li {
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .product-feature-details .social-share-buttons ul li {
    margin-bottom: 5px;
  }
}
.product-feature-details .social-share-buttons ul li a {
  display: block;
  border: 1px solid #ddd;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-feature-details .social-share-buttons ul li a {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .product-feature-details .social-share-buttons ul li a {
    margin-bottom: 5px;
  }
}
.product-feature-details .social-share-buttons ul li a i.fa-twitter {
  color: #1DA1F2;
}
.product-feature-details .social-share-buttons ul li a i.fa-facebook {
  color: #4867AA;
}
.product-feature-details .social-share-buttons ul li a i.fa-google-plus {
  color: #DD5144;
}
.product-feature-details .social-share-buttons ul li a i.fa-pinterest {
  color: #BD081B;
}
.product-feature-details .social-share-buttons ul li:hover a {
  color: #fff;
}
.product-feature-details .social-share-buttons ul li:hover a i.fa {
  color: #fff;
}
.product-feature-details .social-share-buttons ul li:hover a.twitter {
  background-color: #1DA1F2;
}
.product-feature-details .social-share-buttons ul li:hover a.facebook {
  background-color: #4867AA;
}
.product-feature-details .social-share-buttons ul li:hover a.google-plus {
  background-color: #DD5144;
}
.product-feature-details .social-share-buttons ul li:hover a.pinterest {
  background-color: #BD081B;
}
.product-feature-details .pro-qty {
  display: inline-block;
  position: relative;
  width: 100px;
  border: 1px solid #ddd;
  height: 40px;
}
.product-feature-details .pro-qty input {
  padding-right: 25px;
  width: 100%;
  border: none;
  height: 100%;
  padding-left: 20px;
}
.product-feature-details .pro-qty a {
  width: 20px;
  height: 20px;
  position: absolute;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
}
.product-feature-details .pro-qty a.inc {
  top: 0;
  right: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.product-feature-details .pro-qty a.dec {
  bottom: 0;
  right: 0;
  border-left: 1px solid #ddd;
  padding-top: 2px;
}
.product-feature-details .add-to-cart-btn {
  display: inline-block;
}

/*=============================================
=            09. Banner            =
=============================================*/
/*----------  single banner  ----------*/
.single-banner {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-banner a {
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.single-banner a img {
  width: 100%;
}
.single-banner:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/*----------  slider banner  ----------*/
.slider-banner a {
  display: block;
  overflow: hidden;
}
.slider-banner a img {
  width: 100%;
}
.slider-banner a:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/*----------  slider side banner  ----------*/
.slider-side-banner-container .slider-side-banner {
  height: auto;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-side-banner-container .slider-side-banner {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-side-banner-container .slider-side-banner {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-side-banner-container .slider-side-banner {
    margin-top: 30px;
  }
}
.slider-side-banner-container .slider-side-banner a {
  display: block;
  overflow: hidden;
  height: 100%;
}
.slider-side-banner-container .slider-side-banner a img {
  width: 100%;
  height: 100%;
}
.slider-side-banner-container .slider-side-banner a:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/*----------  shop page banner  ----------*/
.shop-page-banner a {
  display: block;
}
.shop-page-banner a img {
  width: 100%;
}

/*----------  banner slider  ----------*/
.banner-slider-wrapper .slider-side-banner a {
  display: block;
}
.banner-slider-wrapper .slider-side-banner a img {
  width: 100%;
}

/*=====  End of 09. Banner  ======*/
/*=============================================
=            10. Category            =
=============================================*/
/*-- Category Toggle Wrap --*/
.category-toggle-wrap {
  width: 100%;
  padding: 12px 25px;
  position: relative;
  border-top-right-radius: 5px;
}
.category-toggle-wrap:before {
  background: #011b57;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 1;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.category-toggle-wrap:after {
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #17bbcd;
  bottom: 0;
  content: "";
  left: -15px;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .category-toggle-wrap {
    padding: 8px 25px;
  }
}
.category-toggle-wrap .category-toggle {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 30px;
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .category-toggle-wrap .category-toggle {
    font-size: 14px;
  }
}
.category-toggle-wrap .category-toggle i {
  font-size: 24px;
  display: block;
  line-height: 30px;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-toggle-wrap .category-toggle i::before {
    content: "\e62a";
  }
}
@media only screen and (max-width: 767px) {
  .category-toggle-wrap .category-toggle i::before {
    content: "\e62a";
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-toggle-wrap .category-toggle i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .category-toggle-wrap .category-toggle i {
    font-size: 18px;
  }
}

.hero-side-category {
  background-color: #ffffff;
  width: 100%;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .hero-side-category {
    min-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category {
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category {
    width: 100%;
    z-index: 9;
    position: relative;
  }
}
.hero-side-category .category-toggle-wrap {
  background-color: #011b57;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category .category-toggle-wrap .category-toggle i::before {
    content: "\e62a";
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category .category-toggle-wrap .category-toggle i::before {
    content: "\e62a";
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category .category-toggle-wrap .category-toggle i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category .category-toggle-wrap .category-toggle i {
    font-size: 18px;
  }
}
.hero-side-category nav.category-menu {
  background-color: #ffffff;
  float: left;
  width: 100%;
  left: 0;
  top: 45px;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category nav.category-menu {
    position: absolute;
    top: 55px;
    z-index: 9;
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category nav.category-menu {
    position: absolute;
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category nav.category-menu > ul {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .hero-side-category nav.category-menu > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.hero-side-category nav.category-menu > ul > li:last-child > a {
  border-bottom: none !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category nav.category-menu > ul > li {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category nav.category-menu > ul > li {
    position: relative;
  }
}
.hero-side-category nav.category-menu > ul > li.menu-item-has-children {
  position: relative;
}
.hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
  font-family: "fontAwesome";
  content: "\f054";
  position: absolute;
  right: 25px;
  top: 0;
  line-height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
    display: none;
  }
}
.hero-side-category nav.category-menu > ul > li i {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  height: 50px;
  width: 40px;
  line-height: 50px;
  z-index: 9;
}
.hero-side-category nav.category-menu > ul > li i::before {
  background-color: #606060;
  width: 8px;
  height: 2px;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  margin-top: -1px;
  top: 50%;
}
.hero-side-category nav.category-menu > ul > li i::after {
  background-color: #606060;
  width: 2px;
  height: 8px;
  content: "";
  position: absolute;
  left: 50%;
  margin-top: -4px;
  margin-left: -1px;
  top: 50%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.hero-side-category nav.category-menu > ul > li i.expand::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.hero-side-category nav.category-menu > ul > li > a {
  display: block;
  padding: 10px 25px;
  line-height: 30px;
  font-size: 14px;
  color: #606060;
  font-weight: 400;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-side-category nav.category-menu > ul > li > a {
    border-bottom: none;
  }
}
.hero-side-category nav.category-menu > ul > li > a:hover {
  color: #011b57;
}
.hero-side-category nav.category-menu > ul > li:hover .category-mega-menu {
  z-index: 9;
  opacity: 1;
  visibility: visible;
}
.hero-side-category nav.category-menu > ul > li .banner {
  padding: 15px;
  max-width: 300px;
}
.hero-side-category nav.category-menu.category-menu-5 > ul > li > a {
  padding: 12px 25px;
}
.hero-side-category nav.shop-category-menu {
  background: none;
  display: block;
}
.hero-side-category nav.shop-category-menu ul li a {
  padding: 5px 0;
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #606060;
  font-weight: 500;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}
.hero-side-category nav.shop-category-menu ul li a:hover {
  color: #011b57;
}
.hero-side-category.shop-side-category {
  height: auto;
  min-height: 200px;
}

/*-- Category Mega Menu --*/
.category-mega-menu {
  position: absolute;
  left: 255px;
  top: 0;
  width: 800px;
  z-index: 999;
  max-width: 910px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  padding: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-mega-menu {
    left: 210px;
    width: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu {
    position: static;
    z-index: 9;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    padding: 0;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
}
@media only screen and (max-width: 767px) {
  .category-mega-menu {
    position: static;
    z-index: 9;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    padding: 0;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
}
.category-mega-menu > li {
  float: left;
  width: 33.33%;
  padding: 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    padding: 0;
    position: relative;
  }
  .category-mega-menu > li::before {
    content: "";
    float: left;
    height: 2px;
    width: 6px;
    background-color: #606060;
    margin: 24px 0;
    position: relative;
    left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    padding: 0;
    position: relative;
  }
  .category-mega-menu > li::before {
    content: "";
    float: left;
    height: 2px;
    width: 6px;
    background-color: #606060;
    margin: 24px 0;
    position: relative;
    left: 25px;
  }
}
.category-mega-menu > li > a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #011b57;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li > a {
    border-bottom: 1px solid #e8e8e8;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-mega-menu > li > a {
    border-bottom: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu > li > a {
    padding: 10px 25px 10px 35px;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 500;
    position: relative;
    margin: 0;
    text-transform: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li > a {
    padding: 10px 25px 10px 35px;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 500;
    position: relative;
    margin: 0;
    text-transform: inherit;
  }
}
.category-mega-menu > li > a.megamenu-head {
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu > li > a.megamenu-head {
    border-bottom: 1px solid #ddd;
  }
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li > a.megamenu-head {
    border-bottom: 1px solid #ddd;
  }
}
.category-mega-menu > li > ul li {
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu > li > ul li::before {
    content: "";
    float: left;
    height: 2px;
    width: 6px;
    background-color: #606060;
    margin: 24px 0;
    position: relative;
    left: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li > ul li::before {
    content: "";
    float: left;
    height: 2px;
    width: 6px;
    background-color: #606060;
    margin: 24px 0;
    position: relative;
    left: 35px;
  }
}
.category-mega-menu > li > ul li:last-child {
  margin-bottom: 0;
}
.category-mega-menu > li > ul li a {
  display: block;
  font-size: 14px;
  color: #606060;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li > ul li a {
    border-bottom: 1px solid #e8e8e8;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-mega-menu > li > ul li a {
    border-bottom: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu > li > ul li a {
    padding: 10px 25px 10px 45px;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .category-mega-menu > li > ul li a {
    padding: 10px 25px 10px 45px;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    position: relative;
  }
}
.category-mega-menu > li > ul li a:hover {
  color: #011b57;
}
.category-mega-menu > li.add {
  float: left;
  width: auto;
  padding: 0;
  border: none;
  margin: 30px -45px 0;
}
.category-mega-menu > li.add a {
  display: block;
  border: none;
  margin: 0;
}
.category-mega-menu > li.add a img {
  width: 100%;
}

a#more-btn {
  font-weight: 500;
}

/*=====  End of 10. category  ======*/
/*=============================================
=            11. Single product            =
=============================================*/
.single-product-content-container {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 50px 30px;
}
.single-product-content-container.tabstyle-3 .product-image-slider {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.single-product-content-container.tabstyle-3 .product-small-image-list {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  width: 28px;
  height: 28px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 99;
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow {
    margin-top: 0;
  }
}
.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-next-btn.slick-arrow {
  left: auto;
  right: 0;
  top: 50%;
}
.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow:hover {
  background: #011b57;
  color: #fff;
  border-color: #011b57;
}
.single-product-content-container .product-image-gallery-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 40px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .single-product-content-container .product-image-gallery-slider .slick-arrow {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}
.single-product-content-container .product-image-gallery-slider .slick-next-btn.slick-arrow {
  left: auto;
  right: 0;
  top: 50%;
}
.single-product-content-container .product-image-gallery-slider .slick-arrow:hover {
  background: #011b57;
  color: #fff;
  border-color: #011b57;
}
.single-product-content-container .nav.small-image-slider-single-product a,
.single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a {
  display: block;
  border: 1px solid #ededed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-product-content-container .nav.small-image-slider-single-product a:hover,
.single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a:hover {
  border-color: #011b57;
}
.single-product-content-container .nav.small-image-slider-single-product a img,
.single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-product-content-container .product-image-gallery .single-product-img, .single-product-content-container .product-image-gallery-slider .single-product-img {
  position: relative;
  border: 1px solid #ddd;
}
.single-product-content-container .product-image-gallery .single-product-img a.big-image-popup, .single-product-content-container .product-image-gallery-slider .single-product-img a.big-image-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #373737;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  margin-left: -20px;
  margin-top: -20px;
}
.single-product-content-container .product-image-gallery .single-product-img a.big-image-popup:hover, .single-product-content-container .product-image-gallery-slider .single-product-img a.big-image-popup:hover {
  background-color: #011b57;
}
.single-product-content-container .product-image-gallery .single-product-img:hover a.big-image-popup, .single-product-content-container .product-image-gallery-slider .single-product-img:hover a.big-image-popup {
  visibility: visible;
  opacity: 1;
}
.single-product-content-container .product-image-slider {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .product-image-slider {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.single-product-content-container .product-image-slider .single-product-img {
  position: relative;
}
.single-product-content-container .product-image-slider .single-product-img a.big-image-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #373737;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  margin-left: -20px;
  margin-top: -20px;
}
.single-product-content-container .product-image-slider .single-product-img a.big-image-popup:hover {
  background-color: #011b57;
}
.single-product-content-container .product-image-slider .single-product-img:hover a.big-image-popup {
  visibility: visible;
  opacity: 1;
}
.single-product-content-container .product-small-image-list {
  margin: 15px 0;
  -ms-flex-preferred-size: 160px;
      flex-basis: 160px;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .product-small-image-list {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 575px) {
  .single-product-content-container .flex-custom-xs-wrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .flex-custom-xs-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}
.single-product-content-container .single-small-image {
  padding: 0 10px;
}
.single-product-content-container .small-image-slider-single-product .slick-list {
  width: 100%;
  display: inline-block;
}
.single-product-content-container .slick-arrow {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 28px;
  height: 28px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 26px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 99;
  margin-left: -15px;
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .slick-arrow {
    top: 60%;
    left: 10px;
    margin-top: -15px;
  }
}
.single-product-content-container .slick-next-btn.slick-arrow {
  bottom: -40px;
  left: 50%;
  top: auto;
  right: auto;
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .slick-next-btn.slick-arrow {
    top: 60%;
    right: 0;
    left: auto;
  }
}
.single-product-content-container .easyzoom-flyout {
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  border: 3px solid #ddd;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-content-container .easyzoom-flyout {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .single-product-content-container .easyzoom-flyout {
    display: none;
  }
}
.single-product-content-container .product-feature-details h2.product-title {
  font-size: 34px;
}
@media only screen and (max-width: 479px) {
  .single-product-content-container .product-feature-details h2.product-title {
    font-size: 25px;
    line-height: 35px;
  }
}
.single-product-content-container .product-feature-details p.product-rating i.fa {
  color: #e1e1e1;
}
.single-product-content-container .product-feature-details p.product-rating i.fa.active {
  color: #fbbf00;
}
.single-product-content-container .product-feature-details p.product-rating a {
  display: inline-block;
  margin-left: 10px;
}
.single-product-content-container .product-feature-details h2.product-price span {
  font-size: 28px;
}
.single-product-content-container .product-feature-details .size {
  font-weight: 500;
  color: #333;
}
.single-product-content-container .product-feature-details .size select {
  width: 45%;
  border: 1px solid #ddd;
  padding: 5px;
  margin-top: 5px;
}
.single-product-content-container .product-feature-details .color {
  font-weight: 500;
  color: #333;
}
.single-product-content-container .product-feature-details .color span.color-block {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 10px;
}
.single-product-content-container .product-feature-details .color span.color-choice-1 {
  background-color: rgb(214, 98, 56);
}
.single-product-content-container .product-feature-details .color span.color-choice-2 {
  background-color: rgb(63, 196, 63);
}
.single-product-content-container .product-feature-details .color span.color-choice-3 {
  background-color: rgb(67, 67, 204);
}
.single-product-content-container .product-feature-details .color span.active {
  border: 2px solid #011b57;
  width: 32px;
  height: 32px;
}
.single-product-content-container .product-feature-details p.product-description {
  font-size: 15px;
  line-height: 30px;
  border: none;
  padding: 0;
}
.single-product-content-container .product-feature-details .add-to-cart-btn a {
  background-color: #011b57;
  border-color: #011b57;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 0 30px;
}
.single-product-content-container .product-feature-details .add-to-cart-btn a:hover {
  background-color: #17bbcd;
  border-color: #17bbcd;
}
.single-product-content-container .product-feature-details .group-product-form .table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 15px;
  text-align: center;
  width: 100%;
}
.single-product-content-container .product-feature-details .group-product-form .table-content table td {
  padding: 12px 10px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 33.33%;
}
.single-product-content-container .product-feature-details .group-product-form .table-content table td.product-name {
  font-weight: 500;
}
.single-product-content-container .product-feature-details .group-product-form .table-content table td p span {
  display: block;
  margin-top: 10px;
}
.single-product-content-container .product-feature-details .single-product-action-btn a {
  display: inline-block;
  font-size: 15px;
  margin-right: 20px;
  line-height: 40px;
}
.single-product-content-container .product-feature-details .single-product-action-btn a:hover span {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.single-product-content-container .product-feature-details .single-product-action-btn a:hover:before, .single-product-content-container .product-feature-details .single-product-action-btn a:hover:after {
  visibility: visible;
  opacity: 1;
}
.single-product-content-container .product-feature-details .single-product-category h3 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #323232;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
  text-transform: uppercase;
}
.single-product-content-container .product-feature-details .single-product-category h3 span {
  display: inline-block;
  margin-left: 5px;
}
.single-product-content-container .product-feature-details .single-product-category h3 span a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
}
.single-product-content-container .product-feature-details .social-share-buttons h3 {
  color: #323232;
}

.single-product-action-btn a {
  position: relative;
}
.single-product-action-btn a:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 60%;
  left: 50%;
  margin-bottom: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  font-weight: 400;
  background-color: #444444;
  color: #ffffff;
  line-height: 16px;
  padding: 5px 10px;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-product-action-btn a:after {
  position: absolute;
  left: 50%;
  bottom: 63%;
  margin-bottom: 8px;
  margin-left: -4px;
  content: "";
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #444444 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*----------  tab style  ----------*/
/*----------  single product tab section  ----------*/
.single-product-tab-section {
  /*----------  tab table style  ----------*/
  /*-- Single Product Rating --*/
  /*-- Ratting Form Wrap --*/
  /*-- Ratting Form --*/
}
.single-product-tab-section .tab-content {
  background-color: #ffffff;
  padding: 30px 20px;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.single-product-tab-section .tab-content p.product-desc {
  font-size: 15px;
  line-height: 25px;
}
.single-product-tab-section .table-data-sheet {
  width: 100%;
  border-width: 0px 1px 1px;
  border-style: solid solid solid;
  border-color: rgb(214, 212, 212) rgb(214, 212, 212) rgb(214, 212, 212);
  -o-border-image: initial;
     border-image: initial;
  border-top: 0px;
  margin: 0px 0px 20px;
  background: white;
}
.single-product-tab-section .table-data-sheet tr {
  border-top: 1px solid rgb(214, 212, 212);
}
.single-product-tab-section .table-data-sheet tr td {
  padding: 10px 20px 11px;
}
.single-product-tab-section .table-data-sheet tr td:first-child {
  width: 30%;
  font-weight: 500;
  color: rgb(51, 51, 51);
  border-right: 1px solid rgb(214, 212, 212);
}
.single-product-tab-section .product-ratting-wrap {
  overflow: hidden;
}
.single-product-tab-section .pro-avg-ratting {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.single-product-tab-section .pro-avg-ratting h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 7px;
}
.single-product-tab-section .pro-avg-ratting h4 span {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
}
.single-product-tab-section .pro-avg-ratting > span {
  display: block;
  font-size: 12px;
  line-height: 10px;
}
.single-product-tab-section .ratting-list {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.single-product-tab-section .ratting-list .sin-list {
  margin-right: 30px;
}
.single-product-tab-section .ratting-list .sin-list:last-child {
  margin-right: 0;
}
.single-product-tab-section .ratting-list .sin-list i {
  color: #666666;
  font-size: 12px;
}
.single-product-tab-section .ratting-list .sin-list span {
  color: #666666;
}
.single-product-tab-section .rattings-wrapper {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.single-product-tab-section .sin-rattings {
  margin-bottom: 40px;
}
.single-product-tab-section .sin-rattings:last-child {
  margin-bottom: 0;
}
.single-product-tab-section .sin-rattings .ratting-author {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.single-product-tab-section .sin-rattings .ratting-author h3 {
  float: left;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 18px;
  margin-right: 15px;
}
@media only screen and (max-width: 575px) {
  .single-product-tab-section .sin-rattings .ratting-author .ratting-star {
    float: left;
    width: 100%;
    margin-top: 5px;
  }
}
.single-product-tab-section .sin-rattings .ratting-author .ratting-star i, .single-product-tab-section .sin-rattings .ratting-author .ratting-star span {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  float: left;
}
.single-product-tab-section .sin-rattings .ratting-author .ratting-star span {
  margin-left: 5px;
}
.single-product-tab-section .sin-rattings p {
  color: #666666;
  font-size: 15px;
  line-height: 24px;
}
.single-product-tab-section .ratting-form-wrapper {
  float: left;
  width: 100%;
}
.single-product-tab-section .ratting-form-wrapper h3 {
  font-size: 16px;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 16px;
}
.single-product-tab-section .ratting-form h5 {
  float: left;
  font-size: 14px;
  line-height: 18px;
  margin-right: 10px;
}
.single-product-tab-section .ratting-form .ratting-star i {
  font-size: 14px;
  float: left;
  line-height: 18px;
  display: block;
  margin-right: 3px;
}
.single-product-tab-section .ratting-form .ratting-star i:last-child {
  margin: 0;
}
.single-product-tab-section .ratting-form label {
  display: block;
  font-size: 14px;
  color: #666666;
  margin-bottom: 3px;
}
.single-product-tab-section .ratting-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 13px;
  line-height: 24px;
  padding: 8px 15px;
  color: #666666;
}
.single-product-tab-section .ratting-form input[type=submit] {
  width: auto;
  padding: 8px 30px;
  border-color: #011b57;
  background-color: #011b57;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
}
.single-product-tab-section .ratting-form input[type=submit]:hover {
  border-color: #17bbcd;
  background-color: #17bbcd;
  color: #ffffff;
}
.single-product-tab-section .ratting-form textarea {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 13px;
  line-height: 24px;
  padding: 8px 15px;
  color: #666666;
  height: 80px;
  resize: none;
}

.single-product-content-container .slider-box-feature-details .size select {
  width: 15%;
}
@media only screen and (max-width: 575px) {
  .single-product-content-container .slider-box-feature-details .size select {
    width: 50%;
  }
}

/*=====  End of 11. Single product  ======*/
/*=============================================
=            12. Shop Page              =
=============================================*/
/*----------  Shop header  ----------*/
@media only screen and (max-width: 767px) {
  .view-mode-icons {
    margin-bottom: 20px;
  }
}
.view-mode-icons a {
  font-size: 15px;
  background-color: #ebebeb;
  color: #999;
  width: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.view-mode-icons a:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-left: 5px;
}
.view-mode-icons a:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-right: 5px;
}
.view-mode-icons a:hover, .view-mode-icons a.active {
  background-color: #011b57;
  color: #ffffff;
}

.sort-by-dropdown {
  font-weight: 500;
  margin-right: 10px;
  font-size: 15px;
  color: #323232;
}
@media only screen and (max-width: 767px) {
  .sort-by-dropdown {
    font-size: 14px;
  }
}
.sort-by-dropdown select {
  padding: 5px 10px;
  margin-left: 10px;
}
.sort-by-dropdown p {
  margin-bottom: 0;
}

p.result-show-message {
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  p.result-show-message {
    font-size: 14px;
  }
}

/*----------  Shop product grid list switcher style  ----------*/
.shop-product-wrap.grid .shop-list-view-product {
  display: none;
}
.shop-product-wrap.list .shop-grid-view-product {
  display: none;
}

.shop-product-wrap.list [class*=col],
.shop-product-wrap.list [class*=col-] {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%;
}

/*=====  End of 12. Shop Page     ======*/
/*=============================================
=            13. Sidebar            =
=============================================*/
.sidebar-area .sidebar {
  background-color: #ffffff;
  padding: 30px 20px;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.sidebar-area .sidebar h3.sidebar-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #222222;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-area .sidebar h3.sidebar-title {
    font-size: 15px;
  }
}
.sidebar-area .sidebar ul.product-categories li {
  padding-right: 25px;
  margin-bottom: 7px;
}
.sidebar-area .sidebar ul.product-categories li a {
  line-height: 27px;
  color: #323232;
}
.sidebar-area .sidebar ul.product-categories li a:before {
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  content: "\f00c";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 0;
  height: 10px;
  line-height: 8px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  top: -2px;
  vertical-align: middle;
  width: 10px;
}
.sidebar-area .sidebar ul.product-categories li a:hover, .sidebar-area .sidebar ul.product-categories li a.active {
  color: #011b57;
}
.sidebar-area .sidebar ul.product-categories li a:hover:before, .sidebar-area .sidebar ul.product-categories li a.active:before {
  border-color: #011b57;
  color: #011b57;
  font-size: 8px;
}
.sidebar-area .sidebar ul.product-list {
  margin-bottom: 20px;
  padding: 0;
}
.sidebar-area .sidebar ul.product-list li {
  padding: 10px 0;
  padding-right: 35px;
  position: relative;
  border-bottom: 1px solid #dfdfdf;
}
.sidebar-area .sidebar ul.product-list li a.remove {
  background: none;
  color: #999 !important;
  font-size: 18px;
  height: auto;
  left: auto;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  width: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sidebar-area .sidebar ul.product-list li a.remove:hover {
  color: #011b57;
}
.sidebar-area .sidebar ul.product-list li a.title {
  color: #323232;
  font-size: 1em;
  text-transform: none;
  line-height: 1.2;
}
.sidebar-area .sidebar ul.product-list li a.title:hover {
  color: #011b57;
}
.sidebar-area .sidebar ul.tag-container li {
  display: inline-block;
}
.sidebar-area .sidebar ul.tag-container li a {
  display: block;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  text-transform: uppercase;
  border-radius: 5px;
  color: #afafaf;
  font-size: 13px;
  text-align: center;
}
.sidebar-area .sidebar ul.tag-container li a:hover {
  background-color: #011b57;
  color: #fff;
  border-color: #011b57;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product {
  margin-bottom: 20px;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p {
  margin-bottom: 0;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p a {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #323232;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p a:hover {
  color: #011b57;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-rating {
  color: #e0e0e0;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-rating i.fa {
  font-size: 12px;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-rating .active {
  color: #fbbf00;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-price {
  font-size: 17px;
  line-height: 32px;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-price span.discounted-price {
  color: #011b57;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-price span.main-price {
  text-decoration: line-through;
  color: #999999;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product .image {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product .content {
  padding-left: 10px;
}
.sidebar-area .sidebar .top-rated-product-container .single-top-rated-product:last-child {
  margin-bottom: 0;
}
.sidebar-area .sidebar .compare-btns {
  overflow: hidden;
}
.sidebar-area .sidebar a.clear-all {
  float: left;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  color: #a43d21;
}
.sidebar-area .sidebar a.compare {
  background: #008459;
  border: none;
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  height: 40px;
  letter-spacing: 0;
  line-height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  border-radius: 50px;
  display: inline-block;
  float: right;
  overflow: hidden;
}
.sidebar-area .sidebar a.compare:hover {
  background-color: #011b57;
}

/*-- Sidebar Price --*/
.sidebar-price #price-range {
  width: 100%;
  height: 7px;
  margin: 7px 0;
  background-color: #c7c7c7;
  position: relative;
}
.sidebar-price #price-range .ui-slider-range {
  position: absolute;
  height: 100%;
  top: 0;
  background-color: #011b57;
}
.sidebar-price #price-range .ui-slider-handle {
  background-color: #011b57;
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50px;
  display: block;
  top: -7px;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
}
.sidebar-price #price-amount {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-top: 12px;
}

/*----------  single block  ----------*/
.single-block {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.single-block:first-child {
  padding-top: 0;
}
.single-block:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.single-block .image {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  margin-right: 5px;
}
.single-block .image a {
  border: 2px solid transparent;
  display: block;
}
.single-block .image a img {
  width: 100%;
}
.single-block .image a:hover {
  border: 2px solid #011b57;
}
.single-block .content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.single-block .content p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #323232;
}
.single-block .content p span {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  font-weight: 400;
  margin-top: 5px;
  display: block;
}
.single-block.comment-block .image {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
}
.single-block.comment-block .content p span {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.single-block.comment-block .content p a {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #808080;
}
.single-block.comment-block .content p a:hover {
  color: #011b57;
}

/*----------  Sidebar search box  ----------*/
.sidebar-search-box {
  border: 1px solid #e0e0e0;
  position: relative;
  padding-right: 10px;
}
.sidebar-search-box input {
  border: none;
  padding: 5px;
  padding-left: 10px;
}
.sidebar-search-box button {
  position: absolute;
  top: 5px;
  right: 0;
  background: none;
  border: none;
}
.sidebar-search-box button:hover {
  color: #011b57;
}

/*=====  End of 13. Sidebar  ======*/
/*=============================================
=            14. Cart & Wishlist            =
=============================================*/
.cart-table {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.cart-table .table {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 8px solid #ddd;
  }
}
.cart-table .table thead {
  background-color: #ddd;
}
@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}
.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #222222;
  padding: 12px 20px;
}
.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 160px;
  min-width: 120px;
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 160px;
  }
}
.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
}
.cart-table td.pro-thumbnail a {
  display: block;
}
.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}
.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.cart-table td.pro-title a:hover {
  color: #011b57;
}
.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #666666;
}
.cart-table td.pro-quantity .pro-qty {
  display: inline-block;
  position: relative;
  width: 100px;
  border: 1px solid #ddd;
  height: 40px;
}
.cart-table td.pro-quantity .pro-qty input {
  padding-right: 25px;
  width: 100%;
  border: none;
  height: 100%;
  padding-left: 20px;
}
.cart-table td.pro-quantity .pro-qty a {
  width: 20px;
  height: 20px;
  position: absolute;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
}
.cart-table td.pro-quantity .pro-qty a.inc {
  top: 0;
  right: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cart-table td.pro-quantity .pro-qty a.dec {
  bottom: 0;
  right: 0;
  border-left: 1px solid #ddd;
  padding-top: 2px;
}
.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #666666;
}
.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #011b57;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #222222;
  background-color: #011b57;
}
.cart-table td.pro-remove a {
  display: block;
  font-weight: 500;
  color: #666666;
}
.cart-table td.pro-remove a i {
  font-size: 15px;
}
.cart-table td.pro-remove a:hover {
  color: #ff0000;
}
@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}
.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  background-color: transparent;
}
.calculate-shipping form .nice-select::after {
  border-color: #666666;
}
.calculate-shipping form .nice-select .current {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
}
.calculate-shipping form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #666666;
  background-color: transparent;
}
.calculate-shipping form input[type=submit] {
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
  border-color: #011b57;
  width: 140px;
}
.calculate-shipping form input[type=submit]:hover {
  background-color: #17bbcd;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.discount-coupon form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #666666;
  background-color: transparent;
}
.discount-coupon form input[type=submit] {
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
  border-color: #011b57;
  width: 140px;
}
.discount-coupon form input[type=submit]:hover {
  background-color: #17bbcd;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
  }
}
.cart-summary .cart-summary-wrap {
  background-color: #ddd;
  padding: 45px 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}
.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.cart-summary .cart-summary-wrap p {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  color: #222222;
}
.cart-summary .cart-summary-wrap p span {
  float: right;
}
.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #999999;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #000000;
  margin: 0;
}
.cart-summary .cart-summary-wrap h2 span {
  float: right;
}
.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #666666;
  background-color: transparent;
  margin-left: 20px;
  float: right;
}
.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}
.cart-summary .cart-summary-button button:hover {
  background-color: #011b57;
  border-color: #011b57;
  color: #ffffff;
}
.cart-summary .cart-summary-button button.checkout-btn {
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
  border-color: #011b57;
}
.cart-summary .cart-summary-button button.checkout-btn:hover {
  background-color: #17bbcd;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*=====  End of 14. Cart & Wishl  ======*/
/*=============================================
=            15. Checkout             =
=============================================*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.checkout-form .nice-select {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #666666;
  margin-bottom: 15px;
}
.checkout-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #666666;
}
.checkout-form .nice-select .current {
  color: #666666;
  display: block;
  line-height: 23px;
}
.checkout-form .nice-select .list {
  width: 100%;
}
.checkout-form input {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #666666;
  margin-bottom: 15px;
}
.checkout-form input[type=checkbox] {
  width: auto;
}
.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}
.checkout-form .check-box:last-child {
  margin-right: 0;
}
.checkout-form .check-box input[type=checkbox] {
  display: none;
}
.checkout-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin: 0;
}
.checkout-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #222222;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #222222;
}
.checkout-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #ddd;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}
.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
}
.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}
.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}
.checkout-cart-total h4 span {
  float: right;
  display: block;
}
.checkout-cart-total ul {
  border-bottom: 1px solid #999999;
}
.checkout-cart-total ul li {
  color: #666666;
  font-size: 14px;
  line-height: 23px;
  font-weight: 500;
  display: block;
  margin-bottom: 16px;
}
.checkout-cart-total ul li span {
  color: #222222;
  float: right;
}
.checkout-cart-total p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #505050;
  padding: 10px 0;
  border-bottom: 1px solid #999999;
  margin: 0;
}
.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #ddd;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}
.single-method:last-child {
  margin-bottom: 0;
}
.single-method input[type=radio] {
  display: none;
}
.single-method input[type=radio] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin: 0;
}
.single-method input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #222222;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio]:checked + label::before {
  border: 2px solid #222222;
}
.single-method input[type=radio]:checked + label::after {
  opacity: 1;
}
.single-method input[type=checkbox] {
  display: none;
}
.single-method input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin: 0;
}
.single-method input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #222222;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox]:checked + label::before {
  border: 2px solid #222222;
}
.single-method input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #666666;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
}
.place-order:hover {
  background-color: #17bbcd;
}

/*=====  End of 15. Checkout   ======*/
/*=============================================
=            16. Compare            =
=============================================*/
/*-- Compare Table --*/
.compare-table {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}
.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}
.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  margin: 0;
  line-height: 1;
}
.compare-table .table tbody tr td.product-image-title {
  padding-top: 50px;
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}
.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}
.compare-table .table tbody tr td.product-image-title .category {
  font-size: 13px;
  line-height: 15px;
  color: #666666;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 10px;
}
.compare-table .table tbody tr td.product-image-title .category:hover {
  color: #011b57;
}
.compare-table .table tbody tr td.product-image-title .title {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  line-height: 20px;
  margin-bottom: 10px;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #011b57;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.compare-table .table tbody tr td.pro-color {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: #011b57;
  color: #ffffff;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 25px 10px 25px;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart i.fa {
  padding-right: 10px;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 21px;
  overflow: hidden;
  text-align: center;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: #17bbcd;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #666666;
  font-size: 14px;
}

/*=====  End of 16. Compare  ======*/
/*=============================================
=            17. My account            =
=============================================*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
}
.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #666666;
  font-weight: 500;
  font-size: 12px;
  display: block;
  padding: 15px 15px 13px;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;
}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #011b57;
  color: #ffffff;
}
.myaccount-tab-menu a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  background-color: #ffffff;
  font-size: 14px;
  border: 1px solid #eeeeee;
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content h3 {
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.myaccount-content .welcome a {
  color: #000000;
}
.myaccount-content .welcome a:hover {
  color: #011b57;
}
.myaccount-content .welcome strong {
  font-weight: 600;
}
.myaccount-content a.edit-address-btn {
  background: none;
  border: none;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
  border-color: #011b57;
  padding: 10px 20px;
  border-radius: 50px;
}
.myaccount-content a.edit-address-btn i {
  padding-right: 5px;
}
.myaccount-content a.edit-address-btn:hover {
  background-color: #17bbcd;
}
.myaccount-content button.save-change-btn {
  background: none;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
  border-color: #011b57;
  width: 140px;
  padding: 10px 0;
  border-radius: 50px;
}
.myaccount-content button.save-change-btn:hover {
  background-color: #17bbcd;
}

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px;
}
.myaccount-table table th, .myaccount-table .table th {
  padding: 10px;
}
.myaccount-table table td, .myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}

.saved-message {
  border-top: 3px solid #011b57;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}
.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}

/*=====  End of 17. My account  ======*/
/*=============================================
=            18. Login register            =
=============================================*/
/*-- Checkout Title --*/
.login-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.login-form {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-form {
    padding: 15px;
  }
}
.login-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.login-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #666666;
  margin-bottom: 15px;
}
.login-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #666666;
}
.login-form .nice-select .current {
  color: #666666;
  display: block;
  line-height: 23px;
}
.login-form .nice-select .list {
  width: 100%;
}
.login-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #666666;
  margin-bottom: 15px;
}
.login-form input[type=checkbox] {
  width: auto;
}
.login-form .check-box {
  float: left;
  margin-right: 70px;
}
.login-form .check-box:last-child {
  margin-right: 0;
}
.login-form .check-box input[type=checkbox] {
  display: none;
}
.login-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin: 0;
}
.login-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #222222;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #222222;
}
.login-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Place Order --*/
.register-button {
  display: block;
  margin-top: 40px;
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #011b57;
}
.register-button:hover {
  background-color: #17bbcd;
}

/*=====  End of 18. Login register   ======*/
/*=============================================
=            19. FAQ            =
=============================================*/
.faq-area .panel.panel-default {
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.faq-area .faq-wrapper .card, .faq-area .faq-wrapper .card-header {
  border-radius: 0;
}
.faq-area .faq-wrapper .card {
  margin-bottom: 15px;
}
.faq-area .faq-wrapper .card-header {
  padding: 0;
  border-bottom: 0;
  background-color: #e9e9e9;
}
.faq-area .faq-wrapper .card-header h5 button {
  width: 100%;
  text-align: left;
  color: #333;
  font-weight: 500;
  padding: 10px 20px;
  position: relative;
  white-space: normal;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.faq-area .faq-wrapper .card-header h5 button span {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.faq-area .faq-wrapper .card-header h5 button span i.fa {
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.faq-area .faq-wrapper .card-header h5 button:hover, .faq-area .faq-wrapper .card-header h5 button:focus {
  text-decoration: none;
}
.faq-area .faq-wrapper .card-header h5 button[aria-expanded=true] {
  background-color: #011b57;
  color: #ffffff;
  border-radius: 0;
}
.faq-area .faq-wrapper .card-header h5 button[aria-expanded=true] span i.fa.fa-chevron-down {
  visibility: visible;
  opacity: 1;
  display: inline;
}
.faq-area .faq-wrapper .card-header h5 button[aria-expanded=false] span i.fa.fa-chevron-up {
  visibility: visible;
  opacity: 1;
  display: inline;
}
.faq-area .billing-information-wrapper,
.faq-area .shipping-information-wrapper,
.faq-area .shipping-method-wrapper,
.faq-area .payment-info-wrapper,
.faq-area .order-review-wrapper {
  background-color: #fff;
  padding: 30px 20px;
}
.faq-area .account-info-wrapper {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 28px;
  padding-bottom: 30px;
}
.faq-area .billing-info {
  margin-bottom: 20px;
}
.faq-area .billing-info > label {
  color: #242424;
  font-size: 14px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}
.faq-area .billing-info input,
.faq-area .billing-info .billing-select,
.faq-area .billing-info select {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #242424;
  height: 40px;
  padding: 0 15px;
  width: 100%;
}
.faq-area .billing-btn > button, .faq-area .edit-btn, .faq-area .del-btn {
  color: #fff;
  background-color: rgb(102, 102, 102);
  display: inline-block;
  padding: 10px 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
  border: none;
}
.faq-area .billing-btn > button:hover, .faq-area .edit-btn:hover, .faq-area .del-btn:hover {
  background-color: #011b57;
}
.faq-area .del-btn {
  background-color: #011b57;
}
.faq-area .entries-wrapper {
  border: 1px solid #eaeaea;
  position: relative;
}
.faq-area .entries-wrapper:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: #eaeaea;
}
.faq-area .entries-wrapper .entries-info {
  padding: 30px 20px;
}

/*=====  End of 19. FAQ  ======*/
/*=============================================
=            20. Contact            =
=============================================*/
.map-size {
  height: 400px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .map-size {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .map-size {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .map-size {
    height: 200px;
  }
}

h3.contact-page-title {
  font-size: 32px;
  line-height: 43px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 35px;
}
@media only screen and (max-width: 575px) {
  h3.contact-page-title {
    font-size: 25px;
  }
}

.single-contact-block {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 575px) {
  .single-contact-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.single-contact-block:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.single-contact-block h4 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #222222;
}
@media only screen and (max-width: 575px) {
  .single-contact-block h4 {
    font-size: 20px;
  }
}
.single-contact-block h4 img {
  margin: 5px 20px 20px 0;
}
.single-contact-block p {
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 29px;
  color: #666666;
}

span.required {
  color: red;
}

/*----------  contact form  ----------*/
.contact-form .form-group {
  margin-bottom: 20px;
}
.contact-form label {
  display: block;
  font-size: 15px;
  line-height: 29px;
  font-weight: 400;
  color: #888888;
  margin-bottom: 0;
}
.contact-form input {
  background-color: #ffffff;
  width: 100%;
  height: 50px;
  line-height: 50px;
  outline: none;
  border: 1px solid #e0e0e0;
  padding-left: 20px;
}
.contact-form textarea {
  background-color: #ffffff;
  width: 100%;
  outline: none;
  border: 1px solid #e0e0e0;
  padding-left: 20px;
  line-height: 50px;
   
}

/*=====  End of 20. Contact  ======*/
/*=============================================
=            20. Blog            =
=============================================*/
.single-blog-post {
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.single-blog-post.gallery-type-post {
  display: block;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow {
  visibility: visible;
  opacity: 0.6;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow:hover {
  opacity: 1;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-next {
  right: 10px;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-prev {
  left: 10px;
}
.single-blog-post.gallery-type-post .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #323232;
  color: #ffffff;
  line-height: 40px;
  z-index: 9;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
}
.single-blog-post.gallery-type-post .slick-next {
  right: 30px;
  left: auto;
}
.single-blog-post.gallery-type-post .slick-prev {
  left: 30px;
  right: auto;
}
.single-blog-post .single-blog-post-media {
  position: relative;
}
.single-blog-post .single-blog-post-media .blog-categories {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.single-blog-post .single-blog-post-media .blog-categories ul li {
  display: inline-block;
}
.single-blog-post .single-blog-post-media .blog-categories ul li a {
  display: block;
  background-color: #ffffff;
  padding: 5px 10px;
  text-transform: capitalize;
  margin-right: 5px;
  border-radius: 3px;
}
.single-blog-post .single-blog-post-media .blog-categories ul li a:hover {
  background-color: #011b57;
  color: #ffffff;
}
.single-blog-post .single-blog-post-media .video {
  overflow: hidden;
}
.single-blog-post .single-blog-post-media .video iframe {
  width: 100%;
  height: 300px;
}
@media only screen and (max-width: 479px) {
  .single-blog-post .single-blog-post-media .video iframe {
    height: 200px;
  }
}
.single-blog-post .single-blog-post-content .post-audio {
  overflow: hidden;
}
.single-blog-post .single-blog-post-content .post-audio iframe {
  width: 100%;
}
.single-blog-post .single-blog-post-content h3.post-title {
  font-size: 29px;
  line-height: 39px;
  color: #242424;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .single-blog-post .single-blog-post-content h3.post-title {
    font-size: 25px;
  }
}
.single-blog-post .single-blog-post-content h3.post-title.sticky {
  position: relative;
  padding-left: 25px;
}
.single-blog-post .single-blog-post-content h3.post-title.sticky:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f08d";
  font-family: fontAwesome;
  font-size: 25px;
}
.single-blog-post .single-blog-post-content .post-meta {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.single-blog-post .single-blog-post-content .post-meta p span {
  color: #999999;
}
.single-blog-post .single-blog-post-content .post-meta p a {
  font-weight: 500;
  color: #323232;
}
.single-blog-post .single-blog-post-content .post-meta p a:hover {
  color: #011b57;
}
.single-blog-post .single-blog-post-content .post-meta p span.separator {
  padding: 0 5px;
}
.single-blog-post .single-blog-post-content p.post-excerpt {
  font-size: 15px;
  line-height: 29px;
}

/*=====  End of 20. Blog  ======*/
/*=============================================
=            21. Blog Post            =
=============================================*/
.blog-single-post-container {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 25px;
}
.blog-single-post-container h3.post-title {
  font-size: 34px;
  line-height: 46px;
  color: #222222;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (max-width: 479px) {
  .blog-single-post-container h3.post-title {
    font-size: 25px;
  }
}
.blog-single-post-container .post-meta {
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.blog-single-post-container .post-meta p span {
  color: #999999;
}
.blog-single-post-container .post-meta p a {
  font-weight: 500;
  color: #323232;
}
.blog-single-post-container .post-meta p a:hover {
  color: #011b57;
}
.blog-single-post-container .post-meta p span.separator {
  padding: 0 5px;
}
.blog-single-post-container .single-blog-post-media {
  position: relative;
  margin-bottom: 50px;
}
.blog-single-post-container .single-blog-post-media .blog-categories {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.blog-single-post-container .single-blog-post-media .blog-categories ul li {
  display: inline-block;
}
.blog-single-post-container .single-blog-post-media .blog-categories ul li a {
  display: block;
  background-color: #ffffff;
  padding: 5px 10px;
  text-transform: capitalize;
  margin-right: 5px;
  border-radius: 3px;
}
.blog-single-post-container .single-blog-post-media .blog-categories ul li a:hover {
  background-color: #011b57;
  color: #ffffff;
}
.blog-single-post-container .single-blog-post-media .video {
  overflow: hidden;
}
.blog-single-post-container .single-blog-post-media .video iframe {
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .blog-single-post-container .single-blog-post-media .video iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-single-post-container .single-blog-post-media .video iframe {
    height: 250px;
  }
}
.blog-single-post-container .post-audio {
  overflow: hidden;
}
.blog-single-post-container .post-audio iframe {
  width: 100%;
  height: 100px;
}
.blog-single-post-container .post-content p {
  font-size: 15px;
  line-height: 29px;
}
.blog-single-post-container .post-content blockquote {
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  border-left: 5px solid #011b57;
  font-size: 14px;
  font-style: italic;
  line-height: 26px;
  margin: 40px 0 40px 40px;
  padding: 30px 45px;
}
@media only screen and (max-width: 479px) {
  .blog-single-post-container .post-content blockquote {
    margin-left: 10px;
    padding: 15px 20px;
  }
}
.blog-single-post-container .tag-area {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
}
.blog-single-post-container .tag-area span {
  color: #999999;
}
.blog-single-post-container .tag-area ul {
  display: inline-block;
}
.blog-single-post-container .tag-area ul li {
  display: inline-block;
}
.blog-single-post-container .tag-area ul li a {
  font-size: 15px;
  font-weight: 500;
  font-style: italic;
  color: #323232;
}
.blog-single-post-container .social-share-buttons {
  text-align: center;
}
.blog-single-post-container .social-share-buttons h3 {
  background: none;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 26px;
  margin: 0 20px;
  text-transform: uppercase;
  width: auto;
  font-weight: 500;
  margin-bottom: 15px;
}
.blog-single-post-container .social-share-buttons ul li {
  display: inline-block;
}
.blog-single-post-container .social-share-buttons ul li a {
  background: #f7f7f7;
  border-radius: 100%;
  color: #353535;
  display: inline-block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin-right: 10px;
  text-align: center;
  width: 26px;
}
.blog-single-post-container .social-share-buttons ul li a:hover {
  background-color: #011b57;
  color: #ffffff;
}
.blog-single-post-container .related-post-container h3.related-post-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #222222;
}
.blog-single-post-container .related-post-container .single-related-post .image {
  margin-bottom: 15px;
}
.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
}
.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title span {
  display: block;
  font-size: 13px;
  line-height: 24px;
  color: #999999;
  font-weight: 400;
  margin-top: 5px;
}

/*----------  single blog post media  ----------*/
.single-blog-post-media {
  position: relative;
}
.single-blog-post-media:hover .slick-arrow {
  visibility: visible;
  opacity: 0.6;
}
.single-blog-post-media:hover .slick-arrow:hover {
  opacity: 1;
}
.single-blog-post-media:hover .slick-next {
  right: 10px;
}
.single-blog-post-media:hover .slick-prev {
  left: 10px;
}
.single-blog-post-media .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #323232;
  color: #ffffff;
  line-height: 40px;
  z-index: 9;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
}
.single-blog-post-media .slick-next {
  right: 30px;
  left: auto;
}
.single-blog-post-media .slick-prev {
  left: 30px;
  right: auto;
}

/*----------  comment container  ----------*/
h3.comment-counter {
  margin-bottom: 20px;
  font-weight: 500;
}

.comment-container .single-comment {
  position: relative;
  border: 1px solid #e0e0e0;
  margin: 0 0 30px;
  padding: 30px;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-container .single-comment.reply-comment {
  margin-left: 10%;
  width: 90%;
}
.comment-container .single-comment:last-child {
  margin-bottom: 0;
}
.comment-container .single-comment span.reply-btn {
  position: absolute;
  top: 30px;
  right: 30px;
}
.comment-container .single-comment span.reply-btn a {
  display: inline-block;
  border: 1px solid #011b57;
  color: #011b57;
  padding: 0 15px;
  font-weight: 500;
  border-radius: 50px;
  font-size: 13px;
}
.comment-container .single-comment span.reply-btn a:hover {
  background-color: #011b57;
  color: #ffffff;
}
.comment-container .single-comment .image {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
}
.comment-container .single-comment .content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-left: 20px;
}
.comment-container .single-comment .content h3 {
  font-size: 15px;
  line-height: 29px;
  color: #999999;
  font-weight: 700;
  font-style: italic;
}
.comment-container .single-comment .content h3 span.comment-time {
  font-size: 14px;
  line-height: 29px;
  color: #999999;
  font-weight: 400;
  display: block;
}
.comment-container .single-comment .content p.comment-text {
  color: #999999;
  font-size: 15px;
}

/*----------  comment form  ----------*/
.comment-form-container h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #222222;
  margin-bottom: 25px;
}
.comment-form-container p {
  font-size: 12px;
  line-height: 23px;
  color: #999999;
}

/*----------  comment form  ----------*/
.comment-form label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 29px;
  color: #999999;
  font-weight: 500;
}
.comment-form textarea {
  border: 1px solid #e0e0e0;
  height: 130px;
  width: 100%;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.comment-form input {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  height: 50px;
  line-height: 48px;
  width: 100%;
  padding: 0 15px;
  vertical-align: middle;
}

/*=====  End of 21. Blog Post  ======*/
/*=============================================
=           22.  Footer           =
=============================================*/
footer {
  background-color: #ffffff;
}

/*----------  newsletter section  ----------*/
.newsletter-section {
  background: linear-gradient(60deg, #5fe7f3 0%, rgba(0,172,193,1) 100%);
  color: #ffffff;
}
.newsletter-section .newsletter-title h1 {
  color: #ffffff;
  font-size: 31px;
  line-height: 42px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-section .newsletter-title h1 {
    font-size: 25px;
    line-height: 30px;
  }
}

.subscription-form-wrapper p {
  margin-bottom: 0;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
@media only screen and (max-width: 479px) {
  .subscription-form-wrapper p {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.subscription-form {
  position: relative;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  padding-right: 160px;
  background-color: #ffffff;
  height: 50px;
  border-radius: 50px;
  padding-top: 12px;
  padding-left: 20px;
}
@media only screen and (max-width: 479px) {
  .subscription-form {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-right: 120px;
  }
}
.subscription-form input {
  width: 100%;
  border: none;
}
.subscription-form button {
  position: absolute;
  top: 3px;
  right: 3px;
  background: none;
  border: none;
  background-color: #011b57;
  padding: 10px 30px;
  text-transform: uppercase;
  border-radius: 50px;
}
@media only screen and (max-width: 479px) {
  .subscription-form button {
    padding: 10px 20px;
  }
}
.subscription-form button:hover {
  background-color: #17bbcd;
}
.subscription-form .mailchimp-alerts {
  position: absolute;
  top: 50px;
}

/*----------  social contact section  ----------*/
.social-contact-section h2 {
  font-size: 19px;
  line-height: 42px;
  font-weight: 500;
  margin-bottom: 20px;
  
}

.social-links a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  position: relative;
}
.social-links a:last-child {
  margin-right: 0;
}
.social-links a.facebook {
  background-color: #4867AA;
}
.social-links a.facebook:hover {
  background-color: #30436b;
}
.social-links a.twitter {
  background-color: #1DA1F2;
}
.social-links a.twitter:hover {
  background-color: #4e98e6;
}
.social-links a.instagram {
  background-color: #B23A94;
}
.social-links a.instagram:hover {
  background-color: #882e71;
}
.social-links a.linkedin {
  background-color: #007BB6;
}
.social-links a.linkedin:hover {
  background-color: #0b577b;
}
.social-links a.rss {
  background-color: #F99C3A;
}
.social-links a.rss:hover {
  background-color: #e88720;
}
.social-links a:before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  font-weight: 400;
  background-color: #444444;
  color: #ffffff;
  line-height: 16px;
  padding: 5px 10px;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.social-links a:after {
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 8px;
  margin-left: -4px;
  content: "";
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #444444 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.social-links a:hover:before, .social-links a:hover:after {
  visibility: visible;
  opacity: 1;
}

.single-contact {
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
}
@media only screen and (max-width: 767px) {
  .single-contact {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .single-contact {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.single-contact .icon {
  font-size: 40px;
  margin-right: 10px;
}
.single-contact p {
  color: #000;
}
.single-contact p span {
  display: block;
}
.single-contact:first-child {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-contact:first-child {
    -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-contact:first-child {
    -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .single-contact:first-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .single-contact:first-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

/*----------  footer navigation  ----------*/
.footer-navigation-section {
  text-transform: uppercase;
  position: relative;
}
.footer-navigation-section:before {
  position: absolute;
  top: 0;
  left: 27%;
  width: 73%;
  height: 1px;
  
  content: "";
  margin-left: -13.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .footer-navigation-section:before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-navigation-section:before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-navigation-section:before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-navigation-section:before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .footer-navigation-section:before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.footer-navigation-section:after {
  position: absolute;
  bottom: 0;
  left: 27%;
  width: 73%;
  height: 1px; 
  content: "";
  margin-left: -13.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .footer-navigation-section:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-navigation-section:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-navigation-section:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-navigation-section:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .footer-navigation-section:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.single-navigation-section h3 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #fff;
}
.single-navigation-section ul li {
  margin-bottom: 10px;
}
.single-navigation-section ul li:last-child {
  margin-bottom: 0;
}
.single-navigation-section ul li a {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.single-navigation-section ul li a:hover {
  color: #011b57;
}

/*----------  copyright section  ----------*/
.copyright-section p {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .copyright-section .copyright-segment {
    margin-bottom: 15px;
  }
}
.copyright-section .copyright-segment p a {
  color: #222;
}
.copyright-section .copyright-segment p a:hover {
  color: #011b57;
}
.copyright-section .copyright-segment p span.separator {
  padding: 0 10px;
  color: #222;
}
.copyright-section .copyright-segment p.copyright-text a {
  color: #777;
}
.copyright-section .copyright-segment p.copyright-text a:hover {
  color: #011b57;
}

.social-media-section h2
{
	color: #c6bfbf;
}
.social-contact-section h2 
{
	color: #000;;
}

.single-navigation-section p
{
		color: #fff;
}

.headertopm{
  padding-bottom: 13px !important;
  padding-top: 13px !important;
  line-height: 15px !important;
}

.footermanrgi{
  padding-top: 28px !important;
  padding-bottom: 22px !important;
}
.headertop{
  background-attachment: fixed;
 /*  background-image: url(../../images/topheader.jpg);*/
   background-size: contain;
}
 
 
 
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}
.smcopy{
background-color: #5372fe;
    padding: 15px;
    border-radius: 44px;
    color: #fff;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);
}


 .vvdr
    {
            padding-right: 9px !important;
           padding-left: 9px !important;
    }
    .ffrt
    {
            min-height: 376px;
            margin-bottom: 10px;
    border-radius: 10px;
    }
/*=====  End of 22. Footer ======*/