/*!
Theme Name: Orexon
Theme URI: https://smartdemowp.com/orexon/
Author: SmartDataSoft
Author URI: http://smartdatasoft.com
Description: Orexon a sleek and minimalist theme with all the features required for your next online store. Its beautiful and clear style has been designed to showcase your products and increase your sales. You can set up your online business fashion website with this theme very easily. Orexon is responsive and easy to customize. With this theme it is very easy to create pages, posts using Elementor page builder.Orexon is very colorful and can be modfied very easily. This theme is absolute for the people who are ready start online business on their own. So lets buy Orexon, start with your website and get started with your online business.
Version: 1.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: orexon
Tags: apparel woocommerce templates, clothing woocommerce themes, fashion boutique, fashion store, fashion woocommerce themes, mega menu, multi purpose woocommerce themes, parallax, WooCommerce Themes
*/
  
/* Css For orexon */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
 * {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:15px;
  color:#848484;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Poppins', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

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

.container-fluid{
  padding: 0px;
}

.large-container{
  position:static;
  max-width:1480px;
  padding:0px 15px;
  margin:0 auto;
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #555;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-size: 15px;
  line-height: 26px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #848484;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  color: #222222;
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(assets/images/icons/preloader.svg);
}

.preloader-close{
  position: fixed;
  z-index: 999999;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  right: 0;
  bottom: 0;
  font-weight: 600;
}


.loader-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.loader-wrap .layer-one {
  position: absolute;
  left: 0%;
  top: 0;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
}

.loader-wrap .layer-two {
  position: absolute;
  left: 33.3333%;
  top: 0;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
}

.loader-wrap .layer-three {
  position: absolute;
  left: 66.6666%;
  top: 0;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
}

.loader-wrap .layer .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222;
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

/** button **/

.theme-btn-one{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #222;
  text-align: center;
  border: 2px solid #222;
  padding: 14px 39px;
  padding-right: 24px;
  z-index: 1;
}

.theme-btn-one:hover{
  color: #fff;
}

.theme-btn-one i{
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-left: 15px;
  margin-right: 15px;
  top: 1px;
  transform: rotate(-30deg);
}

.theme-btn-one:hover:after{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn-one:after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.theme-btn-two{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  background: #222;
  padding: 12px 35px;
  padding-right: 20px;
  z-index: 1;
}

.theme-btn-two i{
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-left: 15px;
  margin-right: 15px;
  top: 1px;
  font-weight: 400;
  transform: rotate(-30deg);
}

.theme-btn-two:hover:after{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn-two:after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.theme-btn-three{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #fff !important;
  text-align: center;
  padding: 12px 35px;
  z-index: 1;
}

.theme-btn-three i{
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-left: 15px;
  top: 1px;
  font-weight: 400;
  transform: rotate(-30deg);
}

.theme-btn-three:hover:after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn-three:after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


.pagination{
  position: relative;
  display: block;
}

.pagination li{
  display: inline-block;
  margin: 0px 0px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #222;
  background: transparent;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active{
  color: #fff;
  background: #222;
}

.sec-pad{
  padding: 115px 0px 120px 0px;
}

.sec-pad-2{
  padding: 120px 0px;
}

.scroll-top{
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 15px;
  font-size: 24px;
  z-index: 99;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  transition: 1s ease;
}

.scroll-top:hover{
  background: #0c2136 !important;
}

.scroll-top.open {
  bottom: 50px;
}

.sec-title{
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}

.sec-title.style-two{
  text-align: left;
}

.sec-title p{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #222;
  margin-bottom: 20px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 40px;
  color: #222;
  line-height: 52px;
  font-weight: 600;
  margin-bottom: 8px;
}

.sec-title .separator{
  position: relative;
  display: block;
  width: 141px;
  height: 15px;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.sec-title.style-two .separator{
  margin: 0px;
  width: 91px;
}

.sec-title.light p,
.sec-title.light h2{
  color: #fff
}



/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/


/** nice-select **/

.nice-select{
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 1px solid #e5e5e5 !important;
  font-family: 'Poppins', sans-serif;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 400;
  color: #222;
  padding: 0px 15px;
}

.main-header .nice-select{
  width: 170px !important;
}

.nice-select:after{
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #222;
  border-right: 2px solid #222;
  right: 15px;
  margin-top: -3px;
}


/** newarrivals-section **/

.newarrivals-section{
  position: relative;
  padding-bottom: 120px;
}

.pa-0{
  padding: 0px !important;
}



/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/


@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}




/*** 

====================================================================
                        Home-Page-Four
====================================================================

***/



/** sidebar-page-container **/

.sidebar-page-container{
  position: relative;
  padding: 120px 0px;
}

.sidebar-page-container.home-4{
  padding-bottom: 80px;
}

.newarrivals-section .owl-nav{
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -60px;
}

.newarrivals-section .owl-nav .owl-prev{
  position: absolute;
  left: 15px;
  font-size: 50px;
  color: #222;
  cursor: pointer;
}

.newarrivals-section .owl-nav .owl-next{
  position: absolute;
  right: 15px;
  font-size: 50px;
  color: #222;
  cursor: pointer;
}

.newarrivals-section .four-item-carousel{
  margin-bottom: 10px;
}





/*** 

====================================================================
                        Home-Page-Five
====================================================================


***/





/** trending-products **/

.trending-products{
  position: relative;
  padding: 120px 0px 110px 0px;
}

.trending-products .shop-inner .top-inner{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.trending-products .shop-inner .top-inner h2{
  position: relative;
  display: block;
  float: left;
  font-size: 30px;
  line-height: 35px;
  color: #222;
  font-weight: 600;
  margin: 0px;
}

.trending-products .shop-inner .top-inner a{
  position: relative;
  display: inline-block;
  float: right;
  font-size: 16px;
  color: #222;
  font-weight: 600;
  z-index: 1;
}

.trending-products .shop-inner .top-inner a i{
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin-left: 15px;
  font-weight: 600;
  top: 2px;
  transform: rotate(-30deg);
  transition: all 500ms ease;
}

.trending-products .shop-inner .top-inner a:hover i{
  transform: rotate(0deg);
}

.cta-section.alternet-2 .image-layer{
  height: 600px;
}

.cta-section.alternet-2 .cta-inner{
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  padding: 75px 100px 80px 100px;
}



/*** 

====================================================================
                        About-Page
====================================================================

***/


/** page-title **/

.page-title{
  position: relative;
  background: #edf0f5;
  padding: 95px 0px 88px 0px;
}

.page-title .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: repeat-x;
  background-position: center;
  animation: slide 100s linear infinite;
  -webkit-animation: slide 100s linear infinite;
}

@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

.page-title .content-box h1{
  position: relative;
  display: block;
  font-size: 46px;
  line-height: 50px;
  color: #222;
  font-weight: 600;
  margin-bottom: 11px;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  color: #848484;
  padding-right: 16px;
  margin-right: 3px;
}

.page-title .content-box .bread-crumb li a{
  color: #848484;
}
.page-title .content-box .bread-crumb li:last-child{
  padding: 0px !important;
  margin: 0px !important;
}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  color: #848484;
  font-size: 15px;
  top: 0px;
  right: 0px;
}

.page-title .content-box .bread-crumb li:last-child:before{
  display: none;
}




.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}



/*** 

====================================================================
                        Service-Page
====================================================================

***/

.service-page-section{
  position: relative;
  padding: 120px 0px;
}

.mr-30{
  margin-right: 30px;
}

.ml-30{
  margin-left: 30px;
}

.mr-100{
  margin-right: 100px;
}

.ml-100{
  margin-left: 100px;
}

.mb-100{
  margin-bottom: 100px;
}






/*** 

====================================================================
                        Shop-Page
====================================================================

***/


.xs-sidebar-group .xs-overlay{
  left:0%;
  top:0;
  position:fixed;
  height:100%;
  opacity:0;
  width:100%;
  visibility:hidden;
  -webkit-transition:all .4s ease-in .8s;
  -o-transition:all .4s ease-in .8s;
  transition:all .4s ease-in .8s;
  cursor:url(assets/images/icons/cross-out.png),
  pointer; 
  z-index: 999999;
}

.xs-sidebar-group.isActive .xs-overlay{
  opacity:.9;
  visibility:visible;
  -webkit-transition:all .8s ease-out 0s;
  -o-transition:all .8s ease-out 0s;
  transition:all .8s ease-out 0s;
  right:100%;
}

.xs-sidebar-group .widget-heading{
  position:absolute;
  top:10px;
  right:10px;
}

.xs-sidebar-group .widget-heading a{
  position: relative;
  display: inline-block;
  font-size: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #222;
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
}

.xs-sidebar-widget{
  position:fixed;
  left:-100%;
  top:0;
  bottom:0;
  width:100%;
  max-width:370px;
  padding: 80px 50px;
  max-height: 1000px;
  z-index:999999;
  text-align: left;
  overflow:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background-color:#fff;
  -webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility:hidden;
  opacity:0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget{
  opacity:1;
  visibility:visible;
  left:0;
  -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.xs-bg-black {
  background-color: #000000;
}

.mr-0{
  margin: 0px !important;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}













/*** 

====================================================================
                        Contact-page
====================================================================

***/


.address-section{
  position: relative;
  padding: 115px 0px 120px 0px;
}

.address-section .single-adderss-block .inner-box{
  position: relative;
  display: block;
  padding-right: 60px;
}

.address-section .single-adderss-block .inner-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 26px;
}

.address-section .single-adderss-block .inner-box .info-list li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  padding-left: 30px;
  margin-bottom: 16px;
}

.address-section .single-adderss-block .inner-box .info-list li i{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 20px;
  color: #bcbcbc;
}

.address-section .single-adderss-block .inner-box .info-list li:last-child{
  margin-bottom: 0px;
}

.address-section .single-adderss-block .inner-box .info-list li a{
  color: #848484;
}

.google-map-section{
  position: relative;
}

.google-map-section #contact-google-map{
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
}

.contact-section{
  position: relative;
  padding: 115px 0px 120px 0px;
}

.contact-section .default-form .form-group{
  position: relative;
  margin-bottom: 30px;
}

.contact-section .default-form .form-group:last-child{
  margin-bottom: 0px;
}

.contact-section .default-form .form-group input[type='text'],
.contact-section .default-form .form-group input[type='email'],
.contact-section .default-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e6e6;
  font-size: 15px;
  color: #848484;
  padding: 10px 20px;
  transition: all 500ms ease;
}

