@font-face {

  font-family: "IBMPlexThai-Regular";

  src:

    url('fonts/IBM-Plex-Thai/IBMPlexThai-Regular.woff') format('woff');

  font-weight: 400;

  font-style: normal;

}



@font-face {

  font-family: "IBMPlexThai-Bold";

  src:

    url('fonts/IBM-Plex-Thai/IBMPlexThai-Bold.woff') format('woff');

  font-style: normal;

  font-weight: 700;

}



@font-face {

  font-family: "IBMPlexThai-Medium";

  src:

    url('fonts/IBM-Plex-Thai/IBMPlexThai-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

}



@font-face {

  font-family: "IBMPlexThai-Italic";

  src:

    url('fonts/IBM-Plex-Thai/IBMPlexThai-Italic.woff') format('woff');

  font-weight: 400;

  font-style: italic;

}



/*-------------------

  01. Theme Default CSS (body, link color, section etc)

---------------------*/

html,

body {

  height: 100%;

}



.floatleft {

  float: left

}



.floatright {

  float: right

}



.alignleft {

  float: left;

  margin-right: 15px;

  margin-bottom: 15px

}



.alignright {

  float: right;

  margin-left: 15px;

  margin-bottom: 15px

}



.aligncenter {

  display: block;

  margin: 0 auto 15px

}



a:focus {

  outline: 0px solid

}



img {

  max-width: 100%;

  height: auto

}



.fix {

  overflow: hidden

}



p {

  margin: 0 0 15px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0 0 10px;

  color: #2c2c2c;

  line-height: 1.35;

}



a {

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  text-decoration: none;

  color: #2c2c2c;

}



a:hover {

  color: #0879C9;

  text-decoration: none;

}



a:active,

a:hover {

  outline: 0 none;

}



button:focus,

input:focus,

textarea:focus {

  outline: none;

}



ul {

  list-style: outside none none;

  margin: 0;

  padding: 0

}



.clear {

  clear: both

}



body {

  color: #222;

  font-family: "IBMPlexThai-Medium", sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.42857;

}



.ptb-10 {

  padding: 10px 0;

}



.ptb-20 {

  padding: 20px 0;

}



.ptb-30 {

  padding: 30px 0;

}



.ptb-40 {

  padding: 40px 0;

}



.ptb-50 {

  padding: 50px 0;

}



.ptb-60 {

  padding: 60px 0;

}



.ptb-70 {

  padding: 70px 0;

}



.ptb-90 {

  padding: 90px 0;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-60 {

  padding-top: 60px;

}



.mtb-20 {

  margin: 20px 0;

}



.mtb-30 {

  margin: 30px 0;

}



.mtb-40 {

  margin: 40px 0;

}



.mtb-50 {

  margin: 50px 0;

}



.mtb-60 {

  margin: 60px 0;

}



.mtb-70 {

  margin: 70px 0;

}



.mtb-80 {

  margin: 80px 0;

}



.mt-10 {

  margin: 10px 0 0 0;

}



.mt-20 {

  margin: 20px 0 0 0;

}



.mt-30 {

  margin: 30px 0 0 0;

}



.mt-40 {

  margin: 40px 0 0 0;

}



.mt-50 {

  margin: 50px 0 0 0;

}



.mt-60 {

  margin: 60px 0 0 0;

}



.mb-20 {

  margin: 0 0 20px 0;

}



.mb-30 {

  margin: 0 0 30px 0;

}



.mb-60 {

  margin: 0 0 60px 0;

}



.mb-80 {

  margin: 0 0 80px 0;

}



.mb-90 {

  margin: 0 0 90px 0;

}



.bg-gray {

  background: #ebf4ff;

}



.bg-blue {

   background: linear-gradient(rgb(180 44 44), #be3b3b);

}



.bg-white {

  background: #fff;

}



.bg-black {

  background: #232F3E;

}



.bg-orange {

  background: #e39eff;

}



.bg-yellow {

  background: #FFC833;

}



.bg-brown {

  background: #E54545;

}



#scrollUp {

  background: #333333 none repeat scroll 0 0;

  bottom: 30px;

  border-radius: 5px;

  color: #ffffff;

  font-size: 18px;

  height: 40px;

  line-height: 38px;

  right: 20px;

  text-align: center;

  -webkit-transition: all 0.4s ease-in-out 0s;

  transition: all 0.4s ease-in-out 0s;

  width: 40px;

}



#scrollUp:hover {

  background: #0879C9;

}



/*------------------------------------

    02. header-area css 

--------------------------------------*/

.wrapper header {

  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);

}



.logo {

  margin: 24px 0;

}



/*--- top-search-area start ---*/

.top-search-area {

  margin: 27px 0;

  position: relative;

}



.top-search-area .search-form-input .nice-select {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  background: #f3f3f3 none repeat scroll 0 0;

  border-bottom: medium none;

  -o-border-image: none;

  border-image: none;

  border-radius: 25px 0 0 25px;

  border-right: 1px solid #cdcdcd;

  border-top: medium none;

  color: #000000;

  font-size: 13px;

  height: 45px;

  line-height: 45px;

  padding: 0 21px;

  position: absolute;

  top: 0;

  width: 174px;

  z-index: 9;

}



.top-search-area .search-form-input .nice-select .list {

  height: 320px;

  overflow-y: auto;

  margin: 0;

}



.top-search-area .search-form-input .nice-select .list li {

  font-size: 13px;

  padding: 0 28px;

}



.search-form-input input {

  border: medium none;

  border-radius: 25px;

  height: 45px;

  padding: 10px 55px 10px 185px;

  position: relative;

  width: 100%;

}



.search-form-input .top-search-btn {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  border-radius: 50%;

  color: #ffffff;

  cursor: pointer;

  height: 40px;

  position: absolute;

  right: 5px;

  top: 3px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 40px;

  font-size: 21px;

}



.search-form-input .top-search-btn:hover {

  background: #0879C9;

}



.home-two-shearch .search-form-input input {

  border: 2px solid #e39eff;

  border-radius: 5px;

  height: 45px;

  padding: 10px 130px 10px 185px;

  position: relative;

  width: 100%;

}



/*----- home-two-shearch css ------*/

.top-search-area.home-two-shearch {

  margin: 0 0 30px;

}



.top-search-area.home-two-shearch .search-form-input .nice-select {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #000000;

  height: 43px;

  left: 0px;

  line-height: 43px;

  padding: 0 21px;

  position: absolute;

  top: 0;

  width: 164px;

  z-index: 9;

}



.top-search-area.home-two-shearch .search-form-input .nice-select:before {

  background: #A1A1A1 none repeat scroll 0 0;

  content: "";

  height: 25px;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

}



.top-search-area.home-two-shearch .search-form-input .top-search-btn {

  background: #e39eff none repeat scroll 0 0;

  border: medium none;

  border-radius: 0 5px 5px 0;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

  font-size: 16px;

  height: 45px;

  line-height: 0;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 120px;

}



.top-search-area.home-two-shearch .search-form-input .top-search-btn:hover {

  background: #222222;

}



/*-------- shearch-three css ------------*/

.shearch-three .search-form-input .top-search-btn {

  background: #FFC833 none repeat scroll 0 0;

  color: #333;

}



.shearch-three .search-form-input .top-search-btn:hover {

  color: #fff;

}



/*------ shearch-fore ------*/

.shearch-fore .search-form-input {

  border: 2px solid #e54545;

  border-radius: 25px;

}



.top-search-area.shearch-fore .search-form-input .nice-select {

  background: transparent;

}



.top-search-area.shearch-fore .search-form-input .nice-select {

  border: medium none;

  top: 2px;

  width: 154px;

}



.top-search-area.shearch-fore .search-form-input input {

  padding: 10px 55px 10px 168px;

}



.shearch-fore .search-form-input .top-search-btn {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #333333;

  font-size: 22px;

  top: 6px;

}



.shearch-fore .search-form-input .top-search-btn:hover {

  color: #E54545;

}



.top-search-area.shearch-fore .search-form-input .nice-select:before {

  background: #a1a1a1 none repeat scroll 0 0;

  content: "";

  height: 25px;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

}



/*----------------------------------------- 

   03. header-cart-box css

-------------------------------------------*/

.header-cart-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  margin: 25px 0;

}



.dropdown-toggle:after {

  display: none;

}



.btn-group .btn-link {

  border: 0 none;

  color: #222222;

  cursor: pointer;

  display: block;

  font-size: 13px;

  font-weight: 400;

  line-height: 25px;

  overflow: hidden;

  padding: 12px 0;

  text-align: left;

  text-decoration: none;

  text-shadow: none;

  text-transform: capitalize;

}



/*---  setting-account css ----*/

.setting-account {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: 20px;

  padding-right: 20px;

  position: relative;

}



.setting-account:after {

  background: #ffffff none repeat scroll 0 0;

  content: "";

  height: 20px;

  margin-top: -10px;

  position: absolute;

  right: 0;

  top: 50%;

  width: 1px;

}



.header-cart-box .btn-group .btn-link {

  color: #ffffff;

  font-size: 14px;

  font-weight: 500;

  line-height: 30px;

  padding: 5px 0;

  text-decoration: none;

}



.btn-group .dropdown-menu {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #eaecee;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  left: auto !important;

  margin: 0;

  padding: 0 20px;

  position: absolute;

  right: 0;

  text-align: left;

}



.btn-group .dropdown-menu li>a {

  border-bottom: 1px solid #eeeeee;

  border-radius: 0;

  color: #222222;

  display: block;

  font-size: 13px;

  font-weight: normal;

  height: inherit;

  line-height: 24px;

  padding: 12px 0;

  text-align: left;

  text-transform: capitalize;

}



.btn-group .dropdown-menu li>a:hover {

  color: #0879C9;

}



/*-- header-cart-box-2 css --*/

.header-cart-box .setting-account.home-two-setting .btn-group .btn-link {

  color: #333333;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.header-cart-box.header-cart-box-2 {

  margin: 0 0 30px;

}



.header-cart-box .setting-account.home-two-setting .btn-group .btn-link:hover {

  color: #e39eff;

}



.home-two-setting .btn-group .dropdown-menu li>a:hover {

  color: #e39eff;

}



.header-cart-box-2 .setting-account:after {

  background: #333333 none repeat scroll 0 0;

}



/*--- cart-box-fore ---*/

.header-cart-box.header-cart-box-fore .setting-account .btn-group .btn-link {

  color: #333333;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



#top-shopoing-cart .shopping-cart.shopping-cart-fore i {

  color: #333333;

}



#top-shopoing-cart .shopping-cart.shopping-cart-fore .top-cart-total {

  color: #333333;

}



.home-3 .btn-group .dropdown-menu li>a:hover {

  color: #FFC833;

}



.header-cart-box-fore .btn-group .dropdown-menu li>a:hover {

  color: #E54545;

}



.home-4 .setting-account:after {

  background: #333333;

}



.home-4 .header-cart-box {

  margin: 30px 0 20px;

}



/*------------------------------------

   04. top-shopoing-cart css 

-------------------------------------*/

#top-shopoing-cart .shopping-cart i {

  color: #ffffff;

  font-size: 32px;

  font-style: normal;

  line-height: 40px;

  vertical-align: middle;

}



#top-shopoing-cart .item-text-number {

  background: #e64545 none repeat scroll 0 0;

  border-radius: 100%;

  color: #ffffff;

  display: inline-block;

  font-size: 10px;

  font-style: normal;

  font-weight: 700;

  height: 16px;

  left: 20px;

  line-height: 16px;

  position: absolute;

  text-align: center;

  top: 1px;

  vertical-align: top;

  width: 16px;

}



#top-shopoing-cart .top-cart-total {

  color: #ffffff;

  display: inline-block;

  font-size: 14px;

  font-weight: 600;

  line-height: 30px;

  margin-left: 16px;

  padding: 5px 0;

  text-align: left;

  text-transform: capitalize;

  vertical-align: top;

}



#top-shopoing-cart .dropdown-menu {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #eaecee;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 11px 0 0;

  padding: 10px 20px 30px !important;

  right: 0;

  top: 100%;

  -webkit-transform: translate3d(0px, 47px, 0px) !important;

  transform: translate3d(0px, 47px, 0px) !important;

  width: 350px;

}



#top-shopoing-cart .dropdown-menu:after {

  border-bottom-style: solid;

  content: "";

  display: block;

  height: 0;

  position: absolute;

  width: 0;

}



#top-shopoing-cart .dropdown-menu:after {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;

  -o-border-image: none;

  border-image: none;

  border-style: solid;

  border-width: 8px;

  right: 25px;

  top: -15px;

  z-index: 98;

}



#top-shopoing-cart .dropdown-menu li.single-cart {

  margin: 0;

  max-height: 300px;

  overflow: auto;

}



#top-shopoing-cart .dropdown-menu li.single-cart {

  border-bottom: 1px solid #ebebeb;

  display: block;

  padding-bottom: 20px;

  padding-top: 20px;

  position: relative;

}



#top-shopoing-cart .dropdown-menu .cart-info {

  float: left;

}



#top-shopoing-cart .dropdown-menu .cart-img {

  float: left;

  margin-right: 8px;

}



#top-shopoing-cart .dropdown-menu .cart-info>a {

  font-size: 14px;

}



#top-shopoing-cart .dropdown-menu .cart-info .cart-quantity {

  color: #333;

  display: block;

  font-size: 14px;

  line-height: 20px;

  padding: 5px 0;

  margin: 0;

}



#top-shopoing-cart .dropdown-menu .cart-info .cart-price {

  color: #e64545;

  display: block;

  font-size: 20px;

  font-weight: 600;

  padding-top: 2px;

  margin: 0;

}



#top-shopoing-cart .mini-cart-sub .cart-remove {

  background: #eaeaea none repeat scroll 0 0;

  border: medium none;

  border-radius: 500%;

  color: #000000;

  cursor: pointer;

  float: right;

  font-size: 18px;

  height: 20px;

  line-height: 22px;

  padding: 0;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 20px;

}



#top-shopoing-cart .mini-cart-sub .cart-remove:hover {

  background: #0879C9;

  color: #fff;

}



#top-shopoing-cart .cart-total-box {

  padding: 20px 0;

}



#top-shopoing-cart .cart-total-box h5 {

  color: #333;

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 10px;

}



#top-shopoing-cart .cart-total-box h5:last-child {

  margin-bottom: 0px;

}



#top-shopoing-cart .cart-total-box h5 span {

  color: #e64545;

  font-size: 18px;

  font-weight: 600;

}



.cart-button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



#top-shopoing-cart p {

  margin: 0;

}



#top-shopoing-cart p.cart-button a {

  background: #0879c9 none repeat scroll 0 0;

  border: medium none;

  border-radius: 20px;

  color: #ffffff;

  float: left;

  font-size: 14px;

  font-weight: 600;

  line-height: 40px;

  margin-top: 5px;

  padding: 0 33px;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



#top-shopoing-cart p.cart-button a:hover {

  background: #E64545;

}



/*------- home-2 css ----------*/

#top-shopoing-cart .top-cart-total.home-two {

  color: #333333;

}



#top-shopoing-cart .shopping-cart.home-two i {

  color: #333;

}



#top-shopoing-cart .home-two .item-text-number {

  background: #e39eff;

}



#top-shopoing-cart .dropdown-menu .mini-cart-2 .cart-info>a:hover {

  color: #e39eff;

}



#top-shopoing-cart .mini-cart-sub.mini-cart-2 .cart-remove:hover {

  background: #e39eff none repeat scroll 0 0;

}



