/*----------------------------------------------------------------------------------- 
Theme Name: Eme Woocommerce Theme. 
-------------------------------------------------------------------------------------*/
/*---------------------------------------- 
Menu basic style 
------------------------------------------*/
 .header{
     z-index: 10;
     position: relative;
}
 .main__menu {
     display: flex;
     justify-content: center;
     list-style: none;
     margin-bottom: 0;
}
 .main__menu > li > a {
     color: #333333;
     display: block;
     font-size: 14px;
     height: 80px;
     line-height: 80px;
     position: relative;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
}
 .header--one .main__menu > li > a {
     height: 70px;
     line-height: 70px;
}
 .header--one .eme-sticky-menu.is-sticky .main__menu > li > a {
     height: 80px;
     line-height: 80px;
}
 .main__menu li {
     position: relative;
     padding: 0 22px;
}
 .primary-nav-wrap .main__menu li {
     margin: 0;
}
 .main__menu > li:hover > a{
     color: #3fd9b2;
}
 .logo a{
     display: block;
     font-size: 24px;
}
/*--------------------------- 
Header Two 
-----------------------------*/
 .offsetmenu.offsetmenu__on{
     opacity: 1;
     padding-bottom: 50px;
     left: calc(0px - 16px);
}
 .offsetmenu{
     left: -100%;
}
 .offsetmenu{
     overflow-y: inherit !important;
}
 .header--two .logo {
     height: auto;
}
 .header--two .ht__header__top__left, .header--two .ht__header__right {
     height: auto;
}
 .header--two .header__search span::before {
     display: none;
}
 .header--two .header__search span {
     padding-right: 0;
     display: block;
}
 .header--two .ht__header__right {
     display: block;
     text-align: right;
}
 .header--two .ht__header__right {
     padding-top: 43px;
}
 .header--two .htc__shopping__cart {
     height: 32px;
}
 .header--two .htc__shopping__cart a span.htc__qua {
     right: -7px;
     top: -5px;
}
 .header--two .htc__shop__now__btn {
     margin-left: 18px;
     margin-right: 94px;
}
 .header--two .toggle__menu span i {
     color: #222;
     cursor:pointer;
     font-size: 30px;
     transition: all 0.4s ease 0s;
}
 .header--two .htc__shop__now__btn a {
     font-size: 18px;
     font-weight: 700;
     text-transform: capitalize;
     color: #222222;
     transition: 0.4s;
}
 .header--two .htc__shop__now__btn a:hover, .header--two .toggle__menu span:hover i{
     color: #3fd9b2;
}
 .header--two .header__search {
     height: 32px;
     line-height: 32px;
     margin-bottom: 16px;
}
 .header--two .header__top__area {
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 99;
}
 .home--two .offsetmenu__close__btn {
     background-color: #3fd9b2;
}
 .home--two .offsetmenu__close__btn span i {
     color: #fff;
     transition: 0.3s;
     cursor: pointer;
}
 .home--two .sidebar__menu li a {
     display: block;
     padding: 2px 20px;
     transition: all 0.4s ease 0s;
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-size: 18px;
     text-transform: uppercase;
}
 .home--two .sidebar__menu {
     margin-top: 40px;
     margin: 0;
}
 .home--two .sidebar__menu li.active{
     background: #fff none repeat scroll 0 0;
     color: #333;
}
 .home--two .sidebar__menu li:hover {
     background: #fff none repeat scroll 0 0;
     color: #333;
}
 .home--two .offsetmenu__close__btn span:hover i {
     color: #f10;
}
 .sidebar__menu li {
     position: relative;
}
 .sidebar__menu li ul.dropdown {
     background: #fff none repeat scroll 0 0;
     left: calc(100%);
     opacity: 0;
     padding: 20px 10px;
     position: absolute;
     top: 0;
     transition: all 0.5s ease 0s;
     visibility: hidden;
     width: 200px;
}
 .sidebar__menu li ul.dropdown li a {
     color: #333;
}
 .home--two .sidebar__menu li ul.dropdown li a {
     color: #000;
     font-size: 16px;
}
 .sidebar__menu li:hover ul.dropdown {
     opacity: 1;
     visibility: visible;
}
 .home--two .sidebar__menu li ul.dropdown li a {
     padding: 0;
     transition: 0.3s;
}
 .home--two .sidebar__menu li ul.dropdown li a:hover {
     color: #3fd9b2;
}
 .home--two .sidebar__menu li{
     color: #fff;
     display: block;
     font-family: "Poppins",sans-serif;
     font-size: 18px;
     padding: 7px 20px;
     text-transform: uppercase;
     transition: all 0.4s ease 0s;
}
 .home--two .sidebar__menu li:hover {
     background: #fff none repeat scroll 0 0;
     color: #333;
}
 .home--two .sidebar__menu li ul.dropdown.mega_dropdown li {
     padding: 6px 0;
}
 .sidebar__menu li ul.dropdown.mega_dropdown {
     width: 753px;
}
 .offsetmenu__inner{
     height: 100%;
     padding: 60px 0 60px 50px;
}
 .home--two .sidebar__menu .dropdown li{
     padding: 2px 15px;
}
/*--------------------------- Header three -----------------------------*/
 .header--3 .main__menu > li > a, .header--4 .main__menu > li > a, .header--5 .main__menu > li > a {
     height: 100px;
     line-height: 100px;
}
 .header--3 .logo, .header--4 .logo, .header--5 .logo {
     height: 100px;
     justify-content: flex-start;
}
 .header--3 .htc__header__right, .header--4 .htc__header__right, .header--5 .htc__header__right {
     align-items: center;
     display: flex;
     height: 100px;
     justify-content: flex-end;
}
 .header--3 .mainmenu__wrap{
     background: transparent none repeat scroll 0 0;
     padding: 0 100px;
}
 .header--3 .menumenu__container {
     background: #ffffff none repeat scroll 0 0;
     padding-left: 35px;
     padding-right: 35px;
}
 .header--3 .mainmenu__wrap {
     left: 0;
     position: absolute;
     right: 0;
     top: 50px;
     z-index: 2;
}
 .header--3 .header__search span::before, .header-4 .header__search span::before, .header-5 .header__search span::before {
     background: #898989 none repeat scroll 0 0;
     height: 25px;
     width: 2px;
}
 .header--3 .header__search span, .header--4 .header__search span, .header--5 .header__search span {
     margin-right: 20px;
     position: relative;
}
 .header--3 .header__search, .header--4 .header__search, .header--5 .header__search {
     height: 100px;
     line-height: 110px;
}
 .header--4 .htc__shopping__cart, .header--5 .htc__shopping__cart{
     height: 100px;
}
 .header--3 .htc__shopping__cart a span.htc__qua , .header--4 .htc__shopping__cart a span.htc__qua, .header--5 .htc__shopping__cart a span.htc__qua{
     right: -6px;
     top: 29px;
}
.slider__activation__wrap--3 .owl-nav {
  margin: 10px 0;
}
.slider__activation__wrap--3 .owl-nav > div i {
  position: relative;
  top: 2px;
}
.owl-theme .owl-nav [class*="owl-"] {
  transition: all 0.3s ease 0s;
}
/*------------------------ 
Header 4 
---------------------------*/
 .header--4 .mainmenu__wrap {
     position: fixed;
     width: 100%;
     z-index: 2;
}
 .header--4 .main__menu--onclick {
     align-items: center;
     display: flex;
     height: 100px;
     justify-content: center;
}
 .header--4 .menu__click span i, .menu__click.menu__close__btn span i {
     background: #3fd9b2 none repeat scroll 0 0;
     border-radius: 100%;
     color: #fff;
     font-size: 24px;
     height: 53px;
     line-height: 52px;
     text-align: center;
     width: 53px;
}
 .menu__click.menu__close__btn span, .header--4 .menu__click span i{
     cursor: pointer;
}
 .menu__click.menu__close__btn {
     right: 25px;
     position: absolute;
     top: 25px;
}
 .menu__click.menu__close__btn span i {
     background: #000 none repeat scroll 0 0;
}
.header--4 .mainmenu__wrap.is-sticky {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(246, 246, 248, 0.9) none repeat scroll 0 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
/*------------------------ 
Header 5 
---------------------------*/
 .header--5 .header__top__area, .header--5 .menumenu__container {
     padding-left: 0;
     padding-right: 0;
}
 .header--5 .mainmenu__wrap {
     border-top: 1px solid #ebebeb;
     border-bottom: 1px solid #ebebeb;
}
 .header--5 .ht__header__top__left {
     height: 53px;
}
 .header--5 .ht__header__right {
     height: 53px;
}
/* New Code */
 .off__canvars__wrap.right--side.width-half {
     position: fixed;
     width: calc(50% + 2px);
     right: 0;
     top: 0;
     background: rgba(63, 217, 178, 0.85);
     z-index: 50;
     height: 100vh;
     padding: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.3s ease-in-out 0s;
}
 nav.off__canvars--menu ul{
     list-style: none 
}
 nav.off__canvars--menu ul li a {
     color: #fff;
     font-size: 20px;
     text-transform: capitalize;
}
 nav.off__canvars--menu ul li {
     text-align: center;
     padding: 10px 0;
}
 .off__canvars__open{
     overflow: hidden;
}
 .off__canvars__wrap.right--side.width-half{
     opacity: 0;
     visibility: hidden;
     z-index: -999;
     right: -90%;
}
 .off__canvars__wrap.right--side.width-half.off__canvars__wrap__on{
     opacity: 1;
     visibility: visible;
     z-index: 99999999;
     right: 0;
}
 nav.off__canvars--menu ul li ul li {
     z-index: 99999999;
}
 nav.off__canvars--menu ul li ul li a {
     color: #fff;
     z-index: 99999999;
}
 nav.off__canvars--menu ul li a:hover {
     color: #ddd;
}
 nav.off__canvars--menu ul li ul li a:hover {
     color: #ddd;
}
/*----------------------- 
Header One Search 
-----------------------*/


.header--one .header__search {
  height: 70px;
  line-height: 80px;
}
 .header__search span i {
     color: #000000;
     font-size: 24px;
     position: relative;
}
 .header__search {
     height: 68px;
     line-height: 68px;
}
 .htc__shopping__cart {
     align-items: center;
     display: flex;
     height: 68px;
     justify-content: flex-end;
     position: relative;
}
 .htc__shopping__cart i {
     color: #000000;
     font-size: 24px;
     cursor:pointer;
}
 .htc__shopping__cart span.htc__qua {
     background: #3fd9b2 none repeat scroll 0 0;
     border-radius: 100%;
     color: #000000;
     font-size: 9px;
     height: 17px;
     line-height: 17px;
     position: absolute;
     right: -5px;
     text-align: center;
     top: 25px;
     width: 17px;
     cursor: pointer;
     pointer-events: none;
}
.header--one .htc__shopping__cart span.htc__qua {
    top: 19px;
}

.header--two .htc__shopping__cart span.htc__qua {
    top: 0;
}

.header--3 .htc__shopping__cart span.htc__qua {
    top: 19px;
}
.header--5 .htc__shopping__cart span.htc__qua,
.header--4 .htc__shopping__cart span.htc__qua {
    top: 35px;
}



 .header__search span {
     padding-right: 22px;
     position: relative;
     cursor: pointer;
}
 .header__search span::before {
     background: #000000 none repeat scroll 0 0;
     content: "";
     height: 25px;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-70%);
     width: 3px;
}
/*----------------------------------------- 
Sticky For Header 
-------------------------------------------*/
 .sticky__header.scroll-header {
     animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
     background: rgba(246, 246, 248, 0.9) none repeat scroll 0 0;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
     left: 0;
     margin: 0 auto;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 99;
}
 .header--3 .scroll-header .menumenu__container {
     background: transparent;
}
 .fluid-container.mobile-menu-container {
     position: relative;
}
 .mobile-logo {
     align-items: center;
     display: flex;
     height: 52px;
     left: 0;
     padding-left: 15px;
     position: absolute;
     top: 0;
     z-index: 2147483647;
}
 .mobile-logo img {
     max-height: 25px;
}
.mobile-menu-area ul li i {
  display: none;
}
/*----------------------------- 
Dropdown Menu 
--------------------------------*/
 .main__menu li.drop{
     position: relative;
}
 .main__menu li.drop ul.dropdown {
     background: #ffffff none repeat scroll 0 0;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     top: 120%;
     transition: all 0.2s ease-in-out 0s;
     visibility: hidden;
     opacity: 0;
     width: 225px;
     z-index: -999;
}
 .scroll-header .main__menu li.drop ul.dropdown {
     top: 120%;
}
 .scroll-header .main__menu li.drop:hover ul.dropdown {
     top: 100%;
}
 .main__menu li.drop:hover ul.dropdown {
     opacity: 1;
     visibility: visible;
     top: 100%;
	 z-index: 999;
}
.main__menu li.drop ul.dropdown ul.dropdown {
    left: 100%;
    top: 30px;
    opacity: 0;
}
.main__menu li.drop:hover ul.dropdown li a i {
    float: right;
    font-size: 20px;
}
.main__menu li.drop ul.dropdown li:hover ul.dropdown {
     opacity:1;
     visibility:visible;
     top: 0;
}

 .main__menu ul.dropdown li {
     border-bottom: 1px solid #f4f4f4;
     display: block;
}
 .main__menu ul.dropdown li a {
     background: #ffffff none repeat scroll 0 0;
     color: #333;
     display: block;
     font-size: 12px;
     font-weight: 400;
     text-align: left;
     text-decoration: none;
     text-transform: uppercase;
     transition: all 0.2s ease-in-out 0s;
     padding: 5px 18px;
     transition: 0.3s;
     font-family: 'Poppins', sans-serif;
     line-height: inherit;
}
 .main__menu li.drop ul.dropdown li:hover > a {
     background: #fafafa none repeat scroll 0 0;
     color: #3fd9b2;
}
 .main__menu li.drop ul.dropdown li {
     padding: 0;
}