.contact-section .default-form .form-group textarea{
  height: 170px;
  resize: none;
}

.contact-section .default-form .form-group input:focus,
.contact-section .default-form .form-group textarea:focus{
  border-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.contact-section .default-form .form-group.message-btn{
  padding-top: 20px;
}

.contact-section .default-form .form-group.message-btn button{
  padding: 13.5px 31px;
}



.shop-page-section .pagination-wrapper{
  position: relative;
  padding-top: 30px;
}



/** template footer css **/

.main-footer{
  position: relative;
}

.main-footer .footer-top{
  position: relative;
  background: #fff;
  padding: 100px 0px 100px 0px;
}

.main-footer .footer-top .footer-widget .widget-title{
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.main-footer .footer-top .footer-widget .widget-title h3{
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #222;
  font-weight: 600;
  margin: 0px;
}

.main-footer .footer-top .links-widget .links-list li{
  position: relative;
  display: block;
  margin-bottom: 12px;
}

.main-footer .footer-top .links-widget .links-list li:last-child{
  margin-bottom: 0px;
}

.main-footer .footer-top .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
  color: #848484;
}

.main-footer .footer-top .links-widget .links-list li a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 1px;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
}

.main-footer .footer-top .links-widget .links-list li a:hover:before{
  width: 100%;
}