#top-shopoing-cart .dropdown-menu .mini-cart-2 .cart-info .cart-price {

  color: #e39eff;

}



#top-shopoing-cart .mini-cart-2 .cart-total-box h5 span {

  color: #e39eff;

}



#top-shopoing-cart .mini-cart-2 p.cart-button a {

  background: #e39eff;

}



#top-shopoing-cart .mini-cart-2 p.cart-button a:hover {

  background: #222222;

}



/*--- home-three css ---*/

#top-shopoing-cart .home-three .item-text-number {

  background: #FFC833;

}



#top-shopoing-cart .mini-cart-sub.mini-cart-3 .cart-remove:hover {

  background: #FFC833 none repeat scroll 0 0;

}



#top-shopoing-cart .mini-cart-3 p.cart-button a {

  background: #FFC833;

  color: #333;

}



#top-shopoing-cart .mini-cart-3 p.cart-button a:hover {

  background: #E64545;

  color: #fff;

}



/*--- home-fore css ---*/

#top-shopoing-cart .mini-cart-sub.mini-cart-fore .cart-remove:hover {

  background: #E54545 none repeat scroll 0 0;

}



#top-shopoing-cart .mini-cart-sub.mini-cart-fore p.cart-button a {

  background: #E54545;

}



#top-shopoing-cart .mini-cart-sub.mini-cart-fore p.cart-button a:hover {

  background: #222222;

}



/*---------------------------

   05. main-menu-area css 

--------------ปิดเมนูไว้กรณีเลื่อน scoll ถ้าจะเปิดใช้ให้ลบ 55---------------*/

.sticky-header.sticky55 {

  font-family: "IBMPlexThai-Bold", sans-serif;

  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;

  background: #f4f4f4 none repeat scroll 0 0;

  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);

  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);

  left: 0;

  margin: auto;

  opacity: 0.9;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  padding: 0;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

  font-size: 22px;

}



.home-2 .sticky-header.sticky .logo {

  margin: 8px 0;

}



.home-2 .sticky-header.sticky .main-menu.main-menu-style-2 {

  margin: 8px 0;

}



.home-2 .sticky-header.sticky .top-box-lang.top-box-lang-2 {

  margin: 8px 0;

}



.home-3 .sticky .main-menu.menu-style-3 ul>li>a {

  color: #222222;

}



.home-3 .sticky .top-box-lang.top-box-lang-3 ul li button {

  color: #222222;

}



.home-3 .sticky .mean-container a.meanmenu-reveal span {

  background: #333333 none repeat scroll 0 0;

}



.border--top {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.main-menu ul>li {

  display: inline-block;

  position: relative;

}



.main-menu ul>li>a {

  font-family: "IBMPlexThai-Medium";

  display: block;

  font-size: 16px;



  padding: 20px 8px;

}



.main-menu ul>li:first-child a {

  padding-left: 0;

}



/*--- dorpdown-menu css ---*/

.main-menu ul>li>ul.dorpdown-menu,

.main-menu ul>li>ul.mega-menu {

  background: #ffffff none repeat scroll 0 0;

  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  position: absolute;

  top: 120%;

  visibility: hidden;

  width: 180px;

  z-index: 99;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.main-menu ul>li>ul.dorpdown-menu {

  padding: 10px 0;

}



.main-menu ul>li>ul.dorpdown-menu li {

  display: block;

}



.main-menu ul>li>ul.dorpdown-menu li>a {

  display: block;

  font-size: 14px;

  font-weight: 400;

  padding: 7px 15px;

}



.main-menu ul>li>ul.mega-menu {

  padding: 20px;

  width: 630px;

  z-index: 99999;

}



.main-menu ul>li>ul.mega-menu li {

  display: block;

  float: left;

  padding: 0;

  width: 33.3333%;

}



.main-menu ul>li>ul.mega-menu li a {

  color: #333333;

  font-size: 15px;

  margin-bottom: 10px;

  padding: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.main-menu ul>li>ul.mega-menu li a:hover {

  color: #0879C9;

}



.main-menu ul>li>ul.mega-menu li ul li {

  display: block;

  padding: 0;

  width: 100%;

}



.main-menu ul>li>ul.mega-menu li ul li a {

  display: block;

  font-size: 14px;

  font-weight: 400;

  padding: 5px 0;

  margin: 0;

}



.main-menu ul>li:hover ul.dorpdown-menu,

.main-menu ul>li:hover ul.mega-menu {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

  top: 100%;

}



/*--- main-menu-style-2 css ----*/

.main-menu.main-menu-style-2 {

  margin: 24px 0;

}



.top-box-lang.top-box-lang-2 {

  margin: 24px 0;

}



.main-menu.main-menu-style-2 ul>li>a:hover {

  color: #e39eff;

}



/*--- menu-style-3 css ----*/

.main-menu.menu-style-3 ul>li>a {

  color: #ffffff;

}



.main-menu.menu-style-3 ul>li>a:hover {

  color: #FFC833;

}



.main-menu.menu-style-3 ul>li>ul.dorpdown-menu li>a {

  color: #222;

}



.main-menu.menu-style-3 ul>li>ul.dorpdown-menu li>a:hover {

  color: #FFC833;

}



/*------  mobile-menu css ------*/

.mean-container .mean-bar {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  min-height: 0;

  padding: 0;

}



.mean-container a.meanmenu-reveal {

    border: 1px solid #002695;
    color: #fff;
    padding: 2px 4px;
    position: absolute;
   /* font-size: 18px;*/
    border-radius: 9px;
    text-align: center;
    background-color: #002695;

}



.home-3 .mean-container a.meanmenu-reveal {

  color: #FFC833;

}



.mean-container .mean-nav {

  background: #ffffff none repeat scroll 0 0;

  float: left;

  margin-top: 0;

  position: absolute;

  width: 100%;

  margin-top: 45px;

}



.home-2 .mean-container a.meanmenu-reveal {

  margin-top: -60px;

}



.home-3 .mean-container a.meanmenu-reveal span {

  background: #fff;

}



.home-3 .mean-container .mean-nav ul li a.mean-expand:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #FFC833;

}



/*--- top-box-lang css ----*/

.top-box-lang ul li button {

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.top-box-lang ul li button:hover {

  color: #0879C9;

}



.top-box-lang ul li {

  display: inline-block;

}



.top-box-lang ul>li.currency {

  position: relative;

  margin-right: 20px;

  padding-right: 20px;

}



.top-box-lang ul>li.currency:after {

  background: #444444 none repeat scroll 0 0;

  content: "";

  height: 14px;

  margin-top: -7px;

  position: absolute;

  right: 0;

  top: 50%;

  width: 1px;

}



.top-box-lang .dropdown-menu li {

  display: block;

}



.top-box-lang .language img {

  margin-right: 5px;

}



.top-box-lang.top-box-lang-2 ul li button:hover {

  color: #e39eff;

}



.top-box-lang-2 .btn-group .dropdown-menu li>a:hover {

  color: #e39eff;

}



.top-box-lang.top-box-lang-3 ul li button {

  color: #fff;

}



.top-box-lang.top-box-lang-3 ul li button:hover {

  color: #FFC833;

}



.top-box-lang-3 .btn-group .dropdown-menu li>a:hover {

  color: #FFC833;

}



.top-box-lang.top-box-lang-4 ul li button:hover {

  color: #E54545;

}



.top-box-lang.top-box-lang-4 .btn-group .dropdown-menu li>a:hover {

  color: #E54545;

}



/*-----------------------------------------

   06. slider-main-area css

------------------------------------------*/

.slider-text-info.style-1,

.slider-text-info.style-2 {

  padding: 98px 0;

}



.slider-text-info .title-1,

.slider-text-info .title-2 {

  color: #222222;

  font-size: 36px;

  font-weight: 600;

  line-height: 1.1;

  margin: 0;

  text-transform: uppercase;

}



.slider-text-info .slider-1-des p {

  color: #666666;

  font-size: 24px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

  margin-top: 17px;

  padding: 0;

  text-transform: uppercase;

}



.slider-text-info .slider-1-des p span {

  color: #0879c9;

  display: block;

  font-size: 60px;

}



.slider-text-info .slier-btn-1 a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 2px solid #0879c9;

  border-radius: 3px;

  color: #0879c9;

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  line-height: 40px;

  margin-top: 30px;

  padding: 0 20px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  vertical-align: top;

}



.slider-text-info .slier-btn-1 a:hover {

  background: #0879c9;

  border-color: #0879c9;

  color: #fff;

}



.slider-text-info.style-2 .slider-1-des p span {

  color: #e64545;

}



.slider-text-info.style-2 .slier-btn-1 a {

  border: 2px solid #e64545;

  color: #e64545;

}



.slider-text-info.style-2 .slier-btn-1 a:hover {

  background: #e64545;

  border-color: #e64545;

  color: #fff;

}



.slider-active .owl-dots {

  bottom: 20px;

  left: 0;

  position: absolute;

  right: 0;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



.slider-active .owl-dots .owl-dot {

  background: #fff none repeat scroll 0 0;

  border-radius: 50%;

  display: inline-block;

  height: 10px;

  margin: 0 4px;

  width: 10px;

}



.slider-active .owl-dots .owl-dot.active {

  background: #0879C9 none repeat scroll 0 0;

}



.active .slider-wrapper .slider-text-animation * {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.owl-item.active .slider-text-animation h1 {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



.owl-item.active .slider-text-animation h2 {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



.owl-item.active .slider-text-animation .slider-1-des {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



.owl-item.active .slider-text-animation .slier-btn-1 {

  -webkit-animation-delay: 1.4s;

  animation-delay: 1.4s;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



/*--------- Home-2 slider css  -----------*/

.slider-text-info.style-3 .title-1,

.slider-text-info.style-4 .title-2 {

  color: #ffffff;

  font-size: 60px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

  margin-top: 0;

  text-transform: uppercase;

}



.slider-text-info.style-3 p,

.slider-text-info.style-4 p {

  color: #ffffff;

  font-size: 24px;

  font-weight: 500;

  line-height: 30px;

  margin-bottom: 0;

  margin-top: 10px;

  padding: 0;

  text-transform: capitalize;

}



.slider-text-info.style-3 .slier-btn-1 a,

.slider-text-info.style-4 .slier-btn-1 a {

  border: 2px solid #fff;

  color: #fff;

}



.slider-text-info.style-3 .slier-btn-1 a:hover,

.slider-text-info.style-4 .slier-btn-1 a:hover {

  background: #e39eff;

  border: 2px solid #e39eff;

  color: #fff;

}



.slider-text-info.style-4 .title-2 {

  font-size: 46px;

}



.slider-text-info.style-3 {

  padding: 93px 0 93px 0px;

}



.slider-text-info.style-4 {

  padding: 77px 0 77px 30px;

}



.slider-active-2 .owl-nav button {

  background: rgba(0, 0, 0, 0.3) !important;

  font-size: 20px !important;

  height: 60px;

  color: #fff !important;

  line-height: 60px !important;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 60px;

  border-radius: 50%;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.slider-active-2 .owl-nav button:hover {

  background: rgba(0, 0, 0, 0.5) !important;

}



.slider-active-2 .owl-nav button.owl-prev {

  left: 10px;

}



.slider-active-2 .owl-nav button.owl-next {

  right: 10px;

}



.slider-active-2 .owl-dots {

  padding: 5px 0 15px;

  text-align: center;

}



.slider-active-2 .owl-dots .owl-dot {

  background: #cecece none repeat scroll 0 0;

  border-radius: 50%;

  display: inline-block;

  height: 10px;

  margin: 0 4px;

  width: 10px;

}



.slider-active-2 .owl-dots .owl-dot.active {

  background: #e39eff none repeat scroll 0 0;

}



/*---- Home-3 slider css ----*/

.slider-text-info.style-5 {

  padding: 98px 0;

}



.slider-text-info.style-5 .title-1,

.slider-text-info.style-5 .title-2 {

  color: #ffffff;

  font-size: 36px;

  font-weight: 600;

  line-height: 1.1;

  margin-bottom: 0;

  margin-top: 0;

  text-transform: uppercase;

}



.slider-text-info.style-5 .slider-1-des p {

  color: #fff;

}



.slider-text-info.style-5 .slider-1-des p span {

  color: #fff;

}



.slider-text-info.style-5 .slier-btn-1 a,

.slider-text-info.style-7 .slier-btn-1 a,

.slider-text-info.style-8 .slier-btn-1 a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 2px solid #fff;

  color: #fff;

}



.slider-text-info.style-8 .slier-btn-1 a:hover {

  background: #E54545;

  border: 2px solid #E54545;

  color: #fff;

}



.slider-text-info.style-5 .slier-btn-1 a:hover {

  background: #FFC833;

  border: 2px solid #FFC833;

  color: #333;

}



.slider-text-info.style-6 {

  padding: 110px 0;

}



.slider-text-info.style-6 .title-1 {

  color: #222222;

  font-size: 48px;

  line-height: 1;

}



.slider-text-info.style-6 .title-2 {

  color: #222222;

  font-size: 32px;

  font-weight: 500;

}



.slider-text-info.style-6 .slider-1-des p {

  color: #e39eff;

  font-size: 40px;

  margin-top: 12px;

  text-transform: capitalize;

}



.slider-text-info.style-6 .slider-1-des p span {

  color: #666666;

  font-size: 20px;

  font-weight: 400;

  position: relative;

  text-decoration: line-through;

  text-transform: uppercase;

}



.slider-text-info.style-6 .slier-btn-1 a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 2px solid #e39eff;

  color: #e39eff;

}



.slider-text-info.style-6 .slier-btn-1 a:hover,

,

.slider-text-info.style-8 .slier-btn-1 a:hover {

  background: #e39eff;

  border: 2px solid #e39eff;

  color: #fff;

}



.slider-active.slier-3 .owl-dots {

  bottom: 0;

  padding: 10px 0 15px;

  position: inherit;

}



.slider-active.slier-3 .owl-dots .owl-dot {

  background: #cecece none repeat scroll 0 0;

  border-radius: 50%;

  display: inline-block;

  height: 10px;

  margin: 0 4px;

  width: 10px;

}



.slider-active.slier-3 .owl-dots .owl-dot.active {

  background: #FFC833 none repeat scroll 0 0;

}



/*---- Home-4 slider css ----*/

.slider-text-info.style-7 .title-1,

.slider-text-info.style-7 .title-2 {

  color: #ffffff;

  font-size: 44px;

  line-height: 1;

}



.slider-text-info.style-7 .slider-1-des p {

  color: #ffffff;

  font-size: 22px;

  font-weight: 400;

  margin-top: 12px;

  text-transform: capitalize;

}



.slider-text-info.style-7 .slider-1-des p span {

  color: #e54545;

  display: inline;

  font-size: 22px;

}



.slider-text-info.style-7 .slier-btn-1 a:hover {

  background: #E54545;

  border: 2px solid #E54545;

  color: #fff;

}



.slider-text-info.style-8 .title-1,

.slider-text-info.style-8 .title-2 {

  color: #ffffff;

  font-size: 36px;

  font-weight: 600;

  line-height: 1.1;

  margin-bottom: 0;

  margin-top: 0;

  text-transform: uppercase;

}



.slider-text-info.style-8 .slider-1-des p {

  color: #ffffff;

  font-size: 24px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

  margin-top: 17px;

  padding: 0;

  text-transform: uppercase;

}



.slider-text-info.style-8 .slider-1-des p span {

  color: #ffffff;

  display: block;

  font-size: 60px;

}



.slider-text-info.style-7 {

  padding: 115px 0;

}



.slider-text-info.style-8 {

  padding: 86px 0;

}



.slider-active-2.style-4 .owl-dots {

  padding: 5px 0 15px;

  text-align: center;

  position: absolute;

}



.slider-active-2.style-4 .owl-dots {

  bottom: 10px;

  left: 0;

  position: absolute;

  right: 0;

  text-align: center;

}



.slider-active-2.style-4 .owl-dots .owl-dot.active {

  background: #E54545 none repeat scroll 0 0;

}



/*--------------------------------

   07. categories-toggler-menu css 

----------------------------------*/

.categories-toggler-menu {

  background: #048ABF none repeat scroll 0 0;

  color: #ffffff;

  padding: 15px 20px;

  position: relative;

  font-size: 20px;

  font-weight: 600;

  line-height: 24px;

  text-transform: uppercase;

  cursor: pointer;

}



.vertical-menu-list {

  background: #ffffff none repeat scroll 0 0;

  border-color: #eaecee;

  border-style: none solid solid;

  border-width: 0 1px 1px;

  display: block;

  padding: 20px 0 20px 10px;

}



.vertical-menu-list ul li {

  display: block;

  position: relative;

}



.vertical-menu-list ul li a {

  font-family: "IBMPlexThai-Bold";

  color: #222222;

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  padding: 5px 20px 5px 10px;

  text-transform: none;

  display: block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.vertical-menu-list ul li a span {

  float: right;

}



.vertical-menu-list ul li a:hover {

  color: #222222;

  background: #E9EAEF;

}



.vertical-menu-list ul li .right-sub-menu,

.vertical-menu-list ul li .right-sub-menu li ul.right-threed-sub,

.vertical-menu-list ul li .right-mega-menu {

  background: #fff;

  border: 1px solid #eaecee;

  -webkit-box-shadow: 1px 2px 4px 0.28px rgba(0, 0, 0, 0.07);

  box-shadow: 1px 2px 4px 0.28px rgba(0, 0, 0, 0.07);

  left: 100%;

  position: absolute;

  top: 5px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 200px;

  z-index: 99;

  padding: 0;

  visibility: hidden;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  z-index: 9;

}



.vertical-menu-list ul li .right-sub-menu li {

  position: relative;

}



.vertical-menu-list ul li .right-sub-menu li a {

  padding: 5px 15px;

}



.vertical-menu-list ul li .right-sub-menu li a:hover {

  background: none;

  color: #0879C9;

}



.vertical-menu-list ul li:hover .right-sub-menu,

.vertical-menu-list ul li .right-sub-menu li:hover ul.right-threed-sub,

.vertical-menu-list ul li:hover ul.right-mega-menu {

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  top: 0;

}



.vertical-menu-list ul li .right-sub-menu li ul.right-threed-sub {

  width: 90px;

}



.vertical-menu-list ul li .right-mega-menu {

  padding: 15px 5px 20px;

  width: 530px;

}



.vertical-menu-list ul li .right-mega-menu li {

  float: left;

  padding: 0 15px;

  width: 50%;

}



.vertical-menu-list ul li .right-mega-menu li a {

  color: #0879c9;

  font-size: 15px;

  font-weight: 600;

  padding: 0;

  margin: 10px 0;

}



.vertical-menu-list ul li .right-mega-menu li a:hover {

  text-decoration: underline;

  background: none;

}



.vertical-menu-list ul li .right-mega-menu li ul li {

  display: block;

  padding: 0;

  width: 100%;

}



.vertical-menu-list ul li .right-mega-menu li ul li>a {

  color: #333333;

  display: block;

  font-size: 13px;

  font-weight: 400;

  line-height: 28px;

  margin: 0;

  padding: 0;

}



.vertical-menu-list ul li .right-mega-menu li ul li>a:hover {

  background: none;

  color: #0879C9;

  text-decoration: none;

}



.vertical-menu-list ul li .right-mega-menu li.menu-benner-image {

  margin-top: 20px;

  width: 100%;

}



.categories-more-less {

  cursor: pointer;

}



.vertical-menu-list li a.more-default,

.vertical-menu-list li a.less-show {

  color: #0879c9;

}



.vertical-menu-list li a.more-default:hover,

.vertical-menu-list li a.less-show:hover {

  color: #0879c9;

}



.hide-child,

.vertical-menu-list ul li a.less-show {

  display: none;

}



.vertical-menu-list ul li.rx-change a.less-show {

  display: block;

}



.vertical-menu-list ul li.rx-change a.more-default {

  display: none;

}



.vertical-menu-list li.hide-child {

  display: none;

}



.vertical-menu>span {

  background: #f2f2f2 none repeat scroll 0 0;

  color: #363636;

  cursor: pointer;

  display: block;

  font-family: "lato", sans-serif;

  font-size: 14px;

  font-weight: 700;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  padding-left: 45px;

  position: relative;

  text-transform: uppercase;

}



/*---- home-2 all-categories-menu-2 -----*/

.slider-main-area .sub-col {

  padding: 0;

}



.slider-main-area .sub-col:nth-child(1) {

  padding-right: 10px;

}



.slider-main-area .sub-col:nth-child(2) {

  padding-right: 20px;

}



.all-categories-menu-2 .categories-toggler-menu {

  background: #ffffff none repeat scroll 0 0;

  color: #e39eff;

}



.all-categories-menu-2 .vertical-menu-list {

  border: none;

  padding: 0 0 10px 10px;

}



.slider-main-area .row.sub-row {

  border: 1px solid #eaecee;

  margin-left: 0;

  margin-right: 0;

}



.all-categories-menu-2 .vertical-menu-list ul li .right-sub-menu li a:hover {

  color: #e39eff;

}



.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li a {

  color: #e39eff;

}



.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li a:hover {

  color: #e39eff;

  text-decoration: underline;

}



.all-categories-menu-2 .vertical-menu-list ul>li .right-mega-menu li ul li>a {

  color: #333333;

}



.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li ul li>a:hover {

  color: #e39eff;

  text-decoration: none;

}



.all-categories-menu-2 .vertical-menu-list li a.more-default,

.all-categories-menu-2 .vertical-menu-list li a.less-show {

  color: #e39eff;

}



/*----- categories-style-three css ------*/

.categories-toggler-menu.togoler-style-3,

.categories-toggler-menu.togoler-style-4 {

  background: #232f3e none repeat scroll 0 0;

  color: #ffffff;

  display: inline-block;

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  margin: 7px 0;

  padding: 7px 20px;

  position: relative;

}



.categories-style-three .vertical-menu-list,

.categories-style-fore .vertical-menu-list {

  border-radius: 5px;

  padding: 10px 0 10px 10px;

  position: absolute;

  top: 90%;

  z-index: 999;

  display: none;

}



.categories-style-three .vertical-menu-list:before,

.categories-style-fore .vertical-menu-list:before {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;

  -o-border-image: none;

  border-image: none;

  border-style: solid;

  border-width: 10px;

  content: "";

  position: absolute;

  right: 84px;

  top: -20px;

  z-index: 99;

}



.categories-toggler-menu.togoler-style-3:hover {

  color: #FFC833;

}



.categories-style-three .vertical-menu-list ul li .right-mega-menu li a {

  color: #FFC833;

}



.categories-style-three .vertical-menu-list ul li .right-mega-menu li a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  text-decoration: underline;

}



.categories-style-three .vertical-menu-list ul li .right-mega-menu li ul li>a {

  color: #333333;

}



.categories-style-three .vertical-menu-list ul li .right-sub-menu li a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #FFC833;

}



.categories-style-three .vertical-menu-list ul li .right-mega-menu li ul li>a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #FFC833;

  text-decoration: none;

}



.categories-style-three .vertical-menu-list li a.more-default,

.categories-style-three .vertical-menu-list li a.less-show {

  color: #FFC833;

}



/*----- categories-style-fore css ------*/

.categories-toggler-menu.togoler-style-4 {

  background: #E8EAEF none repeat scroll 0 0;

  color: #222;

  border-radius: 5px;

}



.categories-toggler-menu.togoler-style-4:hover {

  background: #E54545;

  color: #fff;

}



.categories-style-fore .vertical-menu-list ul li .right-mega-menu li a {

  color: #E54545;

}



.categories-style-fore .vertical-menu-list ul li .right-sub-menu li a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #E54545;

}



.categories-style-fore .vertical-menu-list ul li .right-mega-menu li a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  text-decoration: underline;

}



.categories-style-fore .vertical-menu-list ul li .right-mega-menu li ul li>a {

  color: #333333;

}



.categories-style-fore .vertical-menu-list ul li .right-sub-menu li a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #E54545;

}



.categories-style-fore .vertical-menu-list ul li .right-mega-menu li ul li>a:hover {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #E54545;

  text-decoration: none;

}



.categories-style-fore .vertical-menu-list li a.more-default,

.categories-style-fore .vertical-menu-list li a.less-show {

  color: #E54545;

}



/*---- cate-mobile-toggle ------ */

.vertical-menu>span {

  background: #0879c9 none repeat scroll 0 0;

  color: #ffffff;

  cursor: pointer;

  display: block;

  font-size: 14px;

  font-weight: 700;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  padding-left: 45px;

  position: relative;

  text-transform: uppercase;

}



#cate-mobile-toggle {

  height: 265px;

  overflow-y: auto;

}



#cate-mobile-toggle>ul {

  padding: 22px 0 0;

}