.main__menu > li.menu-item-has-children > a::before {
  content: "\f107";
  position: absolute;
  font-family: fontawesome;
  right: -15px;
}

.main__menu .dropdown > li.menu-item-has-children > a::before {
  content: "\f105";
  position: absolute;
  font-family: fontawesome;
  right: 15px;
}
.mobile-menu-area .main__menu > li.menu-item-has-children > a::before {
     display: none;
}

/*-------------------------------
 Mega Menu 
 ---------------------------------*/
 .main__menu li.drop ul.three.dropdown.mega_dropdown {
     width: 654px;
}
 .main__menu li.drop ul.two.dropdown.mega_dropdown {
     width: 500px;
}
 .main__menu li.drop ul.four.dropdown.mega_dropdown {
     width: 800px;
}
 .mega__item {
     padding: 0;
}
 .dropdown.mega_dropdown {
     display: flex;
     justify-content: space-between;
     padding: 30px !important;
}
 .dropdown.mega_dropdown li a.mega__title {
     display: inline-block;
     font-size: 20px;
     margin-bottom: 20px;
     padding: 0 0 10px;
     position: relative;
     text-transform: capitalize;
}
 .dropdown.mega_dropdown li a.mega__title::before {
     background: #000 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 1px;
     left: 0;
     position: absolute;
     width: 100%;
}
 .main__menu li.drop ul.dropdown.mega_dropdown {
     left: 50%;
     transform: translateX(-50%);
}
 .main__menu li.drop ul.dropdown.mega_dropdown li:hover > a {
     background: transparent none repeat scroll 0 0;
     color: #3fd9b2 ;
}
 .main__menu ul.dropdown.mega_dropdown li a {
     padding: 0;
}
 .main__menu ul.dropdown.mega_dropdown li {
     border-bottom: 1px solid transparent;
}
 .two.mega-menu.dropdown.mega_dropdown > li {
     width: 50%;
}
 .four.mega-menu.dropdown.mega_dropdown > li {
     width: 25%;
}
 .three.mega-menu.dropdown.mega_dropdown > li {
     width: 33.333%;
}
/*--------------------------------- 
cd-words-wrapper 
--------------------------------*/
 .theme-color .cd-words-wrapper {
     padding: 0px !important;
}
/*----------------------
 Header Top One 
 ------------------------*/
 .select__language {
     display: flex;
     margin-right: 34px;
     list-style:none;
     margin-bottom: 0;
     padding: 0;
}
 .select__language li a {
     color: #333333;
     text-transform: uppercase;
}
 .header__top__area, .menumenu__container {
     padding-left: 80px;
     padding-right: 80px;
}
 .select__language > li > ul > li > a {
     color: #333333;
}
 .select__language > li:hover > a , .select__language > li > ul > li > a:hover , .htc__contact a:hover{
     color: #3fd9b2;
}
 .htc__contact a {
     color: #333333;
     font-size: 15px;
}
 .ht__header__top__left {
     align-items: center;
     display: flex;
     padding: 50px 0;
}
 .ht__header__right li a {
     color: #333333;
     text-transform: capitalize;
     transition: 0.4s;
}
 .ht__header__right li a:hover{
     color: #3fd9b2;
}
 .ht__header__right {
     align-items: center;
     display: flex;
     justify-content: flex-end;
     list-style: none;
     margin-bottom: 0;
     padding: 50px 0;
}
.logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 44px 0;
}
.logo > h3 {
  margin-bottom: 0;
  margin-top: 0;
}
 .htc__contact a i {
     color: #3fd9b2;
     padding-right: 8px;
}
 .ht__header__right li + li {
     margin-left: 30px;
}
 .ht__header__top__left .switcher .option{
     position: absolute;
}
/*-----------------------------------------
 Header Language Option 
 -------------------------------------------*/
 .select__language > li + li {
     margin-left: 8px;
     padding-left: 18px;
}
 .select__language li {
     position: relative;
}
 .select__language li.drop--lan .language__option {
     background: #fff none repeat scroll 0 0;
     left: 0;
     opacity: 0;
     padding: 10px 20px;
     position: absolute;
     top: 100%;
     transition: all 0.4s ease 0s;
     visibility: hidden;
     width: 150px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
     z-index: 2;
     list-style: none;
}
 .select__language li.drop--lan:hover .language__option {
     opacity: 1;
     visibility: visible;
}
 .language__option li {
     padding: 3px 0;
}
/*----------------------------------------- 
Header Search area 
-------------------------------------------*/
 .search__area .search__inner form button::before {
     color: #333;
     content: "";
     display: block;
     font-family: Material-Design-Iconic-Font;
     font-size: 29px;
     transition: color 300ms ease 0s;
}
 .search__area {
     background: #cfcfcd none repeat scroll 0 0;
     box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     transform: translateY(-200%);
     transition: all 300ms ease 0s;
     z-index: 2147483647;
}
 .search__area .search__inner{
     position: relative;
}
 .search__area .search__inner form {
     margin: 4em 0;
     padding: 0 40px 0 0;
     position: relative;
     text-align: center;
}
 .search__area .search__inner form input[type="text"] {
     background: #fff none repeat scroll 0 0;
     border: medium none;
     color: #333;
     font-size: 25px;
     font-weight: 300;
     height: 60px;
     line-height: 60px;
     padding: 0 70px 0 20px;
     text-align: left;
}
 .search__area .search__inner form input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #333;
     font-size: 25px;
     font-weight: 300;
}
 .search__area .search__inner form input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
     color: #333;
     font-size: 25px;
     font-weight: 300;
}
 .search__area .search__inner form input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
     color: #333;
     font-size: 25px;
     font-weight: 300;
}
 .search__area .search__inner form input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
     color: #333;
     font-size: 25px;
     font-weight: 300;
}
.search__area .search__inner form button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  padding: 0;
  position: absolute;
  right: 40px;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 60px;
}
 .search__area .search__inner form button:hover {
     background: #3fd9b2 none repeat scroll 0 0;
}
 .search__area .search__inner form button:hover::before {
     color: #fff;
}
 .search__area .search__inner .search__close__btn {
     display: block;
     line-height: 66px;
     position: absolute;
     right: 0;
     top: 0;
     color: #fff;
     cursor: pointer;
     font-size: 21px;
}
 .search__close__btn .search__close__btn_icon i {
     transition: all 0.5s ease 0s;
     transform: scale(1) rotate(0deg);
}
 .search__close__btn .search__close__btn_icon:hover i {
     transform: scale(2) rotate(180deg);
     color: #3fd9b2;
}
 .search__box__show__hide .search__area {
     transform: translateY(0px);
     transition: all 300ms ease 0s;
}
/*-------------------------- 
Body Onerlay Menu 
----------------------------*/
 .body__overlay {
     backface-visibility: hidden;
     background-color: rgba(0, 0, 0, 0.8);
     height: 100%;
     left: 0;
     opacity: 0;
     position: fixed;
     top: 0;
     transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
     visibility: hidden;
     width: 100%;
     z-index: 99999;
}
 .body__overlay.is-visible {
     opacity: 1;
     transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s;
     visibility: visible;
}
/*-------------------------- 
Toggle menu 
----------------------------*/
 .shopping__cart, .user__meta {
     background: #eeeeee none repeat scroll 0 0;
     box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);
     display: block;
     height: 100vh;
     opacity: 0;
     overflow-y: scroll;
     position: fixed;
     right: -100%;
     top: 0;
     transition: all 0.25s ease 0s;
     width: 100%;
     z-index: 99999;
     width: 475px;
}
 .offsetmenu {
     background: #3fd9b2;
     box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);
     display: block;
     height: 100vh;
     opacity: 0;
     overflow-y: scroll;
     position: fixed;
     right: -100%;
     top: 0;
     transition: all 0.25s ease 0s;
     width: 475px;
     z-index: 99999;
}
 .user__meta .htc__login__register {
     padding-top: 30px;
}
 .offsetmenu.offsetmenu__on, .shopping__cart.shopping__cart__on, .user__meta.user__meta__on {
     opacity: 1;
     padding-bottom: 50px;
     right: calc(0px - 16px);
}
 .offsetmenu__inner, .shopping__cart__inner, .user__meta__inner {
     height: 100%;
     padding: 60px 50px 60px;
}
 .home--two .offsetmenu__inner{
     padding-right: 0;
     padding-top: 100px;
}
 .offsetmenu__close__btn {
     background-color: #eee;
     padding: 29px 50px 24px;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 10;
}
 .offsetmenu__close__btn span{
     cursor: pointer;
}
 .offsetmenu__close__btn span i {
     color: #666666;
     font-size: 36px;
     transition: all 0.3s ease 0s;
}
 .offsetmenu__close__btn span:hover i{
     color: #3fd9b2;
}
 .offset__widget {
     display: flex;
     justify-content: space-between;
     margin-bottom: 19px;
     margin-top: 7px;
}
 h4.offset__title {
     color: #444444;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 15px;
     text-transform: capitalize;
}
 .offset__single ul li a {
     color: #303030;
     font-size: 14px;
     text-transform: capitalize;
     transition: all 0.4s ease 0s;
}
 .offset__single ul li + li {
     padding: 2px 0 0;
}
 .offset__single ul li a:hover {
     color: #3fd9b2;
}
 .off__contact p {
     color: #303030;
     font-size: 16px;
     line-height: 28px;
     width: 98%;
     text-align: center;
}
 .offset__sosial__share {
     margin-top: 21px;
     text-align: center;
}
 .off__soaial__link {
     display: flex;
     justify-content: center;
     margin-top: 16px;
     list-style:none;
}
 .off__soaial__link li + li {
     padding-left: 15px;
}
 .off__soaial__link li a{
     height: 35px;
     line-height: 35px;
     width: 35px;
     text-align: center;
     transition: all 0.3s ease 0s;
     display: block;
}
 .off__soaial__link li a i {
     color: #fff;
     font-size: 16px;
}
 .off__soaial__link li a:hover i {
     color: #fff;
}
 .off__contact {
     margin-bottom: 25px;
}
 .off__contact .logo {
     margin-bottom: 18px;
     text-align: center;
}
 .sidebar__thumd {
     display: flex;
     flex-wrap: wrap;
     margin: 32px -7px 30px;
}
 .sidebar__thumd li {
     margin: 0 7px 15px;
     position: relative;
}
 .sidebar__thumd a img {
     width: 100%;
}
 .sidebar__thumd > li a::before {
     background: #3fd9b2 none repeat scroll 0 0;
     content: "";
     height: 100%;
     opacity: 0;
     position: absolute;
     transition: all 0.5s ease 0s;
     width: 100%;
}
 .sidebar__thumd li a::after {
     color: #fff;
     content: "";
     font-family: themify;
     left: 40%;
     opacity: 0;
     position: absolute;
     top: 33%;
     transition: all 0.5s ease 0s;
}
 .sidebar__thumd li a {
     position: relative;
}
 .sidebar__thumd > li a {
     display: block;
}
 .sidebar__thumd li a:hover::after {
     opacity: 1;
}
 .sidebar__thumd li a:hover::before {
     opacity: 0.7;
}
 .shopping__cart__inner {
     padding: 102px 50px;
}
 .shopping__cart__inner .offsetmenu__close__btn {
     padding: 21px 50px 24px;
}
.logged-in .shopping__cart {
  margin-top: 32px;
}
/*--------------------------------- 
Shopping Cart Area 
---------------------------------*/
 .shp__pro__details h2 {
     border-top-width: 0;
     color: #000;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.4;
     padding: 0;
     text-transform: none;
     margin: 0;
}
 .shoping__total .subtotal {
     color: #000;
     font-size: 20px;
     font-weight: 400;
     text-transform: capitalize;
}
 .shp__pro__details .shp__price {
     color: #3fd9b2;
     display: block;
}
 .shoping__total .subtotal {
     color: #000;
     font-weight: 400;
}
 .shoping__total .total__price {
     color: #3fd9b2;
     float: right;
}
 .woocommerce .shopping__btn a.button {
     background-color: transparent;
     border: 1px solid #000;
     color: #000;
     font-size: 14px;
     height: 57px;
     line-height: 57px;
     margin-bottom: 15px;
     padding: 0 25px;
     text-align: center;
     text-transform: none;
     transition: all 0.5s ease 0s;
     width: 100%;
     display: block;
}
 .woocommerce .shopping__btn a.button:hover{
     background: #3fd9b2;
     border: 1px solid #3fd9b2;
     color: #fff;
}
 .woocommerce .shopping__btn a.button{
     background-color: #000;
     color: #fff;
}
 .shp__single__product {
     display: flex;
     justify-content: space-between;
     padding-bottom: 21px;
     padding-top: 21px;
}
 .shp__pro__thumb {
     margin-right: 20px;
}
 .shp__pro__thumb a {
     display: block;
}
 .shp__pro__thumb a img {
     max-width: 60px;
}
 .remove__btn {
     text-align: right;
     width: 20px;
}
 .shp__pro__details {
     min-width: 71%;
}
 .shp__cart__wrap {
     margin-top: -30px;
}
 .shoping__total {
     border-top: 1px solid #ddd;
     display: flex;
     justify-content: space-between;
     padding: 22px 0;
     list-style: none;
}
 .remove__btn a i {
     color: #ccc;
     font-size: 22px;
     transition: all 0.5s ease 0s;
}
 .remove__btn a:hover i {
     color: #3fd9b2;
     transform: rotate(180deg);
}
 .shp__cart__wrap .shp__single__product + .shp__single__product {
     border-top: 1px solid #ddd;
}
 .mobile-menu-area .mean-nav ul{
     display: block;
}
 .logged-in .header--two .header__top__area{
     margin-top: 32px;
}
/*--------End------*/