.main-footer .footer-top .contact-widget .info-list li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #848484;
  margin-bottom: 17px;
}

.main-footer .footer-top .contact-widget .info-list li:last-child{
  margin-bottom: 0px;
}

.main-footer .footer-top .contact-widget .info-list li a{
  display: inline-block;
  color: #848484;
}

.main-footer .footer-top .contact-widget .info-list{
  position: relative;
  margin-bottom: 15px;
}

.footer-social li{
  position: relative;
  display: inline-block;
  margin-right: 25px;
}

.footer-social li:last-child{
  margin-right: 0px;
}

.footer-social li a{
  font-size: 13px;
  color: #848484;
}

.main-footer .footer-top .contact-widget{
  margin-left: 30px;
}

.main-footer .footer-top .newsletter-widget .widget-content p{
  margin-bottom: 31px;
}

.main-footer .footer-top .newsletter-widget .widget-content .newsletter-form .form-group{
  position: relative;
  margin: 0px;
}

.main-footer .footer-top .newsletter-widget .widget-content .newsletter-form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #222;
  padding: 10px 20px;
  font-size: 15px;
  color: #222;
  background: #fff;
  margin-bottom: 10px;
  transition: all 500ms ease;
}


.footer-bottom{
  position: relative;
  background: #eaeceb;
  padding: 21px 0px;
}