.sidbar-style ul li {

  padding-top: 10px;

}



#cate-mobile-toggle>ul li>a {

  font-size: 15px;

  padding-bottom: 3px;

  padding-top: 3px;

}



.sidebar-menu li:hover>a,

.sidebar-menu li.has-sub:hover>a,

.sidebar-menu li.has-sub.open>a {

  color: #0879C9;

}



.sidebar-menu .category-sub {

  padding-left: 10px;

}



#cate-mobile-toggle .category-sub li a {

  display: block;

  padding-left: 20px;

  position: relative;

}



#cate-mobile-toggle .category-sub>li>a:before {

  color: #0879C9;

  content: "";

  font-family: "Ionicons";

  font-size: 9px;

  left: 10px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.vertical-menu>span:after {

  content: "";

  font-family: "Ionicons";

  font-size: 27px;

  font-weight: normal;

  left: 16px;

  position: absolute;

}



.menu-hidden {

  display: none;

}



.category-menu ul.category-sub {

  display: none;

}



#cate-mobile-toggle>ul {

  background: #f1f1f1 none repeat scroll 0 0;

  padding: 20px 5px 20px 20px;

}



.sidbar-style>ul>li:first-child {

  padding-top: 0;

}



.sidebar-menu ul li {

  position: relative;

}



.sidbar-style li {

  -webkit-transition: all 300ms ease-in 0s;

  transition: all 300ms ease-in 0s;

}



#cate-mobile-toggle>ul li>a {

  font-size: 15px;

  padding-bottom: 3px;

  padding-top: 3px;

}



.category-menu.sidebar-menu .has-sub a span.holder:after,

.category-menu.sidebar-menu li.has-sub>a:after {

  content: "";

  font-family: "Ionicons";

  font-size: 14px;

  position: absolute;

  right: 20px;

}



.category-menu.sidebar-menu .has-sub.open a span.holder:after,

.category-menu.sidebar-menu li.has-sub.open>a:after {

  content: "";

}



/*-------------------------------------

   08. about-corporate-area css

--------------------------------------*/

.corporate-about-area .single-corporate-wrapper {

  border-bottom: 1px solid #ededed;

  padding: 17.5px 0;

}



.corporate-about-area {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #eaecee;

  overflow: hidden;

  padding: 5px 20px;

}



.corporate-about-area .single-corporate-wrapper h3 {

  color: #222222;

  display: block;

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  margin: 0 0 3px;

  text-transform: capitalize;

}



.corporate-about-area .single-corporate-wrapper h3 i {

  color: #222222;

  font-size: 35px;

  font-weight: normal;

  margin-right: 10px;

  vertical-align: middle;

}



.corporate-about-area .single-corporate-wrapper h3 span {

  font-weight: 600;

}



.corporate-about-area .single-corporate-wrapper p {

  color: #222222;

  display: block;

  font-size: 13px;

  font-weight: 400;

  line-height: 20px;

  margin: 0;

}



.corporate-about-area .single-corporate-wrapper:last-child {

  border: medium none;

}



.about-corporate-area .col-0-sub {

  position: relative;

}



.about-corporate-area .col-0-sub:after {

  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;

  content: "";

  height: 36px;

  margin-top: -18px;

  position: absolute;

  right: 0;

  top: 50%;

  width: 1px;

}



.about-corporate-area .col-0-sub:last-child:after {

  display: none;

}



/*------------------------------

   09. box-product-area

-------------------------------*/

.box-product-area {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #eaecee;

  padding: 20px;

}



.secton-title {

  border-bottom: 1px solid #ededed;

  display: block;

  margin-bottom: 30px;

  position: relative;

  text-align: left;

}



.product-module-1 .secton-title {

  margin-bottom: 15px;

}



.secton-title h2,

.title-style-three h2 {

  color: #222222;

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

  line-height: 30px;

  margin: 0;

  padding-bottom: 11px;

  position: relative;

  text-transform: uppercase;

  vertical-align: top;

}



.secton-title h2:after {

  background: #0879c9 none repeat scroll 0 0;

  bottom: -1px;

  content: "";

  height: 2px;

  left: 0;

  position: absolute;

  width: 70px;

}



.secton-title.title-2 h2:after {

  background: #e39eff none repeat scroll 0 0;

}



.secton-title.title-3 {

  border: medium none;

}



.secton-title.title-3 h2:after {

  background: #ffc833 none repeat scroll 0 0;

}



.home-4 .secton-title h2:after {

  background: #e64545 none repeat scroll 0 0;

}



.single-product-module-1 {

  border-bottom: 1px solid #ededed;

  margin-bottom: 15px;

  overflow: hidden;

  padding-bottom: 15px;

}



.single-product-module-1:last-child {

  border: medium none;

  margin: 0;

  padding: 0;

}



.single-product-module-1 .product-thumb {

  display: table-cell;

  float: none;

  vertical-align: middle;

  width: 20%;

}