.footer-bottom .cart-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.footer-bottom .cart-list li:last-child{
  margin-right: 0px;
}

.footer-bottom .copyright p{
  line-height: 35px;
}

.footer-bottom .copyright a{
  color: #848484;
}


.main-footer.light .footer-top,
.main-footer.light .footer-bottom{
  background: #141414;
}

.main-footer.light .footer-top{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-footer.light .footer-top .footer-widget .widget-title h3{
  color: #fff;
}

.main-footer.light .footer-top .links-widget .links-list li a,
.main-footer.light .footer-top .contact-widget .info-list li,
.main-footer.light .footer-top .contact-widget .info-list li a,
.main-footer.light .footer-top .newsletter-widget .widget-content p,
.main-footer.light .footer-bottom .copyright p,
.main-footer.light .footer-bottom .copyright p a{
  color: #ececec;
}


.main-footer.light .footer-bottom .copyright p{
  line-height: 19px;
}

.main-footer.light .footer-bottom{
  padding: 25px 0px;
}

.main-footer.light .footer-bottom .cart-list{
  margin-top: 6px;
}

.main-footer.light .footer-top .contact-widget .info-list li{
  padding-left: 45px;
}

.main-footer.light .footer-top .contact-widget .info-list li i{
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 30px;
  color: #a6a6a6;
}




/** template header css **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  background: #fff;
  left:0px;
  top:0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  width:100%;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** header-top **/

.main-header .header-top{
  position: relative;
  display: block;
  padding: 12px 0px;
  border-bottom: 1px solid #ededed;
}

.main-header .language{
  position:relative;
  display: inline-block;
  z-index: 5;
  margin-right: 25px;
}

.main-header .language .lang-btn{
  position: relative;
  display: block;
  font-size: 14px;
  color: #222;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  transition: all 500ms ease;
}


.main-header .language .lang-btn .flag{
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 6px;
  display: inline-block;
}

.main-header .language .lang-btn .flag img{
  width: 100%;
  border-radius: 50%;
}

.main-header .language .lang-btn .txt{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #222;
}

.main-header .language .lang-btn .arrow{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 4px;
  font-size: 14px;
  color: #888;
  top: 1px;
}

.main-header .language .lang-btn:before{
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 16px;
}

.main-header .language .lang-dropdown{
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 12px;
  width: 150px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.main-header .language:hover .lang-dropdown{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.main-header .language .lang-dropdown li{
  position: relative;
  display: block;
  border-bottom: 1px solid #f0f0f0;
}

.main-header .language .lang-dropdown li:last-child{
  border: none;
}

.main-header .language .lang-dropdown li a{
  position: relative;
  display: block;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  text-align: left;
}

.main-header .language .lang-dropdown li a:hover{
  text-decoration: underline;
}

.main-header .header-top .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222222;
  margin-right: 30px;
  padding-left: 25px;
}

.main-header .header-top .info li:last-child{
  margin-right: 0px;
}

.main-header .header-top .info li a{
  display: inline-block;
  color: #222;
}


.main-header .header-top .info li i{
  position: absolute;
  left: 0px;
  top: 1px;
  color: #b3b3b3;
}

.main-header .header-top .social-links,
.main-header .header-top .price-box{
  position: relative;
  display: inline-block;
}

.main-header .header-top .social-links{
  padding-right: 20px;
  margin-right: 27px;
  top: 2px;
}

.main-header .header-top .social-links:before{
  position: absolute;
  content: '';
  background: #e6e6e6;
  width: 1px;
  height: 24px;
  top: 2px;
  right: 0px;
}

.main-header .header-top .social-links li{
  position: relative;
  display: inline-block;
  margin: 0px 10px;
}

.main-header .header-top .social-links li a{
  display: inline-block;
  font-size: 15px;
  color: #b3b3b3;
}


.main-header .header-top .price-box span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
  text-transform: uppercase;
  cursor: pointer;
  padding-right: 16px;
}

.main-header .header-top .price-box span:before{
  position: absolute;
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  color: #888888;
  top: 1px;
  right: 0px;
  font-weight: 700;
}

.main-header .header-top .price-box span:after{
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 16px;
}

.main-header .header-top .price-box .price-list{
  position: absolute;
  left: 0;
  top: 100%;
  width: 150px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  margin-top: 12px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.main-header .header-top .price-box:hover .price-list{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.main-header .header-top .price-box .price-list li{
  position: relative;
  display: block;
  border-bottom: 1px solid #f0f0f0;
}

.main-header .header-top .price-box .price-list li:last-child{
  border: none;
}

.main-header .header-top .price-box .price-list li a{
  position: relative;
  display: block;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  text-align: left;
}

.main-header .header-top .price-box .price-list a:hover{
  text-decoration: underline;
}

.main-header .menu-right-content li{
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 30px;
  color: #222;
  margin-right: 20px;
  font-weight: 600;
}

.main-header .menu-right-content li:last-child{
  margin-right: 0px;
}

.main-header .menu-right-content li a{
  display: inline-block;
  color: #222;
}


.main-header .menu-right-content li.shop-cart{
  font-weight: 400;
  font-size: 24px;
}

.main-header .menu-right-content li.shop-cart a{
  position: relative;
  padding-right: 14px;
}

.main-header .menu-right-content li.shop-cart a span{
  position: absolute;
  top: -13px;
  right: 0px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: #2e2e2e;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.main-header .menu-right-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 25px 0px 25px 0px;
}

.header-lower{
  position: relative;
}

.header-lower .outer-box{
  position: relative;
  min-height: 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-header .logo-box{
  position: relative;
  display: block;
  padding: 36px 0px;
}

.header-lower .outer-box .menu-area{
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


/** main-menu **/

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  padding:35px 0px;
  margin: 0px 18px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:15px;
  line-height:30px;
  font-weight:500;
  opacity:1;
  font-family: 'Poppins', sans-serif;
  color:#222;
  z-index:1;
  padding-right: 17px;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.dropdown > a:before{
  position: absolute;
  content: "\f107";
  top: 2px;
  right: 0px;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  top: 0px;
  right: 0px;
  color: #888;
  font-weight: 700;
  transition: all 500ms ease;
}

.main-menu .navigation > li > a span{
  position: absolute;
  top: -15px;
  right: -15px;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  width: 37px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 20px;
}

.main-menu .navigation > li > a span:before{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  left: 15px;
  bottom: -3px;
  transform: rotate(-45deg);
  z-index: -1;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:250px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0px;
  background-color: #fff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:12px 0px;
  line-height:24px;
  font-weight:500;
  font-family: 'Poppins', sans-serif;
  font-size:14px;
  text-transform:capitalize;
  color:#222;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}


.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:-2px;
  width:230px;
  z-index:100;
  display:none;
  padding: 10px 0px;
  background-color: #fff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  font-size: 14px;
  padding:12px 0px;
  line-height:24px;
  font-weight:500;
  font-family: 'Poppins', sans-serif;
  text-transform:capitalize;
  color:#222;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease; 
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}


.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #3b3b3b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}

/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  font-weight: 500;
  padding: 3px 0px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px 120px 25px;
  text-align:left;  
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #202020;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#fff; 
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:30px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 80px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}


.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}


/** search pop-up style **/


.main-header .search-btn .search-toggler{
  position: relative;
  font-size: 22px;
  color: #222;
  font-weight: 400;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all 500ms ease;
}


.search-popup{
  position:fixed;
  left:0;
  top:0px;
  width:100%;
  height:100%;
  z-index:99999;
  visibility:hidden;
  opacity:0;
  overflow:auto;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform:translateY(101%);
  -ms-transform:translateY(101%);
  transform:translateY(101%);
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.search-popup.popup-visible{
  -webkit-transform:translateY(0%);
  -ms-transform:translateY(0%);
  transform:translateY(0%);
  visibility:visible;
  opacity:1;
}

.search-popup .overlay-layer{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  display:block;
}

.search-popup .close-search{
  position:absolute;
  right:25px;
  top:25px;
  font-size:22px;
  color:#ffffff;
  cursor:pointer;
  z-index:5;
  transition: all 500ms ease;
}

.search-popup .search-form{
  position: relative;
  padding: 0px 15px 0px;
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 150px;
  margin-bottom: 100px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 10;
}

.search-popup.popup-visible .search-form {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: all 500ms ease 500ms;
  -moz-transition: all 900ms ease 500ms;
  -webkit-transition: all 900ms ease 500ms;
  -ms-transition: all 900ms ease 500ms;
  -o-transition: all 900ms ease 500ms;
}

.search-popup .search-form .form-group{
  margin-bottom: 30px;
}

.search-popup .search-form fieldset{
  position:relative;
  border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
  position:relative;
  height:70px;
  padding:20px 250px 20px 30px;
  background:#ffffff;
  line-height:30px;
  font-size:24px;
  color:#233145;
  border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
  position:absolute;
  display:block;
  right:0px;
  top:0px;
  text-align:center;
  width:220px;
  height:70px;
  padding:20px 10px 20px 10px;
  color:#ffffff !important;
  line-height:30px;
  font-size:20px;
  cursor:pointer;
  text-transform:uppercase;
  border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
  transform: translateY(0px);
}

.search-popup h3{
  text-transform:uppercase;
  font-size:20px;
  font-weight:600;
  color:#ffffff;
  margin-bottom:20px;
  letter-spacing:1px;
  text-align:center;  
}

.search-popup .recent-searches{
  font-size:16px;
  color:#ffffff;
  text-align:center;
}

.search-popup .recent-searches li{
  display:inline-block;
  margin:0px 10px 10px 0px; 
}

.search-popup .recent-searches li a{
  display:block;
  line-height:24px;
  border:1px solid #ffffff;
  padding:7px 15px;
  color:#ffffff;
  border-radius:3px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

.sticky-header .main-menu .navigation > li{
  padding: 0px !important;
  margin: 0px !important;
}

.sticky-header .main-menu .navigation > li > a{
  padding: 20px 30px;
  color: #222 !important;
}

.sticky-header .main-menu .navigation > li.current > a, 
.sticky-header .main-menu .navigation > li:hover > a{
  color: #fff !important;
}

.sticky-header .logo-box{
  padding: 0px !important;
}

.sticky-header .logo-box .logo{
  position: relative;
  padding: 21px 0px !important;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before{
  display: none;
}

.sticky-header .main-menu .navigation > li > a span{
  display: none;
}

.sticky-header .outer-box{
  position: relative;
}

/** header-style-two **/

.main-header .header-top .info{
  position: relative;
  display: inline-block;
}

.main-header.style-two .header-top .social-links{
  padding-right: 0px;
  padding-left: 20px;
  margin-right: 0px;
  margin-left: 27px;
}

.main-header.style-two .header-top .social-links:before{
  right: inherit;
  left: 0px;
}

.main-header.style-two .header-lower{
  background: #1a1a1a;
}

.main-header.style-two .main-menu .navigation > li > a{
  color: #fff;
}

.main-header.style-two .main-menu .navigation > li.dropdown > a:before{
  color: #fff;
}

.main-header .header-upper .search-info{
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 650px;
  border: 1px solid #e8e8e8;
}

.main-header .header-upper .search-info .nice-select{
  border: none !important;
  height: 54px;
  line-height: 54px;
  padding: 0px 30px;
}

.main-header .header-upper .upper-inner{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-header .header-upper .search-info .form-group{
  position: relative;
  padding: 0px 50px;
  margin: 0px;
  min-width: 478px;
}

.main-header .header-upper .search-info .form-group:before{
  position: absolute;
  content: '';
  background: #e6e6e6;
  width: 1px;
  height: 24px;
  left: 15px;
  top: 15px;
}

.main-header .header-upper .search-info .form-group input[type='text']{
  position: relative;
  display: block;
  width: 100%;
  height: 54px;
  padding: 10px 0px;
  font-size: 15px;
  color: #888;
  transition: all 500ms ease;
}

.main-header .header-upper .search-info .form-group button{
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  font-size: 22px;
  color: #222;
  cursor: pointer;
  font-weight: 400;
  transition: all 500ms ease;
  margin: 0;
  padding: 0;
}

.main-header.style-two .header-lower .outer-box{
  display: block;
}

.main-header .header-lower .category-box{
  position: relative;
  display: inline-block;
  width: 270px;
  margin-right: 40px;
}

.main-header .header-lower .category-box a{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  margin: 0px;
  padding: 22px 30px 22px 67px;
  cursor: pointer;
}

.main-header .header-lower .category-box a:before {
  position: absolute;
  content: "\f13d";
  font-size: 18px;
  font-family: 'Flaticon';
  font-weight: 600;
  color: #fff;
  left: 30px;
  top: 22px;
}

.main-header .header-lower .category-box .category-content{
  position: absolute;
  left: 0px;
  top: 70px;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header .header-lower .category-box:hover .category-content{
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.main-header.style-two .main-menu .navigation > li{
  padding: 20px 0px;
}

.main-header.style-two .header-lower .outer-box{
  min-height: auto;
}

.main-header .header-lower .category-box .category-content li{
  position: relative;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}

.main-header .header-lower .category-box .category-content li:last-child{
  border-bottom: none;
}

.main-header .header-lower .category-box .category-content li i{
  position: absolute;
  left: 25px;
  top: 15px;
  font-size: 22px;
  color: #222;
}

.main-header .header-lower .category-box .category-content li a{
  position: relative;
  display: block;
  padding: 17px 25px 16px 60px;
  font-size: 14px;
  color: #222;
}

ul.cart-list.pull-left.clearfix img {
  border-radius: 5px;
}

.main-header .header-lower .category-box .category-content li ul{
  position: absolute;
  top: 15px;
  left: 100%;
  background: #fff;
  width: 220px;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0px;
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  z-index: 1;
  transition: all 500ms ease;
}

.main-header .header-lower .category-box .category-content li ul li:last-child{
  border-bottom: none;
}

.main-header .header-lower .category-box .category-content li.dropdown-option:hover ul{
  opacity: 1;
  visibility: visible;
  top: 0px;
}

.main-header .header-lower .category-box .category-content li.dropdown-option:before{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 19px;
  display: block;
  color: #222;
  line-height: 24px;
  font-size: 15px;
  font-weight: 700;
}

.main-header .header-lower .category-box .category-content li ul li a{
  padding: 12px 25px;
}

/** header-style-four **/

.main-header.style-four{
  position: relative;
  box-shadow: none;
}

.main-header.style-four .header-top{
  background: #1a1a1a;
}

.main-header.style-four .header-top .info li a{
  color: #fff;
}

.main-header.style-four .header-top .info li{
  color: #fff;
}

.main-header.style-four .header-top .social-links {
  padding-left: 20px;
  margin-left: 27px;
  padding-right: 0px;
  margin-right: 0px;
}

.main-header.style-four .header-top .social-links:before{
  right: inherit;
  left: 0px;
  background: rgba(255,255,255,0.2);
}

.main-header.style-four .language .lang-btn .txt{
  color: #fff;
}

.main-header.style-four .header-top .price-box span{
  color: #fff;
}

.main-header.style-four .header-lower .category-box a{
  background: #2e2e2e;
  padding: 17px 30px 17px 67px;
}

.main-header.style-four .header-lower .category-box a:before{
  top: 16px;
}

.main-header .header-lower .category-box a:before{
  top: 22px;
}

.main-header.style-four .header-lower .category-box .category-content li a:before{
  position: absolute;
  content: '';
  border: 2px solid #d5d5d5;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  left: 30px;
  top: 25px;
  transition: all 500ms ease;
}

.main-header.style-four .header-lower .category-box .category-content li ul li a:before{
  display: none;
}

.main-header.style-four .header-lower .outer-box{
  display: block;
  min-height: auto;
}

.main-header.style-four .header-lower .category-box{
  width: 340px;
  margin-right: 30px;
}

.main-header.style-four .header-lower .search-info{
  position: relative;
  max-width: 1075px;
  width: 100%;
  border: 1px solid #e8e8e8; 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.main-header.style-four .header-lower .search-info .search-form,
.main-header.style-four .header-lower .search-info .select-box{
  display: inline-block;
}

.main-header.style-four .header-lower .search-info .search-form .form-group{
  min-width: 690px;
  margin: 0px;
  padding-right: 100px;
}

.main-header.style-four .header-lower .search-info .select-box{
  position: relative;
}

.main-header.style-four .header-lower .search-info .select-box:before {
  position: absolute;
  content: '';
  background: #e6e6e6;
  width: 1px;
  height: 26px;
  left: -55px;
  top: 16px;
}

.main-header.style-four .header-lower .search-info .search-form .form-group input[type='text']{
  position: relative;
  display: block;
  max-width: 620px;
  height: 58px;
  width: 100%;
  padding: 10px 30px;
}

.main-header.style-four .header-lower .search-info .search-form .form-group button{
  position: absolute;
  top: -1px;
  right: -1px;
  width: 170px;
  height: 60px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: all 500ms ease;
}

.main-header.style-four .header-lower .search-info .search-form .form-group button i{
  font-size: 22px;
  margin-right: 10px;
}

.main-header.style-four .header-lower .nice-select{
  height: 58px;
  line-height: 58px;
  border: none !important;
}

.main-header.style-four .header-lower .nice-select:after{
  right: 30px;
  margin-top: -5px;
}

.main-header.style-four .header-lower .category-box .category-content{
  top: 60px;
}

.main-header.style-three{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  background: transparent;
  box-shadow: none;
}

.our-shop.wrapper.grid .grid-item{
  display: flex;
}

.our-shop.wrapper.grid .list-item{
  display: none;
}

.our-shop.wrapper.list .grid-item{
  display: none;
}

.our-shop.wrapper.list .list-item{
  display: block;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  left: auto;
  right: 10px;
}
.woocommerce-address-fields button {
  background: #222 !important;
  color: #fff!important;
  padding: 16px 23px !important;
}
.woocommerce-message + p.cart-empty.woocommerce-info {
  margin-bottom: 20px !important;
}
td.woocommerce-product-attributes-item__value p {
  padding-left: 10px !important;
}
.woocommerce .nice-select {
  border-radius: 0px;
  font-size: 15px;
    color: #848484;
}
.woocommerce .nice-select.open {
  border-color: #ff4135 !important;
}
.woocommerce .nice-select:after {
  right: 16px;
  margin-top: -6px;
}
.nice-select.open .list {
  box-shadow: 0 0 0 1px rgb(255 65 53 / 62%);
  border-radius: 0;
}
.tinvwl-table-manage-list select {
  border-radius: 0;
}
.tinv-wishlist.woocommerce button.button, .tinv-wishlist.woocommerce input.button {
  background: #141414;
  color: #fff;
  padding: 18px 18px !important;
  border: 1px solid #141414;
  transition: .4s;
}

.tinv-wishlist.woocommerce button.button:hover, .tinv-wishlist.woocommerce input.button:hover {
  background: white;
  border: 1px solid #141414;
  color: #141414;
}

td.product-action {
  width: 178px !important;
}
.tinv-wishlist table td, .tinv-wishlist table  a {
  color: #141414;
}
.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item a {
  color: #222;
}
.woocommerce-info a {
  color: #222;
}
.woocommerce-privacy-policy-text a {
  color: #222;
}
.select-box .nice-select:after {
  margin-top: -5px;
}
.woocommerce-message a {
  color: #222;
}
.shop-block-one .inner-box .lower-content a.product-shop-list-title {
  font-size: 20px;
  margin-bottom: 5px;
  font-family: 'Josefin Sans', sans-serif;
}
.sidebar.shop-sidebar .widget-title h3 {
  font-size: 19px;
}
.blog-details .blog-details-content .inner-box .comments-area-rif-at .group-title h2,
.comments-form-area .comment-reply-title, .comment-respond .comment-reply-title {
  color: #222222;
}
.woocommerce div.product form.cart .variations .nice-select .list,
.woocommerce div.product form.cart .variations .nice-select {
  width: 100%;
}