.single-product-module-1 .product-desc .product-name a {

  display: block;

  font-size: 14px;

  font-weight: 400;

  overflow: hidden;

  padding: 0;

  text-transform: capitalize;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.single-product-module-1 .product-desc {

  display: table-cell;

  float: none;

  padding-left: 5px;

  padding-right: 35px;

  padding-top: 0;

  position: relative;

  text-align: left;

  vertical-align: middle;

  width: 68.46%;

}



.single-product-module-1 .product-desc h4 {

  margin: 5px 0;

}



.single-product-module-1 .product-desc .price-box .new-price {

  color: #e64545;

  font-size: 16px;

  font-weight: 600;

}



.single-product-module-1 .product-desc .price-box .old-price {

  color: #999999;

  font-size: 14px;

  font-weight: 400;

  text-decoration: line-through;

}



.single-product-module-1 .product-desc .btn-cart {

  background: #dedede none repeat scroll 0 0;

  color: #222222;

  height: 33px;

  line-height: 33px;

  width: 33px;

  font-weight: 14px;

  display: block;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  font-size: 16px;

}



.single-product-module-1 .product-desc .btn-cart:hover {

  background: #0879C9 none repeat scroll 0 0;

  color: #fff;

}



.home-4 .single-product-module-1 .product-desc .btn-cart:hover {

  background: #E64545 none repeat scroll 0 0;

}



.home-2 .single-product-module-1 .product-desc .btn-cart:hover {

  background: #e39eff none repeat scroll 0 0;

}



.single-product-module-1 .product-desc .shopping-btn {

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.priduct-module-1-active .owl-nav button,

.deals-offer-active .owl-nav button,

.feategory-active .owl-nav button,

.prodict-active .owl-nav button,

.prodict-two-active .owl-nav button,

.product-category-active .owl-nav button,

.deals-offer-one-active .owl-nav button,

.from-blog .owl-nav button,

.prodict-active-4 .owl-nav button {

  border: 2px solid #999999 !important;

  border-radius: 50%;

  color: #777777 !important;

  font-size: 16px !important;

  height: 31px;

  left: auto !important;

  line-height: 28px;

  margin: 0;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  position: absolute;

  right: 0;

  top: -72px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  vertical-align: top;

  width: 31px;

}



.priduct-module-1-active .owl-nav button:hover,

.deals-offer-active .owl-nav button:hover,

.feategory-active .owl-nav button:hover,

.prodict-active .owl-nav button:hover,

.prodict-two-active .owl-nav button:hover,

.product-category-active .owl-nav button:hover,

.deals-offer-one-active .owl-nav button:hover {

  background: #0879C9;

  border: 2px solid #0879C9 !important;

  color: #fff !important;

}



.home-2 .priduct-module-1-active .owl-nav button:hover,

.home-2 .feategory-active .owl-nav button:hover,

.home-2 .prodict-active .owl-nav button:hover,

.home-2 .product-category-active .owl-nav button:hover,

.home-2 .deals-offer-one-active .owl-nav button:hover,

.product-three-active .owl-nav button:hover {

  background: #e39eff !important;

  border: 2px solid #e39eff !important;

  color: #fff !important;

}



.home-3 .deals-offer-active .owl-nav button:hover,

.home-3 .prodict-active .owl-nav button:hover,

.product-three-active .owl-nav button:hover,

.from-blog .owl-nav button:hover {

  background: #FFC833 !important;

  border: 2px solid #FFC833 !important;

  color: #fff !important;

}



.home-4 .priduct-module-1-active .owl-nav button:hover,

.home-4 .deals-offer-one-active .owl-nav button:hover,

.from-blog .owl-nav button:hover,

.home-4 .prodict-active-4 .owl-nav button:hover,

.home-4 .feategory-active .owl-nav button:hover,

.home-4 .prodict-two-active .owl-nav button:hover,

.home-4 .product-category-active .owl-nav button:hover {

  background: #E54545 !important;

  border: 2px solid #E54545 !important;

  color: #fff !important;

}



.priduct-module-1-active .owl-nav button.owl-prev,

.feategory-active .owl-nav button.owl-prev,

.product-category-active .owl-nav button.owl-prev {

  right: 40px;

}



.priduct-module-1-active .owl-nav button {

  top: -60px;

}



/*-----------------------------------

   10. benner-area css 

-------------------------------------*/

.benner-area {

  padding: 30px 0 0;

}



.single-benner a {

  display: inline-block;

  overflow: hidden;

  position: relative;

  vertical-align: top;

}



.single-benner a:before {

  border: 10px solid rgba(255, 255, 255, 0.7);

  content: "";

  height: 100%;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  position: absolute;

  -webkit-transition: all 0.8s ease 0s;

  transition: all 0.8s ease 0s;

  width: 100%;

}



.single-benner a:hover:before {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

}



/*-------------------------------------

   11. single-deals-offer css

---------------------------------------*/

.section-row {

  padding: 0 0 10px;

}



.box-module {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #eaecee;

  margin-top: 60px;

  padding: 20px;

}



.single-deals-offer .product-thumb {

  display: table-cell;

  float: none;

  width: 47.36%;

}



.single-deals-offer .product-thumb .product-image {

  display: block;

  position: relative;

}



.label-product {

  background: #94c341 none repeat scroll 0 0;

  border-radius: 100%;

  color: #ffffff;

  font-size: 12px;

  font-weight: 600;

  height: 40px;

  line-height: 40px;

  padding: 0;

  position: absolute;

  right: 10px;

  text-transform: capitalize;

  top: 10px;

  width: 40px;

  z-index: 4;

  text-align: center;

}



.label-sale {

  background: #e64545 none repeat scroll 0 0;

  left: 15px;

  right: auto;

  top: 10px;

}



.label-sale.labele-sale-2 {

  background: #e39eff none repeat scroll 0 0;

}



.single-deals-offer .product-info {

  display: table-cell;

  float: none;

  padding-left: 20px;

  padding-top: 0;

  vertical-align: middle;

  width: 52.64%;

}



.rating-box .rating li {

  color: #0879c9;

  font-size: 16px;

  margin-right: 2px;

}



.single-deals-offer .product-name a {

  font-size: 16px;

  font-weight: 400;

}



.single-deals-offer .price-box .new-price {

  color: #e64545;

  font-size: 18px;

}



.single-deals-offer .price-box .old-price {

  color: #999999;

  font-size: 16px;

  margin-left: 4px;

  padding-top: 1px;

  text-decoration: line-through;

}



.single-deals-offer .text-hurryup {

  color: #333333;

  display: block;

  font-size: 14px;

  margin-bottom: 10px;

  margin-top: 25px;

}



.single-deals-offer {

  padding-bottom: 10px;

}



.countdown-deals {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  text-align: center;

}



.countdown-deals span.cdown {

  margin-right: 10px;

}



.countdown-deals .time-count {

  background: #eaeaea none repeat scroll 0 0;

  border-radius: 5px;

  color: #222222;

  display: block;

  font-size: 18px;

  font-weight: 600;

  height: 40px;

  line-height: 40px;

  width: 60px;

}



.countdown-deals .cdown>p {

  font-size: 13px;

  margin: 5px 0 0 0;

  text-align: center;

  text-transform: uppercase;

}



.single-deals-offer .action-links .btn-cart {

  background: #222222 none repeat scroll 0 0;

  border-radius: 4px;

  color: #ffffff;

  font-size: 14px;

  font-weight: 600;

  line-height: 40px;

  margin-top: 30px;

  padding: 0 15px;

  display: inline-block;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.single-deals-offer .action-links .btn-cart:hover {

  background: #0879c9;

}



.single-deals-offer.deals-offer-2 .action-links .btn-cart:hover {

  background: #e39eff;

}



.single-deals-offer.deals-offer-3 .action-links .btn-cart:hover {

  background: #FFC833;

  color: #333;

}



.home-4 .single-deals-offer .action-links .btn-cart:hover {

  background: #E54545;

}



.deals-offer-active .col-lg-6 {

  max-width: 100%;

}



.deals-offer-active .owl-nav button,

.prodict-active .owl-nav button,

.prodict-two-active .owl-nav button,

.deals-offer-one-active .owl-nav button,

.from-blog .owl-nav button,

.prodict-active-4 .owl-nav button {

  right: 15px;

}



.deals-offer-active .owl-nav button.owl-prev,

.prodict-active .owl-nav button.owl-prev,

.prodict-two-active .owl-nav button.owl-prev,

.deals-offer-one-active .owl-nav button.owl-prev,

.from-blog .owl-nav button.owl-prev,

.prodict-active-4 .owl-nav button.owl-prev {

  right: 55px;

}



/*----- home-2 deals-offer-2 css -----*/

.deals-offer-2 .countdown-deals span.cdown {

  margin-right: 0;

}



.single-deals-offer.deals-offer-2 {

  padding-bottom: 30px;

}



.deals-offer-2 .countdown-deals {

  border: 1px solid #ededed;

  border-radius: 5px;

}



.deals-offer-2 .countdown-deals .cdown {

  padding: 12px 0;

  background: transparent;

  border-right: 1px solid #ededed;

  width: 80px;

  display: block;

}



.deals-offer-2 .countdown-deals .cdown:last-child {

  border: medium none;

}



.deals-offer-2 .countdown-deals .time-count {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border-radius: 0;

  color: #222222;

  display: inline;

  font-size: 18px;

  font-weight: 600;

  height: auto;

  line-height: 0;

  width: auto;

}



.deals-offer-2 .countdown-deals .cdown>p {

  margin: 5px 0 0 0;

}



/*----------------------------------------

   12. featured-categories-area css

------------------------------------------*/

.featured-categories-area .owl-container {

  margin: 0 -10px;

}



.feategory-active .owl-item {

  padding: 0 10px;

}



.fcategory-image>a {

  display: block;

  overflow: hidden;

  position: relative;

  border-radius: 100%;

}



.fcategory-image img {

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



.fcategory-content:hover .fcategory-image img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.fcategory-title>h3 {

  line-height: 15px;

  margin: 5px 0 20px;

  text-align: center;

}



.fcategory-title h3 a {

  font-size: 14px;

  font-weight: 600;

}



.tab-content .tab-pane {

  display: block;

  height: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  visibility: hidden;

  width: 100%;

}



.tab-content .tab-pane.active {

  height: auto;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

}



.fcategory-content:hover .fcategory-title h3 a {

  color: #0879C9;

}



.home-2 .fcategory-content:hover .fcategory-title h3 a {

  color: #e39eff;

}



.feategory-active .owl-nav button {

  right: -10px;

}



.feategory-active .owl-nav button.owl-prev {

  right: 30px;

}



.home-4 .fcategory-content:hover .fcategory-title h3 a {

  color: #E64545;

}



/*--------------------------------------

   13. product-area css 

-----------------------------------------*/

.tabs-categorys-list li {

  display: inline-block;

  margin-right: 35px;

  vertical-align: top;

}



.tabs-categorys-list li a {

  color: #555;

  cursor: pointer;

  float: left;

  font-size: 18px;

  font-weight: 600;

  line-height: 30px;

  padding-bottom: 11px;

  position: relative;

  text-transform: uppercase;

}



.tabs-categorys-list li a.active {

  color: #222;

}



.tabs-categorys-list li a.active:after {

  background: #0879c9 none repeat scroll 0 0;

  bottom: -1px;

  content: "";

  height: 2px;

  left: 0;

  position: absolute;

  width: 100%;

}



.tabs-categorys-list.title-2 li a.active:after {

  background: #e39eff;

}



.tabs-categorys-list.title-3 li a.active:after {

  background: #FFC833 none repeat scroll 0 0;

}



.home-4 .tabs-categorys-list li a.active:after {

  background: #E64545;

}



.sinle-product-item .product-thumb {

  overflow: hidden;

  position: relative;

}



.sinle-product-item .product-thumb>a {

  display: block;

}



.sinle-product-item .product-thumb>a img.secondary-image {

  left: 0;

  position: absolute;

  top: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.sinle-product-item:hover .product-thumb img.secondary-image {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.sinle-product-item .action-links {

  position: absolute;

  right: -10px;

  top: 10px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  z-index: 5;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  visibility: hidden;

}



.sinle-product-item .action-links .action-btn {

  background: rgba(34, 34, 34, 0.6) none repeat scroll 0 0;

  border-radius: 100%;

  color: #ffffff;

  display: inline-block;

  font-size: 18px;

  height: 40px;

  line-height: 41px;

  margin-right: 5px;

  padding: 0;

  text-align: center;

  width: 40px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.sinle-product-item .action-links .action-btn:hover {

  background: #0879C9;

}



.home-2 .sinle-product-item .action-links .action-btn:hover {

  background: #e39eff;

}



.home-3 .sinle-product-item .action-links .action-btn:hover {

  background: #FFC833;

  color: #333;

}



.home-4 .sinle-product-item .action-links .action-btn:hover {

  background: #E64545;

}



.sinle-product-item:hover .action-links {

  right: 6px;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

}



.sinle-product-item .add-to-cart .btn-cart {

  background: rgba(8, 121, 201, 0.7) none repeat scroll 0 0;

  border-radius: 0;

  bottom: -10px;

  color: #ffffff;

  left: 0;

  line-height: 40px;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  overflow: hidden;

  padding: 0 10px;

  position: absolute;

  right: 0;

  text-align: center;

  width: 100%;

  z-index: 5;

}



.home-2 .sinle-product-item .add-to-cart .btn-cart {

  background: rgba(255, 106, 0, 0.7) none repeat scroll 0 0;

}



.home-3 .sinle-product-item .add-to-cart .btn-cart {

  background: rgba(35, 47, 62, 0.7) none repeat scroll 0 0;

}



.home-4 .sinle-product-item .add-to-cart .btn-cart {

  background: rgba(229, 69, 69, 0.7) none repeat scroll 0 0;

}



.sinle-product-item:hover .add-to-cart .btn-cart {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

  bottom: 0;

}



.sinle-product-item .add-to-cart .btn-cart:before {

  content: "";

  display: inline-block;

  font-family: "Ionicons";

  font-size: 22px;

  left: 0;

  line-height: inherit;

  position: absolute;

  right: 0;

  top: 100%;

  -webkit-transition: all 300ms ease-in-out 0s;

  transition: all 300ms ease-in-out 0s;

  vertical-align: top;

  width: 100%;

}



.sinle-product-item .add-to-cart .btn-cart span {

  display: block;

  line-height: inherit;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.sinle-product-item .add-to-cart .btn-cart:hover span {

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%);

}



.sinle-product-item .add-to-cart .btn-cart:hover:before {

  top: 0;

}



.sinle-product-item .add-to-cart .btn-cart:hover {

  background: #0879c9 none repeat scroll 0 0;

}



.home-2 .sinle-product-item .add-to-cart .btn-cart:hover {

  background: #e39eff none repeat scroll 0 0;

}



.home-3 .sinle-product-item .add-to-cart .btn-cart:hover {

  background: #ffc833 none repeat scroll 0 0;

  color: #333;

}



.home-4 .sinle-product-item .add-to-cart .btn-cart:hover {

  background: #E64545 none repeat scroll 0 0;

}



.sinle-product-item .product-info {

  text-align: center;

  padding: 20px 0 5px;

}



.sinle-product-item .product-info .rating {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.product-name {

  display: block;

  margin-bottom: 15px;

  margin-top: 5px;

}



.product-name a {

  color: #222222;

  display: block;

  font-size: 14px;

  font-weight: 400;

  overflow: hidden;

  padding: 0;

  text-transform: capitalize;

}



.product-name a:hover {

  color: #0879c9;

}



.price-box .new-price {

  color: #e64545;

  font-size: 16px;

  font-weight: 600;

}



.price-box .old-price {

  color: #999999;

  font-size: 14px;

  font-weight: 400;

  text-decoration: line-through;

  margin-left: 4px;

  padding-top: 1px;

}



.prodict-active .col-lg-3,

.prodict-two-active .col-lg-3 {

  max-width: 100%;

}



.prodict-two-active .owl-nav button {

  top: -294px;

}



/*------------------------------

   14. brand-area css 

--------------------------------*/

.single-brand-itme img {

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.single-brand-itme img:hover {

  opacity: 0.7;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



/*-------------------------------------

   15. product-category-area css

--------------------------------------*/

.product-list-style {

  border-bottom: 1px solid #ededed;

  margin-bottom: 20px;

  overflow: hidden;

  padding-bottom: 20px;

}



.product-list-style:last-child {

  border: 0 none;

  margin: 0;

  padding-bottom: 5px;

}



.product-list-style .product-thumb {

  float: left;

  width: 33.54%;

}



.product-list-style .product-info {

  float: left;

  padding: 10px 0 0 10px;

  position: relative;

  text-align: left;

  width: 66.46%;

}



.product-category-active .owl-nav button {

  top: -75px;

}



.signup-newsletter-wrapper .secton-title {

  margin-bottom: 20px;

}



.social-follow {

  padding: 8px 0 0;

}



.product-category-inner>label {

  color: #333;

  display: block;

  font-size: 13px;

  line-height: 24px;

  margin: 0;

  text-transform: none;

}



.product-category-inner .newleter-content {

  padding: 25px 0;

  position: relative;

}



.box-content .subscribe-email {

  background: #ffffff none repeat scroll 0 0;

  border: 2px solid #777;

  border-radius: 25px;

  color: #333;

  font-size: 13px;

  font-weight: 400;

  height: 46px;

  line-height: 30px;

  padding: 10px 20px;

  width: 100%;

}



.box-content.newleter-content .subscribe-btn {

  background: #0879c9 none repeat scroll 0 0;

  border: 0 none;

  border-radius: 25px;

  color: #ffffff;

  display: inline-block;

  font-size: 13px;

  font-weight: 600;

  height: 36px;

  line-height: 38px;

  margin-top: 20px;

  padding: 0 22px;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



.home-4 .box-content.newleter-content .subscribe-btn {

  background: #E64545;

}



.home-4 .box-content.newleter-content .subscribe-btn:hover {

  background: #222;

}



.box-content.newleter-content .subscribe-btn:hover,

.box-content.newleter-content .subscribe-btn.btn-3:hover {

  background: #E64545;

  color: #fff;

}



.box-content.newleter-content .subscribe-btn.btn-3 {

  background: #FFC833 none repeat scroll 0 0;

}



.text-dontspam {

  font-size: 13px;

  line-height: 24px;

  margin: 0;

}



.social-link-follow li {

  margin-bottom: 5px;

  margin-right: 10px;

  display: inline-block;

}



.social-link-follow li a {

  background: #365493 none repeat scroll 0 0;

  border-radius: 100%;

  color: #ffffff;

  display: block;

  font-size: 16px;

  height: 36px;

  line-height: 36px;

  color: #fff;

  padding: 0;

  position: relative;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 36px;

  z-index: 1;

}



.social-link-follow li a.twitter {

  background: #33ccff;

}



.social-link-follow li a.Google {

  background: #4086f4;

}



.social-link-follow li a.Youtube {

  background: #cb2027;

}



.social-link-follow li a.Flickrer {

  background: #f89a1e;

}



.social-link-follow li a:hover {

  background: #0879C9;

}



.home-3 .social-link-follow li a:hover {

  background: #FFC833;

  color: #333;

}



.home-4 .social-link-follow li a:hover {

  background: #E54545;

  color: #fff;

}



/*----------------------------------

   16. about-corporate-area css

------------------------------------*/

.single-corporate {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-grid-column-align: center;

  justify-items: center;

  padding: 38px 0;

}



.corporate-icon {

  color: #ffffff;

  font-size: 48px;

  line-height: 48px;

}



.corporate-text-des {

  padding-left: 15px;

}



.about-corporate-area .single-corporate .corporate-text-des h3 {

  color: #ffffff;

  display: block;

  font-size: 24px;

  font-weight: 600;

  margin: 0 0 2px;

  text-transform: lowercase;

}



.about-corporate-area .single-corporate .corporate-text-destext h3 {

  color: #ffffff;

  display: block;

  font-size: 18px;

  font-weight: 600;

  margin: 0 0 2px;

  text-transform: lowercase;

}



.about-corporate-area .single-corporate .corporate-text-destext p {

  color: #ffffff;

  display: block;

  font-size: 14px;

  font-weight: 400;

  margin: 0;

}



.about-corporate-area .single-corporate .corporate-text-des p {

  color: #ffffff;

  display: block;

  font-size: 14px;

  font-weight: 400;

  margin: 0;

}



/*----------------------------------

   17. footer-top css

-------------------------------------*/

.footer-top {

  background: #ffffff none repeat scroll 0 0;

  padding: 45px 0;

}



.footer-title h5 {

  color: #222222;

  display: block;

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  margin: 0 0 15px;

  text-transform: uppercase;

}



.footer-contact li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 8px;

}



.footer-contact li i {

  font-size: 13px;

}



.footer-contact li p {

  margin: 0;

  padding-left: 10px;

}



.home-blog .articles-inner .articles-image {

  float: left;

  width: 80px;

}



.home-blog .articles-inner .aritcles-content {

  overflow: hidden;

  padding-left: 18px;

}



.home-blog .articles-inner .aritcles-content .articles-date {

  color: #777777;

  font-size: 12px;

  font-style: italic;

  font-weight: 400;

  text-transform: capitalize;

  margin-top: 10px;

}



.home-blog .articles-inner {

  overflow: hidden;

}



.home-blog .articles-inner:not(:first-child) {

  border-top: 1px solid #ededed;

  margin-top: 20px;

  padding-top: 20px;

}



.footer-content .footer-list li a {

  display: block;

  font-weight: 400;

  padding: 5px 0;

}



/*-- footer-bottom css ---*/

.footer-bottom {

  background: #8e0000 none repeat scroll 0 0;

  padding: 15px 0;

}



.footer-copyright>p {

  color: #ffffff;

  margin: 0;

}



.footer-copyright>p a {

  color: #ffffff;

}



.footer-copyright>p a:hover {

  color: #0879c9;

}



.home-2 .footer-copyright>p a:hover {

  color: #e39eff;

}



.home-3 .footer-copyright>p a:hover {

  color: #FFC833;

}



.home-4 .footer-copyright>p a:hover {

  color: #E54545;

}



.footer-payment {

  text-align: right;

}



.home-2 .footer-copyright>p a:hover {

  color: #e39eff;

}



/*------------------------------------

    18. modal-wrapper css

-------------------------------------*/

.modal-wrapper .modal-dialog {

  margin: 28px auto;

  margin: 28px auto;

  margin: 1.75rem auto;

  max-width: 1000px;

}



.modal-wrapper .modal-body {

  padding: 48px 16px;

  padding: 48px 16px;

  padding: 3rem 1rem;

}



.modal-wrapper button.close {

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #333333;

  border-radius: 3px;

  font-weight: 300;

  height: 30px;

  line-height: 30px;

  position: relative;

  top: -32px;

  width: 30px;

}



#img-1>a {

  border: 1px solid #eaebee;

  display: block;

  overflow: hidden;

}



.single-product-active li a {

  border: 1px solid #eaebee;

  display: block;

}



.single-product-active {

  margin: 20px 0 0 0;

}



.single-product-active {

  display: block;

  padding: 0 19px;

}



.single-product-active .owl-nav button {

  font-size: 30px !important;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.single-product-active .owl-nav button:hover {

  color: #0879c9;

}



.single-product-active .owl-nav button.owl-prev {

  left: 0;

}



.single-product-active .owl-nav button.owl-next {

  right: 0;

}



.quick-view-content .product-info>p {

  font-size: 14px;

  margin: 15px 0;

}



.quick-view-content .price-box .new-price {

  font-size: 24px;

}



.quick-view-content .price-box .old-price {

  font-size: 16px;

  margin-left: 15px;

}



.list-unstyled {

  border-bottom: 1px solid #cccccc;

  border-top: 1px solid #cccccc;

  margin: 15px 0;

  padding: 15px 0;

}



.list-unstyled>li {

  line-height: 25px;

}



.list-unstyled li a {

  color: #239d60;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.list-unstyled li a:hover {

  text-decoration: underline;

}



.quick-view-content .quantity>label {

  display: inline-block;

  margin: 0 10px 0 0;

}



.cart-plus-minus {

  display: inline-block;

}



.cart-plus-minus .input-box {

  border: 1px solid #222222;

  height: 35px;

  text-align: center;

  width: 50px;

}



.quick-view-content .quantity {

  margin: 20px 0;

}



.quick-view-content .add-to-cart {

  background: #0879c9 none repeat scroll 0 0;

  border: medium none;

  border-radius: 25px;

  color: #ffffff;

  display: block;

  height: 40px;

  padding: 0 25px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.quick-view-content .add-to-cart:hover {

  background: #222;

}



.quick-view-content .wishlist-compare-btn {

  margin: 20px 0 0 0;

}



.quick-view-content .wishlist-compare-btn>li {

  display: inline-block;

  margin: 0 15px 0 0;

}



/*--------------------------------

   19. newsletter-group-area css

----------------------------------*/

.newsletter-group-area .newletter-box-area {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.newsletter-group-area .newletter-box-area .newletter-title {

  display: inline-block;

  margin-right: 25px;

  padding: 3.5px 0;

  vertical-align: top;

}



.newsletter-group-area .newletter-box-area .newletter-title>h2 {

  color: #ffffff;

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 0;

  margin-top: 0;

}



.newsletter-group-area .newletter-box-area .newletter-title p {

  color: #ffffff;

  display: block;

  font-size: 14px;

  line-height: 24px;

  margin: 0;

  text-transform: none;

}



.newsletter-group-area .newleter-content-box {

  padding: 7px 0;

  position: relative;

  width: 460px;

}



.newleter-content-inner {

  position: relative;

}



.newsletter-group-area .newleter-content-box input {

  background: #ffffff none repeat scroll 0 0;

  border: 0 none;

  border-radius: 3px;

  color: #222;

  font-size: 13px;

  font-weight: 400;

  height: 46px;

  line-height: 30px;

  padding: 10px 125px 10px 20px;

  width: 100%;

}



.newsletter-group-area .newleter-content-box .newleter-btn {

  background: #222222 none repeat scroll 0 0;

  border: 0 none;

  border-radius: 0 3px 3px 0;

  color: #ffffff;

  font-size: 14px;

  font-weight: 600;

  line-height: 46px;

  padding: 0 22px;

  position: absolute;

  right: 0;

  text-align: center;

  text-transform: capitalize;

  top: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.newsletter-group-area .newleter-content-box .newleter-btn:hover {

  color: #e39eff;

}



.social-link-area .social-link-follow {

  float: right;

  margin-top: 12px;

}



.social-link-area .social-link-follow li {

  display: inline-block;

  margin: 0 10px 0 0;

}



.social-link-area .social-link-follow a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 1px solid #ffffff;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.social-link-area .social-link-follow a:hover {

  background: #fff;

  border: 1px solid #ffffff;

  color: #e39eff;

}



/*------------------------------

   20. product-area-style2 css

--------------------------------*/

.product-area-style2 {

  padding-left: 250px;

  position: relative;

}



.product-area-style2 .title-style-three {

  border: 0 none;

  left: 0;

  max-width: 250px;

  padding: 0 15px;

  position: absolute;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.product-area-style2 .title-style-three h2 {

  display: block;

  font-size: 22px;

}



.product-area-style2 .title-style-three .view-all-btn {

  background: #e39eff none repeat scroll 0 0;

  border-radius: 3px;

  color: #ffffff;

  display: inline-block !important;

  font-size: 14px;

  line-height: 36px;

  padding: 0 18px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.product-area-style2 .title-style-three .view-all-btn:hover {

  background: #333;

}



.product-area-style2 .title-style-three.title-3-color .view-all-btn {

  background: #FFC833;

}



.product-area-style2 .title-style-three.title-3-color .view-all-btn:hover {

  background: #E64545;

  color: #fff;

}



.product-three-active .col-lg-3 {

  max-width: 100%;

}



.product-three-active .owl-nav button {

  background: #ffffff none repeat scroll 0 0 !important;

  border: 2px solid #777777 !important;

  border-radius: 50%;

  color: #777777 !important;

  height: 43px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 43px;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  visibility: hidden;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.product-three-active .owl-nav button:hover {

  background: #e39eff;

  border: 2px solid #e39eff;

  color: #fff;

}



.product-three-active:hover .owl-nav button {

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.product-three-active .owl-nav button.owl-next {

  right: 0;

}



.home-2 a:hover {

  color: #e39eff;

}



/*-----------------------------------

   21. from-our-blog css

---------------------------------------*/

.from-blog-contend>h4 {

  margin: 0;

}



.from-blog-contend a {

  display: block;

  font-size: 18px;

  font-weight: 600;

  line-height: 24px;

  margin-bottom: 17px;

  margin-top: 15px;

  padding-bottom: 20px;

  position: relative;

  text-transform: capitalize;

}



.from-blog-contend a:after {

  background: #dbdbdb none repeat scroll 0 0;

  bottom: 0;

  content: "";

  height: 1px;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  width: 40px;

}



.from-blog .col-lg-6 {

  max-width: 100%;

}



.home-3 a:hover {

  color: #FFC833;

}



.single-from-blog {

  padding-bottom: 5px;

}



.home-4 a:hover {

  color: #E54545;

}



.prodict-active-4 .col-lg-3 {

  max-width: 100%;

}



/*--------------------------------------

   22. shop page css 

--------------------------------------*/

.other-page-categoriy .vertical-menu-list {

  display: none;

  position: absolute;

  z-index: 9;

  background: #fff;

}



.breadcrumb-item+.breadcrumb-item:before {

  color: #6c757d;

  content: "";

  display: inline-block;

  font-family: fontawesome;

  padding-left: 8px;

  padding-left: 8px;

  padding-left: 0.5rem;

  padding-right: 8px;

  padding-right: 8px;

  padding-right: 0.5rem;

}



.breadcrumb-item {

  display: inline-block;

}



.breadcrumb-area {

  border-bottom: 1px solid #dddddd;

  padding: 18px 0;

}



.breadcrumb-item.active {

  color: #0879C9;

}



.sidebar-categores-box {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #eaecee;

  margin-bottom: 30px;

  padding: 20px;

}



.sidebar-categores-box .secton-title {

  margin-bottom: 17px;

}



.shop .box-module,

.shop-fullwith .box-module {

  margin-top: 30px;

}



/*--- widget content ----*/

.ui-widget-content {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  border-radius: 4px;

  height: 6px;

  margin: 25px 0 25px;

}



.ui-slider-range {

  background: #E64545 none repeat scroll 0 0;

}



.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default {

  background: #e64545 none repeat scroll 0 0;

  border: 2px solid #e64545;

  border-radius: 50%;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #ffffff;

  font-weight: normal;

  width: 14px;

  height: 14px;

  cursor: pointer;

}



.ui-widget-content .ui-state-default:hover {

  background: #fff;

}



.filter-price-cont {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 10px;

}



.filter-price-cont .input-type>input {

  border: medium none;

  padding: 0 8px 0 0;

  text-align: center;

  width: 50px;

}



.filter-group a:before {

  border: 1px solid #dfdfdf;

  border-radius: 2px;

  color: rgba(0, 0, 0, 0);

  content: "";

  display: inline-block;

  font-family: "Ionicons";

  height: 15px;

  line-height: 13px;

  margin-right: 10px;

  text-align: center;

  width: 15px;

}



.filter-group a:hover:before {

  color: #0879c9;

}



.filter-group>a {

  display: block;

  padding: 5px 0;

}



.product-select-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.product-show {

  margin-right: 20px;

}



.product-view-mode {

  margin-right: 20px;

}



.product-view-mode ul li {

  margin-right: 15px;

  margin-top: 4px;

}



.product-view-mode ul li a {

  display: block;

  font-size: 20px;

}



.product-view-mode ul li a:hover {

  color: #0879C9;

}



.product-view-mode ul li a.active {

  color: #0879C9;

}



.shop-products-wrapper .tab-content .tab-pane.active {

  display: block;

}



.shop-bar-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.shop-products-wrapper .tab-content .tab-pane {

  display: none;

  height: auto;

}



.shop-top-bar {

  background: #ffffff none repeat scroll 0 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 12px;

  border: 1px solid #eaecee;

}



.product-short,

.product-show {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.product-short>p,

.product-show p {

  margin: 5px 10px 0 0;

}



.product-short .nice-select,

.product-show .nice-select {

  height: 34px;

  line-height: 31px;

}



.product-short .nice-select {

  width: 168px;

}



.product-show .nice-select {

  width: 168px;

}



.product-show .nice-select {

  width: 76px;

}



.toolbar-amount>span {

  display: block;

  margin-top: 5px;

}



.product-layout-list .price-box .new-price {

  font-size: 18px;

}



.product-layout-list .product-des {

  line-height: 24px;

  margin-bottom: 0;

  margin-top: 0;

  padding: 15px 0;

}



.product-layout-list .list-btn-cart {

  background: #0879c9 none repeat scroll 0 0;

  border: 0 none;

  color: #ffffff;

  display: inline-block;

  font-weight: 600;

  padding: 0 25px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  border-radius: 20px;

  font-size: 14px;

  line-height: 40px;

  margin-top: 5px;

  cursor: pointer;

}



.product-layout-list .list-btn-cart:hover {

  background: #E64545;

}



.product-layout-list:hover .action-links {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  right: 6px;

  visibility: visible;

}



.product-layout-list {

  margin-bottom: 30px;

}



.shop-products-wrapper {

  margin-bottom: 60px;

}



.paginatoin-area {

  margin: 30px 0 0;

}



.pagination-box {

  float: right;

}



.pagination-box>li {

  display: inline-block;

  margin-right: 5px;

}



.pagination-box li a {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #ededed;

  border-radius: 2px;

  color: #222222;

  display: block;

  height: 40px;

  line-height: 40px;

  text-align: center;

  width: 40px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.pagination-box li a:hover {

  background: #0879C9;

  color: #fff;

}



.pagination-box li a.active {

  background: #0879C9;

  color: #fff;

}



.paginatoin-area p {

  margin: 10px 0;

}



/*------------------------------------

   23. single-product-page css 

--------------------------------------*/

.sinlge-product-wrap .price-box {

  margin-top: 15px;

}



.sinlge-product-wrap .price-box .new-price {

  font-size: 28px;

}



.sinlge-product-wrap .price-box .old-price {

  font-size: 26px;

}



.sinlge-product-wrap .wishlist-compare-btn a {

  font-size: 16px;

}



.sinlge-product-wrap .wishlist-compare-btn a i {

  margin-right: 5px;

}



.sinlge-product-wrap .quick-view-content .add-to-cart {

  font-weight: 600;

  padding: 0 25px;

  text-transform: uppercase;

}



.product-info-detailed {

  background: #f5f7fa none repeat scroll 0 0;

  display: block;

  margin-bottom: 30px;

  margin-top: 60px;

  padding: 12px 0;

}



.discription-tab-menu .nav {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.discription-tab-menu ul li {

  margin-right: 10px;

}



.discription-tab-menu li a {

  display: inline-block;

  font-size: 16px;

  font-weight: 600;

  padding: 12px 25px;

  text-transform: uppercase;

}



.description-content>p {

  line-height: 24px;

}



.discription-tab-menu li a.active {

  color: #0879c9;

}



.form-review .table-striped li {

  display: inline-block;

  margin-right: 7px;

}



.table-name {

  width: 50%;

}



.review-wrap {

  margin-top: 30px;

}



.review-wrap>h2 {

  font-size: 24px;

  margin-bottom: 20px;

}



.review-wrap .control-label:before {

  color: #ff0000;

  content: "* ";

  font-weight: bold;

}



.form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: 0 none;

}



.review-wrap .help-block {

  margin: 10px 0 0;

}



.button-review {

  background: #0879c9 none repeat scroll 0 0;

  border: medium none;

  border-radius: 5px;

  color: #ffffff;

  cursor: pointer;

  height: 40px;

  padding: 0 25px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.button-review:hover {

  background: #333;

}



.sinlge-product-wrap .tab-content .tab-pane.active {

  display: block;

}



.sinlge-product-wrap .tab-content .tab-pane {

  display: none;

  height: auto;

}



.related-products .prodict-two-active .owl-nav button {

  top: -70px;

}



/*---------------------------------------

   24. faequently-questions css 

----------------------------------------*/

.feequently-about-content {

  margin-bottom: 60px;

  margin-top: 60px;

}



.feequently-about-content>h4 {

  font-size: 20px;

}



.faequently-accordion {

  margin-bottom: 60px;

}



.faequently-accordion h4 a:before,

.faequently-tab-menu ul li a:before {

  color: #333;

  content: "";

  font-family: fontawesome;

  font-size: 12px;

  position: absolute;

  right: 20px;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 9;

}



.faequently-accordion h4.open a:after,

.faequently-tab-menu ul li.active a:before {

  color: #333;

  content: "";

  font-family: fontawesome;

  font-size: 12px;

  position: absolute;

  right: 20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 9;

}



.faequently-accordion h4.open a:before {

  display: none;

}



.faequently-accordion h4 {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #cccccc;

  line-height: 1.5;

  margin: 0 0 10px;

  padding: 0;

}



.faequently-accordion h4 a {

  color: #333;

  display: block;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.5;

  padding: 15px 10px 15px 25px;

  position: relative;

}



.faequently-description {

  border-color: #e7e4dd #0879C9 #0879C9;

  border-style: solid;

  border-width: 1px;

  padding: 20px 25px;

  margin-bottom: 10px;

}



.faequently-accordion h4.open {

  border-color: #0879C9 #0879C9 #0879C9;

  margin-bottom: 0;

}



.faequently-accordion h4.open a {

  color: #0879C9;

}



.faequently-description>p {

  color: #333333;

  font-size: 14px;

}



/*------------------------------------

   25. checkout css 

--------------------------------------*/

.coupon-area {

  margin: 60px 0;

}



.checkout-area {

  padding-bottom: 30px;

}



.coupon-accordion h3:before {

  color: #1e85be;

  content: "";

  display: inline-block;

  font-family: "fontawesome";

  left: 1.5em;

  position: absolute;

  top: 1em;

}



.coupon-accordion>h3 {

  background: #ffffff none repeat scroll 0 0;

  border-top: 3px solid #1e85be;

  color: #515151;

  font-size: 14px;

  font-weight: 400;

  margin: 0 0 2em;

  padding: 1em 2em 1em 3.5em;

  position: relative;

}



.coupon-accordion h3 span.coupon {

  color: #ff5c00;

  cursor: pointer;

}



.coupon-accordion h3 span.coupon:hover {

  color: #0879C9;

}



.coupon-content,

.login-Register-info {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #d3ced2;

  border-radius: 5px;

  margin: 2em 0;

  padding: 20px;

}



.customer-login-register>h3 {

  line-height: 28px;

}



.coupon-content {

  display: none;

}



.coupon-info p.coupon-input {

  margin: 0 0 10px;

}



.coupon-info p.form-row-first {

  float: left;

  width: 47%;

}



.coupon-info p.form-row-last {

  float: right;

  width: 47%;

}



.coupon-info p.coupon-input>label {

  display: block;

  line-height: 2;

  margin-bottom: 5px;

}



.coupon-input>input,

.checkout-coupon>input,

.single-form-row>input,

.single-form-row textarea {

  border: 1px solid #e5e5e5;

  height: 42px;

  padding: 0 0 0 10px;

  width: 100%;

}



.single-form-row textarea {

  height: 100px;

  padding: 10px;

  line-height: 1.5;

}



.coupon-input .required {

  color: #ff0000;

}



.coupon-info .button-login,

.login-Register-info .button-login {

  margin: 5px 10px 0 0;

}



.coupon-info label span,

.login-Register-info label span {

  margin-left: 5px;

}



.checkout-coupon {

  margin: 0;

}



.checkout-coupon>input {

  width: auto;

}



.checkout-coupon .button-apply-coupon {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  color: #ffffff;

  cursor: pointer;

  line-height: 42px;

  margin-left: 5px;

  padding: 0 25px;

}



.checkout-coupon .button-apply-coupon:hover {

  background: #1a1a1a none repeat scroll 0 0;

}



.nice-select {

  float: inherit;

}



.account-create .creat-pass {

  color: #aa0000;

}



.account-create input.input-text {

  border-color: #aa0000;

}



.account-create,

.ship-box-info {

  display: none;

}



.login-Register-info .button-login {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  border-radius: 3px;

  color: #ffffff;

  height: 40px;

  padding: 0 20px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.login-Register-info .button-login:hover {

  background: #0879C9;

}



.lost-password {

  float: right;

  margin: 12px 0 0;

  color: #E64545;

}



.coupon-accordion .button-login {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  border-radius: 5px;

  color: #ffffff;

  cursor: pointer;

  height: 40px;

  padding: 0 25px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.coupon-accordion .button-login:hover {

  background: #0879C9;

}



.login-register-area {

  padding: 60px 0 30px;

}



.checkout-page .lost-password {

  float: inherit;

}



/*-- checkbox-form --*/

.checkout-area h3.shoping-checkboxt-title {

  border-bottom: 1px solid #e7e4dd;

  font-size: 1.4em;

  font-weight: 400;

  margin: 0 0 20px;

  padding-bottom: 10px;

  text-transform: none;

  width: 100%;

}



.checkbox-form .single-form-row {

  margin: 0 0 30px;

}



.single-form-row .required {

  border: 0 none;

  color: #ff0000;

  font-weight: 700;

  cursor: help;

}



.checkbox-form .nice-select {

  border-radius: 0;

}



.single-form-row.checkout-area {

  margin-bottom: 5px;

}



table.checkout-review-order-table {

  width: 100%;

}



.checkout-review-order-table thead th,

.checkout-review-order-table tbody td,

.checkout-review-order-table tfoot tr th,

.checkout-review-order-table tfoot tr td {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border-bottom: 1px solid #dcd8ce;

  border-right: medium none;

  border-top: medium none;

  font-size: 14px;

  padding: 15px 0;

  text-align: center;

}



.checkout-review-order-table tfoot tr td {

  font-weight: 700;

}



.checkout-review-order-table tfoot tr.order-total td,

.checkout-review-order-table tfoot tr.order-total th {

  border-bottom: medium none;

  font-size: 18px;

}



.checkout-review-order-table tfoot tr.order-total td span {

  color: #E85757;

}



.payment_methods {

  margin-top: 15px;

}



.payment_methods>p {

  font-size: 15px;

  margin: 0;

}



.payment_methods label {

  font-size: 15px;

  margin: 0;

}



.checkout-review-order {

  background: #ffffff none repeat scroll 0 0;

  padding: 30px;

}



.checkout-payment .button-continue-payment {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  border-radius: 5px;

  color: #ffffff;

  height: 40px;

  margin-top: 30px;

  padding: 0 20px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  cursor: pointer;

}



.checkout-payment .button-continue-payment:hover {

  background: #0879C9;

}



/*-------------------------------------

   26. shopping-cart css 

---------------------------------------*/

.table-content table {

  background: #ffffff none repeat scroll 0 0;

  border-color: #ebebeb;

  border-radius: 0;

  border-style: solid;

  border-width: 1px 0 0 1px;

  margin-bottom: 0;

  text-align: center;

  width: 100%;

}



.table-content table {

  text-align: center;

}



thead {

  background-color: #f6f6f6;

}



.table-content table th {

  border-top: medium none;

  font-size: 15px;

  font-weight: 500;

  padding: 20px 10px;

  text-align: center;

  text-transform: capitalize;

  vertical-align: middle;

  white-space: nowrap;

}



.table-content table td.plantmore-product-remove {

  font-size: 20px;

}



.table-content table td {

  border-top: medium none;

  font-size: 13px;

  padding: 20px 10px;

  vertical-align: middle;

}



.table-content table th,

.table-content table td {

  border-bottom: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb;

}



.table-content table td {

  font-size: 15px;

}



.plantmore-product-quantity>input {

  text-align: center;

  width: 48px;

}



.cart-table .coupon-all {

  margin-top: 50px;

}



.cart-table .coupon {

  float: left;

}



.cart-table .coupon2 {

  float: right;

}



.cart-table .coupon input {

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #dddddd;

  border-radius: 0;

  color: #333333;

  font-size: 13px;

  height: 42px;

  padding: 10px;

  width: 120px;

  margin-right: 10px;

}



.cart-table .coupon-all input.button {

  background-color: #333333;

  border: 0 none;

  border-radius: 2px;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

  font-size: 13px;

  font-weight: 700;

  height: 42px;

  letter-spacing: 1px;

  line-height: 42px;

  padding: 0 25px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: inherit;

}



.cart-table .coupon-all input.button:hover {

  background-color: #0879C9;

}



.cart-page-total {

  padding-top: 50px;

  margin-bottom: 60px;

}



.cart-page-total>h2 {

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 20px;

  text-transform: capitalize;

}



.cart-page-total>ul {

  border: 1px solid #dddddd;

}



.cart-page-total>ul>li {

  border-bottom: 1px solid #ebebeb;

  color: #252525;

  font-family: "Montserrat", sans-serif;

  font-size: 15px;

  font-weight: 700;

  list-style: outside none none;

  padding: 10px 30px;

}



.cart-page-total ul>li>span {

  float: right;

}



.cart-page-total li:last-child {

  border-bottom: 0 none;

}



.cart-page-total>a {

  background-color: #333333;

  border: 1px solid #333333;

  color: #ffffff;

  display: inline-block;

  margin-top: 30px;

  padding: 10px 20px;

  border-radius: 5px;

  text-transform: capitalize;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.cart-page-total>a:hover {

  background-color: #0879C9;

  border: 1px solid #0879C9;

}



.plantmore-product-stock-status span.in-stock,

.plantmore-product-stock-status span.out-stock {

  color: #30b878;

  font-size: 12px;

  text-transform: capitalize;

}



.plantmore-product-stock-status span.out-stock {

  color: #eb3e32;

}



.plantmore-product-add-cart>a {

  background: #333333 none repeat scroll 0 0;

  border-radius: 5px;

  color: #ffffff;

  display: inline-block;

  font-size: 14px;

  height: 41px;

  line-height: 40px;

  padding: 0 20px;

  text-transform: capitalize;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 180px;

}



.plantmore-product-add-cart>a:hover {

  background: #0879C9;

}



/*-----------------------------------------

   27. blog-area css 

-------------------------------------------*/

.single-blog-area {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #e7e4dd;

  margin: 0 0 30px;

  padding: 30px;

  text-align: left;

}



.post-category li {

  display: inline-block;

  color: #0879C9;

}



.post-category a {

  color: #0879C9;

  font-size: 14px;

  padding: 0 5px;

  text-decoration: underline;

}



.post-category a:hover {

  color: #4c4c4c;

}



.blog-titel h1 {

  font-size: 24px;

  letter-spacing: 0.05em;

  margin: 10px 0;

}



.blog-titel.blog-image h1:before {

  color: #0879C9;

  content: "";

  display: inline-block;

  font-family: "FontAwesome";

  font-size: 30px;

  margin-right: 20px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.blog-titel h1 a {

  color: #333333;

}



.blog-titel h1 a:hover {

  color: #0879C9;

}



.post-separator {

  margin: 0 5px;

}



.post-author,

.post-date {

  color: #333333;

  font-size: 14px;

  letter-spacing: 0.05em;

}



.blog-content .post-separator {

  color: #333;

  display: inline-block;

  margin: 0 10px;

  vertical-align: middle;

}



.post-thumbnail {

  margin: 20px 0 30px;

  overflow: hidden;

  position: relative;

}



.postinfo-wrapper .readmore.button {

  background: #333 none repeat scroll 0 0;

  border-radius: 3px;

  color: #ffffff;

  display: inline-block;

  font-size: 0.857em;

  height: 45px;

  letter-spacing: 0.2em;

  line-height: 45px;

  margin-bottom: 30px;

  padding: 0 50px;

  text-align: center;

  -webkit-transition: 0.3s all ease-in-out;

  transition: 0.3s all ease-in-out;

}



.postinfo-wrapper .readmore.button:hover {

  background: #0879C9 none repeat scroll 0 0;

}



.social-comment .social-sharing {

  float: left;

}



.social-sharing .social-title {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #333333;

  float: left;

  font-size: 14px;

  line-height: 26px;

  margin: 0 20px 0 0;

  width: auto;

}



.social-icons {

  float: left;

}



.social-comment .social-icons>li {

  display: inline-block;

}



.social-comment {

  overflow: hidden;

}



.social-sharing .social-icons li a {

  background: #f7f7f7 none repeat scroll 0 0;

  border-radius: 100%;

  color: #353535;

  display: inline-block;

  font-size: 14px;

  height: 26px;

  line-height: 26px;

  margin-bottom: 10px;

  margin-right: 10px;

  text-align: center;

  width: 26px;

}



.social-sharing .social-icons li a:hover {

  background: #0879C9;

  color: #fff;

}



.social-comment .blog-comment {

  color: #333;

  float: right;

  font-size: 0.857em;

  font-weight: bold;

}



.social-comment .blog-comment:hover {

  color: #0879C9;

}



.post-thumbnail iframe {

  width: 100%;

}



.post-slider .owl-nav button {

  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;

  border-radius: 50%;

  color: #ffffff !important;

  font-size: 20px !important;

  height: 40px;

  position: absolute;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 40px;

  visibility: hidden;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.post-slider .owl-nav button:hover {

  background: #0879C9 !important;

}



.post-slider .owl-nav .owl-next {

  right: 10px;

  margin: auto;

}



.post-slider .owl-nav .owl-prev {

  left: 10px;

}



.post-slider .owl-dots {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  width: 20%;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  visibility: hidden;

}



.post-slider .owl-dots .owl-dot {

  background: #0D1718;

  border: 3px solid #0D1718;

  border-radius: 100%;

  display: inline-block;

  height: 14px;

  margin: 0 4px;

  width: 14px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.post-slider .owl-dots .owl-dot:hover {

  background: #ffffff none repeat scroll 0 0;

  border: 3px solid #0D1718;

}



.post-slider .owl-dots .owl-dot.active {

  background: #ffffff none repeat scroll 0 0;

  border: 3px solid #96a1a3;

}



.post-slider:hover .owl-dots,

.post-slider:hover .owl-nav button {

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.main-blog-wrap {

  margin-bottom: 60px;

}



.blog-audio iframe {

  vertical-align: middle;

  border: none;

  width: 100%;

  min-height: 300px;

}



.postinfo-wrapper p {

  font-size: 15px;

  line-height: 24px;

}



/*-- categories-blog-area css --*/

.single-categories-1 {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #dddddd;

  margin: 0 0 30px;

  overflow: hidden;

  padding: 20px;

}



.single-categories-1.tag-area {

  margin-top: 30px;

}



.single-categories-1 .blog-categorie-title {

  border-bottom: 1px solid #cccccc;

  color: #222222;

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 0.05em;

  line-height: 1;

  margin: 0 0 20px;

  padding: 0 0 15px;

  position: relative;

  text-transform: capitalize;

}



.single-categories-1 .blog-categorie-title:after {

  background: #0879c9 none repeat scroll 0 0;

  bottom: -1px;

  content: "";

  height: 2px;

  left: 0;

  position: absolute;

  width: 70px;

}



.single-categories-blog li:not(:last-child) {

  line-height: 20px;

  margin-bottom: 10px;

}



.single-categories-blog li a {

  color: #333;

  font-size: 15px;

}



.single-categories-blog li a:hover {

  color: #0879C9;

}



.blog-search-form .form-input .input-text {

  border: 1px solid #ddd;

  color: #333333;

  font-size: 14px;

  height: 34px;

  padding: 0 40px 0 15px;

  width: 100%;

  background: transparent;

}



.blog-search-form {

  position: relative;

}



.tagcloud>a {

  border: 1px solid #333333;

  border-radius: 5px;

  display: inline-block;

  margin-bottom: 10px;

  margin-right: 5px;

  padding: 6px 10px;

}



.tagcloud>a:hover {

  border: 1px solid #0879C9;

  color: #0879C9;

}



.blog-search-form .form-input .blog-search-button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  color: #333;

  height: 34px;

  outline: medium none;

  padding: 0 10px;

  position: absolute;

  right: 0;

  top: 0;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.blog-search-form .form-input .blog-search-button:hover {

  color: #0879C9;

}



.single-categories-1.blog-search .categorie-title {

  margin-bottom: 30px;

}



.post-info {

  margin-bottom: 30px;

  text-align: left;

}



.postinfo-wrapper .post-info blockquote {

  border-left: 5px solid #0879C9;

  color: #666;

  font-size: 17px;

  font-style: italic;

  line-height: 26px;

  margin: 30px 0;

  padding: 0 0 0 10px;

}



.post-commet {

  border-bottom: 1px solid #e7e4dd;

  border-top: 1px solid #e7e4dd;

  color: #808080;

  font-size: 13px;

  margin: 0 0 30px;

  padding: 15px 0;

  text-align: left;

  text-transform: uppercase;

}



.post-commet a {

  color: #333;

  text-align: left;

  width: 100%;

}



.post-commet a:hover {

  color: #0879C9;

}



.blog-with-post .social-sharing {

  margin-bottom: 30px;

}



.comments-area.comments-reply-ara .comment-reply-title {

  border-bottom: 1px solid #e7e4dd;

  border-top: medium none;

  font-size: 20px;

  font-weight: 700;

  margin: 0 0 30px;

  padding: 0 0 20px;

  position: relative;

  text-transform: uppercase;

}



.comments-area.comments-reply-ara .comment-submit {

  background: #333333 none repeat scroll 0 0;

}



.comment-submit {

  margin-top: 10px;

}



.comments-area.comments-reply-ara .comment-submit:hover {

  background: #009e90;

}



.single-blog-related .relatedthumb {

  margin-bottom: 25px;

}



.single-blog-related h4 {

  font-size: 14px;

  margin: 0;

  text-transform: capitalize;

}



.single-blog-related h4 a {

  color: #333333;

}



.single-blog-related h4 a:hover {

  color: #009D8F;

}



.single-blog-related .post-date {

  color: #808080;

  font-size: 0.857em;

  letter-spacing: 0.05em;

  font-style: italic;

}



.blgo-relatedposts h3.relatedpost-title {

  display: block;

  font-size: 20px;

  margin: 0 0 30px;

  padding: 0 0 20px;

  position: relative;

  text-align: left;

  text-transform: capitalize;

}



.comment-form-author,

.comment-form-email,

.comment-form-url {

  float: left;

  padding: 0 10px;

  width: 33.3333%;

}



.comment-input {

  margin: 0 -10px;

}



.comment-form-comment>label,

.comment-input label {

  color: #333;

  display: block;

  font-size: 14px;

  margin: 0 0 5px;

}



.comment-form-comment textarea {

  border: 1px solid #e5e5e5;

  font-size: 14px;

  height: 130px;

  padding: 10px;

  width: 100%;

}



.comment-input input {

  border: 1px solid #e5e5e5;

  height: 42px;

  width: 100%;

  padding: 0 0 0 10px;

  font-size: 14px;

}



.comment-form-area {

  margin-bottom: 60px;

}



.comment-form-submit .comment-submit {

  background: #333333 none repeat scroll 0 0;

  border: medium none;

  color: #ffffff;

  font-size: 15px;

  height: 50px;

  line-height: 50px;

  margin-top: 10px;

  padding: 0 20px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.comment-form-submit .comment-submit:hover {

  background: #0879C9;

}



.ht-sidebar-three-instagram {

  float: left;

  margin: 0 -2px;

}



.ht-sidebar-three-instagram li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  float: left;

  padding: 0 2px 4px;

  width: 33.333%;

}



/*----- single-blog-post -------*/

.comments-area>h3 {

  font-size: 17px;

  font-weight: 700;

  line-height: 22px;

  margin-bottom: 20px;

  text-transform: uppercase;

}



.comments-area .commentlist li .single-comment {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #dddddd;

  margin: 0 0 20px;

  padding: 30px;

  width: 100%;

}



.comments-area .commentlist li .comment-avatar {

  float: left;

  margin-right: 20px;

}



.commentlist {

  padding: 0;

}



.comments-area .commentlist li .comment-info {

  border: medium none;

  overflow: hidden;

  position: relative;

}



.commentlist li {

  list-style: outside none none;

}



.comments-area .commentlist .comment-info a {

  color: #222222;

  display: block;

  font-size: 14px;

  font-weight: 700;

}



.comments-area .commentlist .comment-info span.date {

  color: #222222;

  display: block;

  font-size: 13px;

  font-style: italic;

  line-height: 19px;

  margin-bottom: 15px;

}



.comments-area .commentlist li .comment-info .reply {

  display: inline-block;

  float: right;

  position: absolute;

  right: 0;

  top: 0;

}



.comments-area .commentlist li .comment-info .reply a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 1px solid #0879C9;

  border-radius: 500px;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #0879C9;

  display: inline-block;

  font-size: 11px;

  font-weight: 700;

  height: 28px;

  line-height: 26px;

  padding: 0 20px;

  text-shadow: none;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  white-space: nowrap;

}



/*----------------------------------------

    28. My Account Page CSS

----------------------------------------*/

.dashboard-upper-info {

  border-bottom: 1px solid #ebebeb;

  border-top: 1px solid #ebebeb;

  margin-bottom: 60px;

}



.dashboard-content .tab-pane:not(.active) {

  display: none;

}



.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {

  border-right: 1px solid #ebebeb;

  padding: 30px 20px;

}



.user-name {

  position: relative;

}



.user-name:before {

  color: #222;

  content: "\f05d";

  font-family: FontAwesome;

  font-size: 18px;

  left: -20px;

  position: absolute;

  top: 0;

}



.account-dashboard p {

  font-size: 14px;

  margin: 0;

}



.d-single-info a,

.account-login-form a {

  color: #333;

}



.d-single-info a:hover,

.account-login-form a:hover {

  color: #0879C9;

}



.dashboard-upper-info a.view-cart,

.view {

  color: #fff;

  font-size: 14px;

  padding: 5px 12px;

  background: #0879C9;

  text-transform: capitalize;

}



.dashboard-upper-info a.view-cart:hover,

.view:hover {

  background: #222;

  color: #fff;

}



.view-cart {

  display: inline-block;

  font-size: 14px;

  padding-left: 5px;

  text-transform: capitalize;

}



.view-cart>i {

  margin-right: 5px;

}



.user-name span {

  color: #303030;

  font-size: 15px;

  font-weight: 600;

}



.dashboard-list li a {

  border-bottom: 1px solid #ebebeb;

  color: #222;

  display: block;

  font-size: 14px;

  padding: 12px 0;

  text-transform: capitalize;

}



.dashboard-list li a.active,

.dashboard-list li a:hover,

.view-cart:hover,

.dashboard-upper-info a:hover {

  color: #0879C9;

}



.dashboard-list li a.active:after {

  content: "\f105";

  font-family: FontAwesome;

  margin-left: 5px;

  -webkit-transition: 0.10s;

  transition: 0.10s;

}



.dashboard-content {

  border: 1px solid #ebebeb;

  padding: 30px;

}



.dashboard-content h3 {

  text-transform: capitalize;

}



.dashboard-content h3 {

  border-bottom: 1px solid #ebebeb;

  font-size: 24px;

  line-height: 24px;

  margin-bottom: 25px;

  padding-bottom: 15px;

  text-transform: capitalize;

  font-weight: 700;

}



.dashboard-content .table-responsive .table>tbody>tr>td,

.dashboard-content .table-responsive .table>tbody>tr>th,

.dashboard-content .table-responsive .table>tfoot>tr>td,

.dashboard-content .table-responsive .table>tfoot>tr>th,

.dashboard-content .table-responsive .table>thead>tr>td,

.dashboard-content .table-responsive .table>thead>tr>th {

  border: none;

}



.dashboard-content .table-responsive>.table>thead {

  background: #f6f6f6 none repeat scroll 0 0;

  border-bottom: 1px solid #ebebeb;

}



.dashboard-content .table-responsive .table>thead>tr>th {

  font-size: 14px;

  font-weight: 600;

}



.dashboard-content .table-responsive .table>tbody>tr>td {

  color: #333333;

  font-size: 13px;

}



#dashboard a {

  color: #222;

  text-transform: capitalize;

}



#dashboard a:hover {

  color: #0879C9;

}



.billing-address {

  font-size: 16px;

  font-weight: 700;

  margin-top: 25px;

}



#address .view {

  display: inline-block;

  margin: 5px 0;

  font-size: 14px;

}



.register-form {

  padding: 40px;

}



.account-login-form {

  background: white none repeat scroll 0 0;

  -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);

  padding: 30px 30px 20px;

}



.login-form-container {

  padding: 40px 60px;

  -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);

  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);

  background: #fff;

  margin-bottom: 30px;

  border: 1px solid rgba(0, 0, 0, .125);

  padding-bottom: 20px;

}



.input-radio .custom-radio input {

  width: auto;

  height: 11px;

}



.account-login-form input {

  background: #ebebeb none repeat scroll 0 0;

  border: 0 none;

  color: #7d7d7d;

  height: 35px;

  margin-bottom: 20px;

  padding: 8px 15px;

  width: 100%;

}



.example {

  display: block;

  color: #878787;

  font-size: 14px;

  margin-bottom: 20px;

}



.custom-checkbox {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.login-form-container input[type="checkbox"] {

  margin: 0;

  position: relative;

  top: 3px;

  width: auto;

  height: 15px;

  margin-right: 10px;

}



.default-btn {

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

  background: #434343;

  color: #fff;

  border: 0;

  padding: 8px 20px;

  cursor: pointer;

  margin: 20px 0;

  text-align: ;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: inline-block;

}



.default-btn:hover {

  background: #0879C9;

  color: #fff;

}



.account-login-form label {

  font-size: 15px;

  color: #333;

}



/*--------------------------------------

    29. about-page css 

----------------------------------------*/

.about-info-wrapper>h2 {

  font-weight: 600;

}



.section-titel-three {

  margin: 0px 0 20px;

  text-align: center;

}



.section-titel-three>h2 {

  font-size: 25px;

  font-weight: 600;

  text-transform: uppercase;

}



.read-more-btn>a {

  background: #333333 none repeat scroll 0 0;

  color: #ffffff;

  display: inline-block;

  height: 40px;

  line-height: 40px;

  padding: 0 20px;

  border-radius: 5px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



.read-more-btn>a:hover {

  background: #0879C9;

}



.single-our-team {

  margin-top: 30px;

}



.our-team-image>img {

  width: 100%;

}



.About-us-team-area {

  padding: 60px 0;

}



.our-team-image {

  position: relative;

  overflow: hidden;

}



.team-social-link {

  bottom: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  padding: 10px 0;

  position: absolute;

  text-align: center;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  visibility: hidden;

  width: 100%;

}



.team-social-link li {

  display: inline-block;

  margin: 0 3px;

}



.team-social-link li a {

  background: #0879C9 none repeat scroll 0 0;

  border-radius: 100%;

  color: #ffffff;

  display: block;

  font-size: 14px;

  height: 38px;

  line-height: 38px;

  width: 38px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.team-social-link li a:hover {

  background: #333;

}



.our-team-info {

  background: #f1f1f1 none repeat scroll 0 0;

  padding: 10px 0;

  text-align: center;

}



.our-team-info>h3 {

  color: #333333;

  font-size: 20px;

  margin-bottom: 5px;

}



.our-team-info>p {

  font-size: 16px;

  margin: 0;

}



.section-titel-three>p {

  margin: 0;

}



.single-our-team:hover .team-social-link {

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -webkit-transform: translateY(0);

  transform: translateY(0)

}



/*--  testimonial ---*/

.testimonials-area {

  background: #f1f1f1 none repeat scroll 0 0;

  padding: 90px 0;

}



.single-testimonial p {

  font-size: 20px;

  font-style: italic;

  margin: 20px 0 30px;

}



.single-testimonial h4 {

  font-size: 20px;

  font-weight: 700;

  text-transform: capitalize;

  margin: 0;

}



.single-testimonial span {

  color: #666666;

  font-size: 14px;

  font-style: italic;

  font-weight: 400;

  text-transform: uppercase;

}



.owl-carousel .owl-item .single-testimonial img {

  display: block;

  margin: 0 auto;

  width: auto;

}



.about-page .brand-logo-active {

  border-top: medium none;

}



/*--------------------------------------

    29. about-page css 

----------------------------------------*/

.about-info-wrapper>h2 {

  font-weight: 600;

}



.section-titel-three {

  margin: 0px 0 20px;

  text-align: center;

}



.section-titel-three>h2 {

  font-size: 25px;

  font-weight: 600;

  text-transform: uppercase;

}



.read-more-btn>a {

  background: #333333 none repeat scroll 0 0;

  color: #ffffff;

  display: inline-block;

  height: 40px;

  line-height: 40px;

  padding: 0 20px;

  border-radius: 5px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



.read-more-btn>a:hover {

  background: #0879C9;

}



.single-our-team {

  margin-top: 30px;

}



.our-team-image>img {

  width: 100%;

}



.About-us-team-area {

  padding: 60px 0;

}



.our-team-image {

  position: relative;

  overflow: hidden;

}



.team-social-link {

  bottom: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  padding: 10px 0;

  position: absolute;

  text-align: center;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  visibility: hidden;

  width: 100%;

}



.team-social-link li {

  display: inline-block;

  margin: 0 3px;

}



.team-social-link li a {

  background: #0879C9 none repeat scroll 0 0;

  border-radius: 100%;

  color: #ffffff;

  display: block;

  font-size: 14px;

  height: 38px;

  line-height: 38px;

  width: 38px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.team-social-link li a:hover {

  background: #333;

}



.our-team-info {

  background: #f1f1f1 none repeat scroll 0 0;

  padding: 10px 0;

  text-align: center;

}



.our-team-info>h3 {

  color: #333333;

  font-size: 20px;

  margin-bottom: 5px;

}



.our-team-info>p {

  font-size: 16px;

  margin: 0;

}



.section-titel-three>p {

  margin: 0;

}



.single-our-team:hover .team-social-link {

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -webkit-transform: translateY(0);

  transform: translateY(0)

}



/*--  testimonial ---*/

.testimonials-area {

  background: #f1f1f1 none repeat scroll 0 0;

  padding: 90px 0;

}



.single-testimonial p {

  font-size: 20px;

  font-style: italic;

  margin: 20px 0 30px;

}



.single-testimonial h4 {

  font-size: 20px;

  font-weight: 700;

  text-transform: capitalize;

  margin: 0;

}



.single-testimonial span {

  color: #666666;

  font-size: 14px;

  font-style: italic;

  font-weight: 400;

  text-transform: uppercase;

}



.owl-carousel .owl-item .single-testimonial img {

  display: block;

  margin: 0 auto;

  width: auto;

}



.about-page .brand-logo-active {

  border-top: medium none;

}



/*---------------------------------------

    30. error-404 css 

----------------------------------------*/

.search-error-wrapper {

  padding: 90px 0;

  text-align: center;

}



.error404 .search-error-wrapper h1 {

  color: #0879c9;

  font-size: 160px;

  font-weight: 700;

  letter-spacing: 8px;

  line-height: 120px;

  margin: 0 0 60px;

}



.error404 .search-error-wrapper h2 {

  font-size: 30px;

  text-transform: uppercase;

}



.error404 .search-error-wrapper p {

  font-size: 16px;

  font-weight: 300;

  margin: 20px auto 30px;

  text-align: center;

  width: 60%;

}



.error404 .search-error-wrapper .error-form .error-form-input {

  background: #ffffff none repeat scroll 0 0;

  border: 1px solid #e9e9e9;

  border-radius: 30px;

  height: 45px;

  margin: 0 auto;

  position: relative;

  width: 450px;

}



.error404 .search-error-wrapper .error-form .error-form-input .error-input-text {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 0 none;

  height: 100%;

  outline: medium none;

  padding-left: 20px;

  padding-right: 80px;

  width: 100%;

}



.error404 .search-error-wrapper .error-form .error-form-input .error-s-button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 0 none;

  color: #4f4f4f;

  font-size: 18px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  width: 50px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.error404 .search-error-wrapper .error-form .error-form-input .error-s-button:hover {

  color: #0879C9;

}



.error404 .search-error-wrapper a.home-bacck-button {

  background: #0879C9 none repeat scroll 0 0;

  border-radius: 35px;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #ffffff;

  display: inline-block;

  font-size: 12px;

  font-weight: bold;

  height: 40px;

  line-height: 40px;

  margin-top: 30px;

  padding: 0 30px;

  text-shadow: none;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  white-space: nowrap;

}



.error404 .search-error-wrapper a.home-bacck-button:hover {

  background: #333;

}



/*---------------------------------------

    31. contact-page css 

----------------------------------------*/

.contact-title>h3 {

  font-size: 20px;

  margin-bottom: 30px;

  text-transform: uppercase;

}



.contact-form {

  margin: 60px 0 0;

}



.contact-input {

  display: block;

  margin: 0 -10px;

  overflow: hidden;

}



.contact-inner {

  float: left;

  margin: 0 0 20px;

  padding: 0 10px;

  width: 50%;

}



.contact-inner.contact-message textarea,

.contact-inner.contact-message {

  width: 100%;

}



.contact-page-form .contact-inner>input,

.contact-inner.contact-message textarea {

  border: 1px solid #dddddd;

  color: #222222;

  font-size: 14px;

  height: 45px;

  padding-left: 15px;

  width: 100%;

}



.contact-inner.contact-message textarea {

  height: 135px;

  padding: 15px;

}



.form-messege.error {

  color: #ff0000;

  font-style: italic;

  margin-top: 10px;

}



.form-messege.success {

  color: #008000;

  font-style: italic;

  margin-top: 10px;

}



.contact-submit-btn .submit-btn {

  background: #333333 none repeat scroll 0 0;

  border: 0 none;

  border-radius: 3px;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

  font-size: 14px;

  font-weight: 400;

  height: 40px;

  line-height: 40px;

  padding: 0 25px;

  text-transform: capitalize;

  -webkit-transition: all 0.4s ease-out 0s;

  transition: all 0.4s ease-out 0s;

}



.contact-submit-btn .submit-btn:hover {

  background: #0879C9;

}



.table-hover tbody tr:hover {

  background-color: #F6F6F6;

}



.contact-infor {

  background: #f2f2f2 none repeat scroll 0 0;

  margin: 60px 0;

  padding: 20px 30px;

}



.contact-dec>p,

.contact-address {

  margin-bottom: 30px;

}



.contact-address>ul {

  max-width: 380px;

}



.contact-address li {

  border-top: 1px solid #e4e4e4;

  font-size: 14px;

  padding: 10px 0;

}



.contact-address ul li i {

  height: 40px;

  line-height: 40px;

  text-align: center;

  width: 40px;

}



.work-hours>h3 {

  font-size: 24px;

  margin: 0 0 5px;

}





/*--

    Coming soon

--------------------------------------*/

.mt-110 {

  margin-top: 110px;

}



.height-100vh {

  min-height: 100vh;

}



.comming-soon-area {

  padding: 60px 0;

}



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

only screen and (max-width: 767px) {

  .comming-soon-area {

    padding: 40px 0;

  }

}



.comming-soon-area .comming-soon-wrap {

  position: relative;

  z-index: 99;

}



.comming-soon-area .comming-soon-wrap .comming-soon-top {

  margin: 0 0 54px;

}



@media only screen and (max-width: 767px) {

  .comming-soon-area .comming-soon-wrap .comming-soon-top {

    margin: 0 0 30px;

  }

}



.comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {

  color: #fff;

  font-size: 30px;

  font-weight: 500;

  letter-spacing: 12px;

  line-height: 1;

  margin: 58px 0 41px;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {

    margin: 29px 0 20px;

  }

}



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

  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {

    margin: 40px 0 20px;

  }

}



@media only screen and (max-width: 767px) {

  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {

    letter-spacing: 6px;

    margin: 30px 0 20px;

  }

}



@media only screen and (max-width: 479px) {

  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {

    letter-spacing: 4px;

    margin: 30px 0 20px;

  }

}



.comming-soon-area .comming-soon-wrap .comming-soon-top>p {

  color: #fff;

  font-size: 16px;

  width: 66%;

  margin: 0 auto;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .comming-soon-area .comming-soon-wrap .comming-soon-top>p {

    width: 85%;

  }

}



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

  .comming-soon-area .comming-soon-wrap .comming-soon-top>p {

    width: 82%;

  }

}



@media only screen and (max-width: 767px) {

  .comming-soon-area .comming-soon-wrap .comming-soon-top>p {

    width: 98%;

  }

}



.comming-soon-area.overlay {

  position: relative;

}



.comming-soon-area.overlay:before {

  background-color: #000;

  bottom: 0;

  content: "";

  height: 100%;

  left: 0;

  opacity: 0.7;

  position: absolute;

  right: 0;

  width: 100%;

  z-index: 9;

}



.subscribe-area {

  position: relative;

  z-index: 99;

}



.subscribe-area>h4 {

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 3px;

  margin: 0 0 14px;

}



@media only screen and (max-width: 767px) {

  .subscribe-area>h4 {

    letter-spacing: 2px;

  }

}



.subscribe-area .subscribe-form>form {

  position: relative;

}



.subscribe-area .subscribe-form>form .mc-news {

  display: none;

}



.subscribe-area .subscribe-form>form .clear {

  position: absolute;

  top: 0;

  right: 0;

}



.subscribe-area .subscribe-form>form .clear input {

  background: transparent none repeat scroll 0 0;

  border: medium none;

  border-radius: 50px;

  color: #e0e0e0;

  cursor: pointer;

  font-weight: 700;

  padding: 2px 40px 2px 30px;

  width: auto;

}



@media only screen and (max-width: 767px) {

  .subscribe-area .subscribe-form>form .clear input {

    padding: 2px 25px 2px 18px;

  }

}



.subscribe-area .subscribe-form>form .clear:hover input {

  color: #8f9495;

}



.subscribe-area .subscribe-form>form .clear:before {

  background: #fff none repeat scroll 0 0;

  content: "";

  height: 35px;

  position: absolute;

  top: 10px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  width: 2px;

  left: 0;

}



@media only screen and (max-width: 479px) {

  .subscribe-area .subscribe-form>form .clear:before {

    height: 29px;

  }

}



.subscribe-area .subscribe-form>form input {

  background: transparent;

  border: 1px solid #eceff8;

  color: #fff;

  font-size: 14px;

  height: 55px;

  padding: 2px 146px 2px 40px;

  width: 100%;

  font-weight: 300;

  border-radius: 50px;

}



.subscribe-area .subscribe-form>form input::-moz-placeholder {

  color: #fff !important;

  opacity: 1;

}



.subscribe-area .subscribe-form>form input::-webkit-input-placeholder {

  color: #fff !important;

  opacity: 1;

}



@media only screen and (max-width: 767px) {

  .subscribe-area .subscribe-form>form input {

    padding: 2px 117px 2px 20px;

    height: 50px;

  }

}



.subscribe-area.mt-110 {

  margin-top: 70px;

}



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

  .subscribe-area.mt-110 {

    margin-top: 70px;

  }

}



@media only screen and (max-width: 767px) {

  .subscribe-area.mt-110 {

    margin-top: 50px;

  }

}



.DateCountdown {

  position: relative;

}



.DateCountdown .time_circles {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.DateCountdown .time_circles canvas {

  width: 100% !important;

  height: auto !important;

  position: absolute;

  left: 0;

  top: 0;

}



.DateCountdown .time_circles>div {

  margin-top: 86px;

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 25%;

  flex: 1 0 25%;

  position: static;

  width: 25% !important;

  z-index: 99;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .DateCountdown .time_circles>div {

    margin-top: 60px;

  }

}



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

  .DateCountdown .time_circles>div {

    margin-top: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .DateCountdown .time_circles>div {

    margin-top: 26px;

  }

}



@media only screen and (max-width: 479px) {

  .DateCountdown .time_circles>div {

    margin-top: 0px;

  }

}



.DateCountdown .time_circles>div>h4 {

  color: #fff;

  font-size: 18px !important;

  font-weight: 400;

  margin: 89px 0 0;

  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 2;

  order: 2;

  padding: 0;

  text-align: center;

  text-transform: capitalize;

}



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

  .DateCountdown .time_circles>div>h4 {

    margin: 64px 0 0;

  }

}



@media only screen and (max-width: 479px) {

  .DateCountdown .time_circles>div>h4 {

    font-size: 16px !important;

    margin: 25px 0 0;

  }

}



@media only screen and (max-width: 767px) {

  .DateCountdown .time_circles>div>h4 {

    font-size: 16px !important;

    margin: 50px 0 0;

  }

}



.DateCountdown .time_circles>div>span {

  color: #fff;

  display: block;

  font-size: 60px !important;

  font-weight: 400;

  line-height: 47px !important;

  margin-top: 16px;

  text-align: center;

  width: 100%;

}



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

  .DateCountdown .time_circles>div>span {

    font-size: 50px !important;

  }

}



@media only screen and (max-width: 767px) {

  .DateCountdown .time_circles>div>span {

    font-size: 30px !important;

    margin-top: 5px;

  }

}



@media only screen and (max-width: 479px) {

  .DateCountdown .time_circles>div>span {

    font-size: 26px !important;

    margin-top: 12px;

  }

}









.shortcuts {



  text-align: center;



}







.shortcuts .shortcut {



  width: 30%;



  display: inline-block;



  padding: 8px 0;



  margin: 0 .9% 1em;



  vertical-align: top;







  text-decoration: none;







  background: #E9E9E9;



  background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);

  /* FF3.6+ */



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9));

  /* Chrome,Safari4+ */



  background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);

  /* Chrome10+,Safari5.1+ */



  background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);

  /* Opera11.10+ */



  background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);

  /* IE10+ */



  background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);

  /* W3C */



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');



  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";







  border: 1px solid #D8D8D8;







  border-radius: 5px;



}







.shortcuts .shortcut .shortcut-icon {



  margin-top: .25em;



  margin-bottom: .25em;







  font-size: 32px;



  color: #888;



}







.shortcuts .shortcut:hover {



  background: #0879C9;

  color: #f1f1f1;



}



.shortcuts a:hover {

  color: #f1f1f1;



}







.shortcuts .shortcut:hover .shortcut-icon {



  color: #f1f1f1;



}







.shortcuts .shortcut-label {



  display: block;







  font-weight: 700;



  color: #313131;



}



.shortcuts .shortcut-label:hover {



  color: #f1f1f1;



}