:root{
  --main--color: #FFBF17;
}
* {
  box-sizing: border-box;
}
body {
  overflow: hidden;
  font-family: 'Cairo', sans-serif;
  
}

.fixed-menu{
  background-color: #ffffffed;
  position: fixed;
  top: 0;
  left: -15%;
  bottom: 0;
  width: 15%;
  height: 100%;
  z-index: 99999;
  border: 1px solid#ccc;
  padding: 10px;
}
.fixed-menu .settings-box{
  background: var(--main--color);
  color: #fff;
  position: absolute;
  top: 45%;
  left: 100%;
  padding: 7px 15px;
  cursor: pointer;
  border-radius: 0 7px 7px 0;
}
.fixed-menu .change-color ul li {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(0,0,0,0.3);
  margin-left: 5px;
  cursor: pointer;
}
.fixed-menu .change-color ul li:first-child {
  background-color: #FFBF17;
}
.fixed-menu .change-color ul li:nth-child(2) {
  background-color: #A3C73A;
}
.fixed-menu .change-color ul li:nth-child(3) {
  background-color: #2978D3;
}
.our-offer{
  position: fixed;
  top: 7;
  left: -150px;
  bottom: 0;
  transition: all ease-in-out .5s;
  z-index: 9999;
}
.our-offer h4{
  margin: 0;
}
.our-offer img{
  max-width: 100%;
}
h1,h2,h3,h4,h5,h6,ul,li, a{
  font-family: 'Cairo', sans-serif;
}
.scroll-top {
  background: var(--main--color);
  color: #fff;
  display: inline-block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
  padding: 5px 10px;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: none;
}
.scroll-top:hover {
  background: #fff;
  color: var(--main--color);
}
.scroll-top a {
  text-decoration: none;
}
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.search-overlay .inner-search form .form-control {
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin: 30% auto;
  border: 1px solid#ccc;
  border-radius: 5px;
  padding: 25px 15px;
  box-shadow: 10px 10px 150px var(--main--color);
  color: #222;
}
.search-overlay .inner-search form .btn-warning {
  margin-top: -7px;
  border-radius: 5px;
  padding: 12px 30px;
  box-shadow: 10px 10px 150px var(--main--color);
}
.loading-overlay {
  background-color: var(--main--color);
  color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loading-overlay img{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
/*START HEADER*/
.upper-bar {
  background: #222!important;
  padding: 10px 0 10px 0;
}
.upper-bar .search-icon {
  display: flex;
  float: left;
}
.upper-bar .fa-search {
  color: #7F7F7F;
  margin: 7px 20px;
  cursor: pointer;
  transition: all ease-in-out .5s;
  font-size: 15px;
}
.cart-list .fa-times-circle{
  color: darkorange!important;
  cursor: pointer;
}
.cart-list .card{
  border: none;
}
.cart-list p{
  font-size: 11px;
}
.cards .btn{
  font-size: 11px;
}
.cart-list .uk-card-body{
  padding: 0!important;
}
.upper-bar .fa-search:hover {
  color: var(--main--color);
}
.upper-bar .make-acc {
  margin-top: 10px;
}
.shop-icon{
  margin-top: -5px;
}

.shop-icon .uk-button:not(:disabled){
  border: none!important;
  width:0 ;
  padding: 0 15px 0 20px;
}
.shop-icon .uk-button:not(:disabled) .fa-wallet{
  font-size: 20px;
}

.upper-bar .make-acc i {
  color: aliceblue;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.upper-bar .make-acc i:hover {
  color: var(--main--color);
}


.uk-drop {
  width: 70%;
  top: 20px;

}
.modals {
  display: flex;
  float: left;
}
.modals a {
  text-decoration: none;
}
.modals .modal-1 .btn-primary {
  display: flex;
  outline: none;
  max-width: 100%;
  font-size: 12px;
  margin-right: 10px;
  background: var(--main--color);
  border-color: #000;
  color: #222;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.modals .modal-1 .btn-primary:hover {
  color: #eee;
}
.modals .modal-1 .btn-secondary {
  background: #000;
  outline: none;
  color: #fff;
  font-weight: bold;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.modals .modal-1 .btn-secondary:hover {
  background: var(--main--color);
  color: #000;
}
.modals .modal-2 .btn-primary {
  display: flex;
  outline: none;
  max-width: 100%;
  font-size: 12px;
  margin-right: 10px;
  background: var(--main--color);
  border-color: var(--main--color);
  color: #222;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.modals .modal-2 .btn-primary:hover {
  color: #eee;
}
.modals .modal-2 .btn-secondary {
  background: #000;
  outline: none;
  border-color: #000;
  color: #fff;
  font-weight: bold;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.modals .modal-2 .btn-secondary:hover {
  background: var(--main--color);
  color: #000;
}
.modal-footer {
  direction: ltr;
  outline: none;
}
.upper-bar .nav-link {
  color: #fff;
  cursor: pointer;
  transition: all ease-in-out .5s;
  padding: 10px;
}
.upper-bar .nav-link:hover {
  color: var(--main--color);
}
.bg-light {
  background-color:var(--main--color)!important;
}
.navbar .navbar-brand img {
  max-width: 100%;
}

.input-container>i, a[role="button"]{
  position: relative!important;
  margin-left: 5px!important;
  color: cornsilk!important;
  text-decoration: none;
  font-size: 14px!important;
  top: 3px!important;
  right: -2px!important;
}
.input-container>i:hover, a[role="button"]:hover {
  color: #222!important;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active>.nav-link {
  color: cornsilk;
  font-weight: bold;
  padding-right: 2px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link:hover {
  color: #222;
}
/*END HEADER*/
.car-cat {
  margin: 30px 0;
  padding: 20px 0;
}
.car-cat img {
  margin: 0 0 10px 0;
  cursor: pointer;
}
.car-cat .skitter .info_slide_dots .image_number {
  border-radius: 30px;
  width: 25px;
  height: 10px;
}
.car-cat .skitter .info_slide_dots .image_number_select {
  background: var(--main--color);
}
.car-cat .skitter {
  box-shadow: 10px 10px 60px #888;
}
.car-cat .list-group-item a {
  color: #000;
  text-decoration: none;
}
.car-cat .list-group-item a:hover {
  color: var(--main--color);
  cursor: pointer;
}
.car-cat .list-group-item.active {
  background: #000;
  color: var(--main--color);
}
.car-cat .list-group {
  width: 85%;
}
/* START TO CATOGERY SECTION */
.top-cat {
  padding: 10px 0 10px 0;
}
.top-cat h3 {
  color: #222;
  margin-top: 15px;
}
.top-cat h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.top-cat h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.top-cat .owl-carousel .owl-item img {
  max-width: 20%;
  margin: auto;
}
.top-cat p {
  margin-top: 15px;
}
.top-cat .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.top-cat .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.top-cat .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.top-cat .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.top-cat .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.top-cat .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.top-cat .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.top-cat .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.top-cat .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.top-cat .owl-carousel.owl-drag .owl-item {
  background: #F5F5F5;
  margin-top: 10px;
  padding: 50px 0 50px 0;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.top-cat .owl-carousel.owl-drag .owl-item:hover {
  background: var(--main--color);
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
/* END TO CATOGERY SECTION */
/*START new-pro */
.new-pro {
  padding: 30px 0 30px 0;
}
.new-pro .products .local-ads img {
  margin-bottom: 20px;
}
.new-pro .products h3 {
  color: #222;
  margin-top: 15px;
  margin-bottom: 70px;
}
.new-pro .products h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.new-pro .products h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.new-pro .products img {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  border: 1px solid #fff;
}
.new-pro .products .col-lg-3 {
  padding: 0;
  margin: 0;
}
/*END new-pro */
.offers{
  margin: 20px 0 20px 0;
}
.offers h3{
  margin-bottom: 50px;
}
.offers h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.offers h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.offers img{
  max-width: 100%;
  margin-top: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  transition: all ease-in-out .5s;
}
/*START ADS*/
.genral-ads {
  margin: 50px 0;
}
.genral-ads img {
  max-width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  cursor: pointer;
  opacity: 0.8;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.genral-ads img:hover {
  opacity: 1;
}
/*END ADS*/
/*START fruits*/
.fruits {
  padding: 30px 0 30px 0;
}
.fruits h3 {
  color: #222;
  margin-top: 15px;
}
.fruits h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.fruits h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.fruits img {
  max-width: 100%;
  background: #f5f5f5;
  transition: all ease-in-out.5s;
  -webkit-transition: all ease-in-out.5s;
  -moz-transition: all ease-in-out.5s;
  -ms-transition: all ease-in-out.5s;
  -o-transition: all ease-in-out.5s;
}
.fruits .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.fruits .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.fruits .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.fruits .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.fruits .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.fruits .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.fruits .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.fruits .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.fruits .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.fruits .card {
  margin: 10px 0 10px 0;
  cursor: pointer;
}
.fruits .card .card-body .stars {
  color: var(--main--color);
  margin: 10px 0 10px 0;
}
.fruits .card .card-body {
  border-top: 1px solid #ccc;
}
.fruits .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.fruits .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.fruits .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.fruits .card .card-body p {
  font-size: 12px;
}
.fruits .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  border-radius: 0;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.fruits .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
/* END fruits*/
/*START MOBILES*/
.acc-mob {
  padding: 30px 0 30px 0;
}
.acc-mob h3 {
  color: #222;
  margin-top: 15px;
}
.acc-mob h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.acc-mob h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.acc-mob img {
  max-width: 100%;
  background: #f5f5f5;
  transition: all ease-in-out.5s;
  -webkit-transition: all ease-in-out.5s;
  -moz-transition: all ease-in-out.5s;
  -ms-transition: all ease-in-out.5s;
  -o-transition: all ease-in-out.5s;
}
.acc-mob .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.acc-mob .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.acc-mob .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.acc-mob .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.acc-mob .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.acc-mob .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.acc-mob .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.acc-mob .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.acc-mob .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.acc-mob .card {
  margin: 10px 0 10px 0;
  cursor: pointer;
}
.acc-mob .card .card-body .stars {
  color: var(--main--color);
  margin: 10px 0 10px 0;
}
.acc-mob .card .card-body {
  border-top: 1px solid #ccc;
}
.acc-mob .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.acc-mob .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.acc-mob .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.acc-mob .card .card-body p {
  font-size: 12px;
}
.acc-mob .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  border-radius: 0;
  margin-top: 10px;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.owl-carousel .owl-nav.disabled{
  display: block;
}
.acc-mob .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
/*END MOBILES*/
/*START clothes*/
.clothes {
  padding: 30px 0 30px 0;
}
.clothes h3 {
  color: #222;
  margin-top: 15px;
}
.clothes h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.clothes h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.clothes img {
  max-width: 100%;
  background: #f5f5f5;
  transition: all ease-in-out.5s;
  -webkit-transition: all ease-in-out.5s;
  -moz-transition: all ease-in-out.5s;
  -ms-transition: all ease-in-out.5s;
  -o-transition: all ease-in-out.5s;
}
.clothes .owl-carousel .owl-item img:hover{
  transform: scaleX(1.1);
}
.clothes .discount span{
  margin-left: 10px;
}
.clothes .discount span del{
  color: red;
  font-size: 20px;
}
.clothes .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.clothes .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.clothes .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.clothes .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.clothes .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.clothes .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.clothes .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.clothes .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.clothes .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.clothes .card {
  margin: 10px 0 10px 0;
  cursor: pointer;
  overflow: hidden;
}
.clothes .card .card-body .stars {
  color: var(--main--color);
  margin: 10px 0 10px 0;
}
.clothes .card .card-body {
  border-top: 1px solid #ccc;
}
.clothes .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.clothes .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.clothes .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.clothes .card .card-body p {
  font-size: 12px;
}
.clothes .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  border-radius: 0;
  margin-top: 10px;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.owl-carousel .owl-nav.disabled{
  display: block;
}
.clothes .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
/*END clothes*/
.local-ads {
  margin: 20px 0 50px 0;
}
.local-ads img {
  max-width: 100%;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  margin-bottom: 10px;
}
.local-ads img:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
/*END local ads */
.devlopment{
  margin: 20px 0 20px 0;
  position: relative;
}
.devlopment h3 {
  color: #222;
  margin-top: 15px;
}
.devlopment h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.devlopment h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.devlopment img{
  max-width: 100%;
  margin: 50px 0 10px 0;
  cursor: pointer;
}
.devlopment .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  margin-top: 20px;
  border-radius: 0;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.devlopment .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
.devlopment .overlay{
  position: absolute;
  background: rgba(0,0,0,.3);
  top: 50px;
  color: #fff;
  width: 92%;
  height: 82%;
  overflow: hidden;
  cursor: pointer;
}
.devlopment button{
  position: relative;
  left: 0%;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 3px;
  top: 45%;
  background: rgba(0,0,0,.5);
  padding: 15px 20px;
  font-size: 12px;
  color: #fff;
}
.home-applines {
  padding: 30px 0 30px 0;
}
.home-applines h3 {
  color: #222;
  margin-top: 15px;
}
.home-applines h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.home-applines h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.home-applines img {
  max-width: 100%;
  background: #f5f5f5;
  transition: all ease-in-out.5s;
  -webkit-transition: all ease-in-out.5s;
  -moz-transition: all ease-in-out.5s;
  -ms-transition: all ease-in-out.5s;
  -o-transition: all ease-in-out.5s;
}
.home-applines .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.home-applines .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.home-applines .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.home-applines .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.home-applines .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.home-applines .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.home-applines .discount span del{
  color: red;
  font-size: 20px;
}
.home-applines .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.home-applines .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.home-applines .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.home-applines .card {
  margin: 10px 0 10px 0;
  cursor: pointer;
}
.home-applines .card .card-body .stars {
  color: var(--main--color);
  margin: 10px 0 10px 0;
}
.home-applines .card .card-body {
  border-top: 1px solid #ccc;
}
.home-applines .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.home-applines .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.home-applines .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.home-applines .card .card-body p {
  font-size: 12px;
}
.home-applines .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  border-radius: 0;
  margin-top: 10px;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.owl-carousel .owl-nav.disabled{
  display: block;
}
.home-applines .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
.makeup {
  padding: 30px 0 30px 0;
}
.makeup h3 {
  color: #222;
  margin-top: 15px;
}
.makeup h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.makeup h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.makeup img {
  max-width: 100%;
  background: #f5f5f5;
  transition: all ease-in-out.5s;
  -webkit-transition: all ease-in-out.5s;
  -moz-transition: all ease-in-out.5s;
  -ms-transition: all ease-in-out.5s;
  -o-transition: all ease-in-out.5s;
}
.makeup .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.makeup .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.makeup .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.makeup .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.makeup .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.makeup .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.makeup .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.makeup .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.makeup .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.makeup .card {
  margin: 10px 0 10px 0;
  cursor: pointer;
}
.makeup .card .card-body .stars {
  color: var(--main--color);
  margin: 10px 0 10px 0;
}
.makeup .card .card-body {
  border-top: 1px solid #ccc;
}
.makeup .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.makeup .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.makeup .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.makeup .discount span del{
  color: red;
  font-size: 20px;
}
.makeup .card .card-body p {
  font-size: 12px;
}
.makeup .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  border-radius: 0;
  margin-top: 10px;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.owl-carousel .owl-nav.disabled{
  display: block;
}
.makeup .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
.health-tools {
  padding: 30px 0 30px 0;
}
.health-tools h3 {
  color: #222;
  margin-top: 15px;
}
.health-tools h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.health-tools h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.health-tools img {
  max-width: 100%;
  background: #f5f5f5;
  transition: all ease-in-out.5s;
  -webkit-transition: all ease-in-out.5s;
  -moz-transition: all ease-in-out.5s;
  -ms-transition: all ease-in-out.5s;
  -o-transition: all ease-in-out.5s;
}
.health-tools .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.health-tools .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.health-tools .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.health-tools .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
}
.health-tools .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.health-tools .owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.health-tools .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.health-tools .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.health-tools .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.health-tools .card {
  margin: 10px 0 10px 0;
  cursor: pointer;
}
.health-tools .card .card-body .stars {
  color: var(--main--color);
  margin: 10px 0 10px 0;
}
.health-tools .discount span del{
  color: red;
  font-size: 20px;
}
.health-tools .card .card-body {
  border-top: 1px solid #ccc;
}
.health-tools .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.health-tools .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.health-tools .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.health-tools .card .card-body p {
  font-size: 12px;
}
.health-tools .more .btn:not(:disabled):not(.disabled) {
  width: 20%;
  border-radius: 0;
  margin-top: 10px;
  color: #222;
  background: transparent;
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.owl-carousel .owl-nav.disabled{
  display: block;
}
.health-tools .more .btn:not(:disabled):not(.disabled):hover {
  box-shadow: 10px 10px 30px #ffc107;
}
/* start clients*/
.our-client {
  margin: 20px 0 20px 0;
}
.our-client h3 {
  color: #222;
  margin-top: 15px;
}
.our-client h3::before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 85%;
  height: 1px;
  margin: 58px auto;
  z-index: -1;
}
.our-client h3::after {
  content: "";
  position: absolute;
  right: 80px;
  background: var(--main--color);
  width: 15%;
  height: 4px;
  margin-top: 57px;
}
.our-client img {
  max-width: 100%;
  margin-top: 50px;
}
.our-client .owl-theme .owl-dots .owl-dot span {
  width: 0;
}
.our-client .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: -50px;
  left: 0;
  background: #eee;
  padding: 3px 15px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.our-client .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--main--color);
}
.owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
  position: relative;
  top: -2px;
}
.our-client .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #eee;
  padding: 6px 16px!important;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.our-client.owl-carousel .owl-nav button span {
  position: relative;
  top: -2px;
}
.our-client.owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
}
.our-client .owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--main--color);
}
.our-client .owl-carousel.owl-rtl {
  margin-top: 50px;
}
.our-client .owl-carousel.owl-drag .owl-item {
  cursor: pointer;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
/* end clients*/
.shop-now{
  margin: 40px 0 50px 0;
}
.shop-now img{
  max-width: 100%;
  box-shadow: 10px 10px 100px rgba(0,0,0,.5);
}
/*START FOOTER*/
.footer {
  padding: 50px 0 10px 0;
  background: url('../images/footer.png') bottom center repeat-x;
  box-shadow: 10px 10px 30px #222;
}
.footer h3 {
  color: #5F5F5F;
}
.footer img {
  max-width: 100%;
  margin: 10px 0 10px 0;
}
.footer .links a {
  text-decoration: none;
  color: #929292;
}
.footer .links a:hover {
  color: var(--main--color);
}
.footer .list-unstyled {
  padding-right: 0;
}
.footer p {
  color: #929292;
}
.footer .form-inline .form-control {
  width: 60%;
  margin-left: 5px;
  border: none;
  outline: none;
  border-radius: 0;
}
.footer .col-lg-3 {
  margin-bottom: 10px;
}
.footer .copyright {
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
.footer .copyright ul {
  margin-top: 25px;
}
.footer .copyright ul li {
  display: inline;
  margin-left: 25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.footer .copyright ul li a {
  background: #fff;
  padding: 5px 15px;
  text-decoration: none;
  color: #5F5F5F;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.footer .copyright ul li a:hover {
  background: var(--main--color);
  color: #fff;
}
.footer .copyright p {
  margin-top: 30px;
  margin-bottom: 0;
  color: #222;
}
/*END FOOTER*/
/* start add card page */

.add-card{
  margin: 50px 0 50px 0;
}
.add-card .head-cards {
  margin: 75px auto 75px auto;
  width: 100%;
  border-radius: 5px;
}
.add-card .head-cards img{
  max-width: 100%;
  margin-bottom: 10px;
}
.add-card .card-details img{
  max-width: 100%;
}
.add-card form label{
  color: #666;
}
/* end add card page */
/* start clothes page */
.clothes-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.clothes-page .cats{
  margin: 10px 0 10px 0;
}
.clothes-page .list-unstyled{
  padding: 0;
}
.clothes-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.clothes-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.clothes-page .list-unstyled li i{
  color: var(--main--color);
}
.clothes-page .list-unstyled li a:hover, .clothes-page .list-unstyled li i:hover {
  color:var(--color);
}
.clothes-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-centerY-centerX {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body {
  background-color: #f7f7f7;
}
.page-wrapper {
  height: 100%;
  display: table;
}
.page-wrapper .page-inner {
  display: table-cell;
  vertical-align: middle;
}
.el-wrapper {
  width: 230px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #f3f2f2;
}
@media (max-width: 991px) {
  .el-wrapper {
      width: 345px;
 }
}
@media (max-width: 767px) {
  .el-wrapper {
      width: 290px;
      margin: 30px auto;
 }
}
.el-wrapper:hover .h-bg {
  left: 0px;
}
.el-wrapper:hover .price {
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #818181;
}
.el-wrapper:hover .add-to-cart {
  left: 50%;
}
.el-wrapper:hover .img {
  -webkit-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius='7', shadowopacity='0.0');
  opacity: 0.4;
}
.el-wrapper:hover .info-inner {
  bottom: 155px;
}
.el-wrapper:hover .a-size {
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
  bottom: 50px;
  opacity: 1;
}
.el-wrapper .box-down {
  width: 100%;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.el-wrapper a:hover{
  background: var(--main--color);
}
.el-wrapper .box-up {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.el-wrapper .img {
  max-width: 100%;
  padding: 20px 0;
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
}
.h-bg {
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  width: 660px;
  height: 100%;
  background-color: #3f96cd;
  position: absolute;
  left: -659px;
}
.h-bg .h-bg-inner {
  width: 50%;
  height: 100%;
  background-color: #464646;
}
.info-inner {
  -webkit-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: 25px;
}
.info-inner .p-name, .info-inner .p-company {
  display: block;
}
.info-inner .p-name {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  color: #252525;
}
.info-inner .p-company {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #8c8c8c;
}
.a-size {
  -webkit-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: -20px;
  font-family: 'PT Sans', sans-serif;
  color: #828282;
  opacity: 0;
}
.a-size .size {
  color: #252525;
}
.cart {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.cart .price {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #252525;
}
.cart .add-to-cart {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 110%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cart .add-to-cart .txt {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.clothes-page .banner-ads img{
  max-width: 100%;
}
.clothes-page .right-ads{
  margin: 19px 0 10px 0;
}
.clothes-page .right-ads img{
  margin: 10px 0 10px 0;
  max-width: 100%;
  border: 1px solid #e2dddd;
}
/* end clothes page */
/* START ACC-MOB PAGE */
.accs-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.accs-page .cats{
  margin: 10px 0 10px 0;
}
.accs-page .list-unstyled{
  padding: 0;
}
.accs-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.accs-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.accs-page .list-unstyled li i{
  color: var(--main--color);
}
.accs-page .list-unstyled li a:hover, .accs-page .list-unstyled li i:hover {
  color:var(--color);
}
.accs-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.uk-child-width-1-2\@m>*{
  width: 100%;
}
.accs-page .uk-grid>*>:last-child{
  margin: 55px 0 50px 0;
  width: 100%;
}
.accs-page .products .row{
  margin: 50px 0 20px 0;
  font-family: 'Cairo', sans-serif;
}
.accs-page .banner-ads img{
  max-width: 100%;
}
.accs-page .right-ads{
  margin: 19px 0 10px 0;
}
.accs-page .right-ads img{
  margin: 10px 0 10px 0;
  max-width: 100%;
  border: 1px solid #e2dddd;
}
.accs-page .uk-card-default .uk-card-title{
  font-family: 'Cairo', sans-serif;
}
.accs-page .uk-card-body {
  padding: 40px 20px;
}
.accs-page .uk-card-body>:last-child{
  font-family: 'Cairo', sans-serif;
}
.accs-page .uk-card-body .icons{
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 9px;
  margin-bottom: 10px;
  border-radius: 5px;
  width: 100%;
}
.accs-page .uk-card-body .icons i{
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  cursor: pointer;
}
.accs-page .uk-card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.accs-page .list-unstyled li{
  margin: 0;
}
/* end accissores page */
/* start devlopment page */
.deve-page .developments img {
  max-width: 100%;
}
.deve-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.deve-page .cats{
  margin: 10px 0 10px 0;
}
.deve-page .list-unstyled{
  padding: 0;
}
.deve-page .right-ads{
  margin: 19px 0 10px 0;
}
.deve-page .right-ads img{
  margin: 10px 0 10px 0;
  max-width: 100%;
  border: 1px solid #e2dddd;
}
.deve-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.deve-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.deve-page .list-unstyled li i{
  color: var(--main--color);
}
.deve-page .list-unstyled li a:hover, .deve-page .list-unstyled li i:hover {
  color:var(--color);
}
.deve-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.deve-page .uk-card {
  margin: 50px 0 20px 0;
}
.deve-page .uk-grid>*>:last-child{
  margin: 10px 0 10px 0;
  padding: 40px 15px 40px 15px;
}
.deve-page .uk-card-body>:last-child {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 50%;
  margin: auto;
  cursor: pointer;
}
.deve-page .uk-card-body>:last-child i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.deve-page .uk-card-body>:last-child i:hover {
  background: var(--main--color);
  color: #fff;
}
/* end devlopment page */
/* start aghzia page */
.aghzia-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.aghzia-page .cats{
  margin: 10px 0 10px 0;
}
.aghzia-page .list-unstyled{
  padding: 0;
}
.aghzia-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.aghzia-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.aghzia-page .list-unstyled li i{
  color: var(--main--color);
}
.aghzia-page .list-unstyled li a:hover, .aghzia-page .list-unstyled li i:hover {
  color:var(--color);
}
.aghzia-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.head-aghzia img{
  max-width: 100%;
  margin-bottom: 10px;
  margin-top: 20px;
}
.aghzia-page img{
  max-width: 100%;
  margin-bottom: 15px;
}
.aghzia-page .card{
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: 10px 10px 60px #eaeaea;
  margin: 20px auto 20px auto;
  cursor: pointer;
  transition: all ease-in-out .5s;
}
.aghzia-page .card:hover{
  border: 1px solid var(--main--color);
}
.aghzia-page .card .card-body {
  background: #f9f9f9;
}
.aghzia-page .card .card-body .icons {
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  padding: 5px 0;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.aghzia-page .card .card-body .icons i {
  margin-left: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.aghzia-page .card .card-body .icons i:hover {
  background: var(--main--color);
  color: #fff;
}
.aghzia-page h4{
  color: #222;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 0 40px;
  border-color: var(--main--color);
  transition: all ease-in-out .5s;
}
.aghzia-page h4:hover{
  border-radius:5px;
}
/* end aghzia page */
/* single page */
.single-page .gallery{
  max-width: 900px;
  margin: 50px auto 50px auto;
}
.single-page .gallery .master-img{
  height: 250px;
  margin-bottom: 6%;
  width: 100%;
}
.single-page .gallery img{
  width: 300px;
  padding: 3px;
  background-color: #fff;
}
.single-page .gallery .thumbinals {
  width: 94%;
  margin: auto;
}
.single-page .gallery .thumbinals img{
  overflow: hidden;
  width:17.5%;
  cursor: pointer;
  opacity: .5;
}
.single-page .gallery .thumbinals .selected{
  border: 1px solid #ffc107;
  opacity: 1;
}
.single-page .info .carousel{
  position: relative;
  width: 50%;
  margin: 50px auto 50px auto;
  box-shadow: 10px 10px 100px #dedede;
}
.single-page .info .carousel img{
  max-width: 100%;
  border: 1px solid #eaeaea;
  border-radius: 20px;
}
.single-page .info{
  margin: 42px 0 10px 0;
}
.filter{
  margin: 30px 0 50px 0;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
}
.filter ul li{
  display: inline;
  margin-left: 10px;
  color: var(--main--color);
  background: #f5f5f5;
  border: 1px solid #eee;
  padding: 5px 25px;
  border-radius: 0 30px;
  cursor: pointer;
  transition: all ease-in-out .5s;
}
.filter ul li:hover{
  color: #f5f5f5;
  background: var(--main--color);
 ;
}
.filter .rev{
  display: none;
}
.filter table{
  margin-top: 35px;
}
.filter textarea{
  resize: none;
  border-radius: 0;
  border-color: var(--main--color);
}
.filter button{
  width: 100%;
}
.filter img{
  max-width: 80%;
  margin-top: 23%;
}
.filter label{
  margin-bottom: 10px;
}
.filter input{
  border-radius: 0;
  border-color: var(--main--color);
 ;
}
.comments .uk-grid>*>:last-child{
  max-width: 100%;
  border-radius: 50% !important;
}
.comments article{
  margin-bottom: 50px;
  margin-top: 50px;
}
.comments .uk-margin-remove{
  margin-bottom: 7px !important;
  margin-right: 20px!important;
}
.comments .uk-subnav>*>:first-child{
  margin-right: 15px;
}
.comments .uk-subnav-divider>*{
  margin-left: -30px;
}
.comments .uk-link-reset a, a.uk-link-reset {
  margin-right: 15px;
}
.comments .uk-comment-body{
  margin-right: 13%;
  line-height: 1.8;
}
.uk-width-expand{
  margin-right: -50px;
}
.uk-comment-body>:last-child, .uk-comment-header>:last-child {
  margin-bottom: -10px;
}
/*pay invice */
.amex {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACi1BMVEUAAAAAAAAAdKIAdqcGdqoDeqkDeKoDe6sFeqoFeqwCeqoGe6wGeasGeqwGe6wFeqwFeqwFeqsGe6oFeawEeqwEeqwFe6wHeaoFe6oFeasFe6wFeawHe6wIfKwJfKwKfa0Lfa0Mfq0Of64Pf64QgK8RgK8Sga8TgbAUgrAVgrAWg7EXg7EYhLEZhLIahbIbhbIdhrMfh7QgiLQhiLQjirUkirUli7YnjLYojLcqjbcsj7gtj7kukLkvkLkwkbkxkboykrozkro0k7s1k7s2lLs3lLw4lbw5lbw6lr07lr08l709l75Amb9Bmr9Dm8BFnMBHncFIncFJnsJKnsJLn8JMn8NNoMNOocRPocRQosRRosVUpMZVpMZWpcZXpcdYpsdZp8dap8dbqMheqclgqslhq8pjrMpkrMtnrsxpr8xqr81tsc5vss5wss9xs89ztNB0tdB1ttF6uNJ8udN9utN+utR/u9SAu9SBvNWCvNWDvdWEvdWGvtaHv9aIv9eKwNeMwdiPw9mQw9mRxNqTxdqUxtuVx9uWx9yXyNyYyNyZyd2ayd2byt2cyt6dy96fzN+gzN+hzd+izeCjzuCkzuCn0OGp0eKq0eKr0uOs0+Ot0+Ov1OSw1eSy1uWz1uW01+W32Oa62ui72+i82+i+3Om/3enC3urE3+vF4OvH4ezI4uzJ4u3K4+3L4+3N5O7O5e7P5e/R5u/S5/DT5/DV6PHW6fHX6fHY6vHa6/Lb7PPc7PPd7fPe7fTf7vTg7vTi7/Xj8PXk8fbm8vbn8vfo8/fp8/fq9Pjr9Pjs9fjt9fnu9vnv9vnw9/rx9/ry+Prz+Pv0+fv1+fv2+vz4+/z5+/37/P38/f7+/v7///+B6xdgAAAAHHRSTlMAARYaJ0FIT1pcYG6YmZyssrPDys3T2tvt9PX+1nJQbwAAAnFJREFUOMtjYOAWESMWiAqwMzBwyZAEOBn4SdMgzCBImgYJUjVI0UeDkoGBrq6BgZ6MhgECqAA56nJ6ICZIWN3AQAeuoevIrvOHDuy6ZLl1366ru3ft2nVl167dJ08cOXHo/P6Dl3Yd33Nm15mdJw+thGnQO2ei2nzDRaZp405Zmd2KxhYWW2TMTeUmJOWv0NOPKVJ1uNEi4329LByuoXKaabvZNZcQw8u5IUANrYuX7pA5eNSxJCk/OPfGBe2ZKotbnAw6kTSs8Axslpnh0mtRr74YqME7LGaHjI6G4uakfOfGG21q3c5hLf7TNDMQGhqUMjN9vFz6O2TCjgA11M+Zs13m4oXIvKT8bOs+i7DMNJks/xuhcggNKQ3b+vfGpS65kLTqVNyRpLi4uP1xl6d09jRPPF+blHC29WB+SsX5PXF1cA0lE/1lWiZOnFg2saZrIgxkgojiyr6JZTLxQFZ5ycSJpRTHdOAmMMiM2Agk103esGnTxiWzwELTVwOJyes29aFqiFtrCQR+x05FuVpaWqcfA3I8FlQDyandjpaWh5KtLI3RNCxTA8ZypHewb7vNrvWKk2QW7wiIzU3YteusXtXWrQvllm+diK5BRl6+4JyW2omJ2qkRiqtknN2VF+UCxWbmKCi5b3GU1fRE16B+4cK5RCe3pH6z6bP3nZOZsyYoMzftwsWrp4+skZt/4kA1mqfjVqgAgcORw/Z23kejg86r7JxXm1AIFOqzVdFLAEoahaNqiDgMBplZQGKNjC6QbD0MA3vmAomN5XTLcaQASQZe0jSIM3CQpoGPgZFHmgT1QkwMDAzMrOxEAjYWBgYAvI9h1MHdhQIAAAAASUVORK5CYII=") #fff;
}
.visa {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAABvFBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e0mM3onNHspNXkqN30rN30sOH4tN3ovO4AwPIAyPoE1QYM3Q4Q4Q4U4RIU5RYY8R4g9SIhCTYtDToxGUY5HUo5JU49JVJBOWJJQW5RSXJVTXZZVX5dXYZhYYplaY5pfaJ1kbaBlbqFoaZFocaNpcqNqc6RtdqZvd6dzcpV0fKp2f6x5ga18g698hK99hK99hbB+hrCAh7GDi7OHjrWIj7aJkLeNk7mNlLqOlbqRl7yUmr6WnL6YnsCbocKepMSjqMekqceprsqrsMysscytss2uss2xts+xttC0uNG1udK1utK2utK3u9O6vdS7v9W8wNa9wda9wdfBxNnDx9rEx9vFyNzFydvHy93Kzd/Mz+DR0+LS1OPT1uTVnV/V1+XX2ebY2NjZuJbZ2+faoVza3Ojc3+rf4evf4ezi5O7j5e7n6fHp6/Lq6/Lr7PPsmC3snTfs7fPunjnu7/Tu7/Xw8fbx8vfy8/f09fj09fn19vn29/r3z5332LH39/r42LD42bL42bP5+fv76tX77dz7+/v7+/387dv9/f7+9ev//v3///9+dhG/AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABbklEQVQ4y+WUV1cTYRQAlwSIsxoLltgLKgZ7AwV777FiL9gT1x4FGxpb0Gg0On/YBx83D+wz8z7nu+fe800QpNKtpTHSmk4FQUt7pu4YqWfaW4L0BBOQSQdt9SRCvS0omYjSOBZ+fB0d/f5T/VQoDHi6cF4b1/Zt6d9fUZ+cLFyMvfDny6vhN3/1EOwegW4/LAHgpb6bBpNr8ZE2PBz+rQvIvrgJ2+2DdaeOba7pXoBbceHAxHvfHIRNHoHjLobLqlZnkIeDcaHIlAeuh6Jb4bb9EG58rh6G4nTWNNnSHFYNZcnrcsKK1d4Qpl63MY9lrmRmE6GHcCdc0Q7mqt5ZAfM9C7uKvfA0LlyASSzUt7Daz+pIyGw7+c+JuPAxCxzV+7DHrq5tOzqhbxA6crlcSE+TS+dhVk0vwRk7AFhb64a76lIWva7EhKEoKqvvo6jqs6sD526UNYoeq5ajR78a4/k/JM5M4pAlTGUqSBrjf5znrWNE0ZcCAAAAAElFTkSuQmCC") #fff;
}
.mastercard {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACc1BMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3MAADMAQHMBATNCQnOCwvODAzODg7PDwnPERHRGxvSFgfSHh7SHx/SIB7THhDTJCTTJibTJyfUKSnVIAXVLS3VMDDWMjLWNTXWNjbXIQDXLyLXNS7XNzfXOzvYLxbYPT3YPj7Y2NjZOy/ZRUXaSEjaSUnbLQDbLgDbS0vbTU3cSj/cU1PdNADdSjTdVVXdVlbeNwDeW1vfYmLgUDPgZWXgZmbgaGjhXkvhamrhbW3ia2Lib2/jXDfja1njdXXkeHjkeXnke3vlgIDlgYHmg4PmhITmhobnh4fniIjni4voVgDojIzokJDqXADqaiTqlpbqmJjqmZnqmprrnJzrn5/tpqbuqqrura3urq7vsbHvsrLvs7PwbADwbQDwtLTwtbXwt7fxvLzycgDyjULyvr7yv7/zdQDzmVvzn2fzxMTzxcXzx8f2fwD21tb3gQD3x6/3ybL32Nj4hAD43t7439/44OD5iQD54eH54uL65ub65+f76+v7+/v88vL89PT99/f9+Pj9+fn+lwD+/f3/mQD/mgT/nQv/nw//oRT/oRX/oRb/ohj/qCf/qSn/qSr/qy3/rDH/rjX/rjb/sT7/sj//s0L/tEX/tUf/tUj/tkn/t0v/uVD/uVH/u1X/vFj/vVr/vl7/v2H/w2n/xGz/x3P/yHb/yXr/zob/z4j/0Iv/1Zj/1pr/153/2J7/26X/3q7/4LL/4LP/4bX/4bb/5cD/5sL/58P/58T/58X/6sz/7NH/7dL/8d7/8t//9OX/9eb/9ef/9ur/9+v/+vT/+/X//Pj//fz///90HdR0AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABmElEQVQ4y2NgYGJm0SISsDAzMTAwsrG3XiAStLKzMTIwc1wgAbAzM7C2kqKhlZVB6wJJQItSDS3R5orSmo7pPUD2+d2r506bvWzLKdwaOr14OSFAMuXCzqm9ENC//hwODc2KnHDAVdCLALNOYNXQLo9QzylgGoykY+YZbBqckNSrpKamdSPpWINFQw03kgZhJSUlSyQNfUcxNfjzyfFISUDUi5WCQO+EOZOgGmZswNSgY3VBpyPOxJZf1d4uWdxZW9k45+SBtStWTVowffH8o/MxNUgHNsY0entmxrW5R6VnhNb6NlVu6p247uCOs3sOH941DYuG9MTa3JCiGp+S+CzdrrziBOuK5b1L9x8/tG3vko0bsWjQafCKaIhNqon0qyvzqApyKZMtPLZl8/bTR1Zv3Xd6JRYnBeiJChkJGqppWIgoKKi7mTnIVC9YPHnhnHlTJiyaM3EDgWANz87OLicQrCgRx6VvYJBPIOJQk4ZNWD3BpIGS+DhdCSc+0pM3JAOpkpCBaJOnSS5mSC7ISCwqgYUriYUxAINRRW57ksG5AAAAAElFTkSuQmCC") #fff;
}
.discover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACLlBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3vzbDvzbEBAQECAgIDAwMTExMUFBQWFhYYGBgZGRkeHh4jIyMmJiYnJycpKSksLCwtLS0uLi4wMDAzMzM0NDQ3Nzc6Ojo8PDw/Pz9CQkJDQ0NHR0dJSUlKSkpMTExOTk5PT09RUVFWVlZYWFhcXFxgYGBiYmJjY2Nra2tsbGxtbW1wcHBxcXF0dHR1dXV2dnZ3d3d4eHh8fHx9fX1+fn6AgICBgYGCgoKDg4OLi4uMjIyPj4+VlZWWlpabm5udnZ2enp6fn5+hoaGjo6OoqKirq6usrKyvr6+wsLCysrKzs7O4uLi7u7u8vLy9vb2/v7/AwMDBwcHExMTGxsbHx8fJycnLy8vQ0NDR0dHS0tLU1NTW1tbY2NjZ2dnb29vd3d3f39/h4eHi4uLn5+fo6Ojp6enr6+vs7Ozt7e3v7+/x8fHy8vL1giD1giH1gyP1hCT1iS31ii71izD1jDL2kTv2kjz2kz/2lED2lkP2lkT2l0X2mUn2pmH2pmL3m033n1X3oVf3pF73pV739/f4q2n4q2r4rWz4r3D4r3H4sXT4s3f5uoT5u4b5vov5+fn6xJb6yJ36yqD6zKT6+vr7zqj70a372Ln7+/v83sT838b84Mj84sv848785M/85dD89O78/Pz959X96Nb969z9/f3+8+r+9e7+9u/+9/H++PP++vb++vf+/Pn+/Pr+/fz+/v7////OeAUcAAAAC3RSTlMAGxuq7e7u+vv7+w/+RoMAAAGnSURBVDjLY2BgYmZJJRKwMDMxMDCysS/YSSRYwM7GyMDMsZMEwM7MwLqAFA0LWBlSd5IEUumkwc7A0HPBTuvcTAN13535FuqWJTsXdrdP2+IZuHOnR6iNgYHVDgMDsySEBin3QE2NnWJpKk6x8T1iDsku6UvKSktL+4Kld84RzBb3Co9ZyRPnJYikIXHnAr5ssTR9hYCVIfIg8UmlILBCOMFfa6e4jWvQWh5/e0kUDTuFMsTSpvvI6gUog8QngzVsdDRVC9spbu7st5bbmL8ASUNEipEi0ElRRQEyhYL+K/2Tl5cD1U/cmSMgsXOneHRe3krenSpuCA26ckp2xTu1s2xFZSJ3JqiJqKbvXNrbOWPrzp0m3jt36sjJyS2Q35ms0rNz53wSg3VRI2kaVlc1kKRhVU0pSRoWVZaSpGF2RSkpGjZNAMcM0RoW15aSomE9JOKJ1bB1VnUpCRq2z6srLSVew+ZZyMoJalgzpbq0lGgNG+Z2lGKAplQcxcy6uV3lpVhAKyuWgmzLwqktpTgAJzNaUblt2cz+xnocoLmNiw1YuJJYGAMAEKBGzN/0FVAAAAAASUVORK5CYII=") #fff;
}
.expiry-date-group {
  float: left;
  width: 50% 
}
.expiry-date-group input {
  width: calc(100% + 1px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.expiry-date-group input:focus {
  position: relative;
  z-index: 10;
}
.security-code-group {
  float: right;
  width: 50% 
}
.security-code-group input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zip-code-group {
  clear: both;
}
#PayButton {
  outline: 0!important;
  height: 42px;
  font-size: 16px;
  background-color: #54C7C3!important;
  border: none;
}
#PayButton:hover {
  background-color: #6DCECB!important;
}
#PayButton:active {
  background-color: #4FBCB9!important;
}
#PayButton:disabled {
  background: rgba(84, 199, 195, .5)!important;
  color: #FFF!important;
}
.pay-invoice {
  margin: 50px 0 50px 0;
}
#Checkout {
  z-index: 100001;
  width: 50%;
  min-width: 300px;
  height: 100%;
  min-height: 100%;
  background: 0 0 #ffffff;
  border-radius: 8px;
  border: 1px solid #dedede;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#Checkout>h1 {
  margin: 0;
  padding: 20px;
  text-align: center;
  background: #EEF2F4;
  color: #5D6F78;
  font-size: 24px;
  font-weight: 300;
  border-bottom: 1px solid #DEDEDE;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#Checkout>form {
  margin: 0 25px 25px;
}
label {
  color: #46545C;
  margin-bottom: 2px;
}
.input-container {
  position: relative;
}
.input-container input {
  padding-right: 25px;
}
.input-container>i, a[role="button"] {
  color: #d3d3d3;
  width: 25px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  text-align: center;
}
.input-container>i:hover, a[role="button"]:hover {
  color: #777;
}
.amount-placeholder {
  font-size: 20px;
  height: 34px;
}
.amount-placeholder>button {
  float: right;
  width: 60px;
}
.amount-placeholder>span {
  line-height: 34px;
}
.card-row {
  text-align: center;
  margin: 20px 25px 10px;
}
.card-row span {
  width: 48px;
  height: 30px;
  margin-right: 3px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
}
.card-image {
  background-repeat: no-repeat;
  padding-right: 50px;
  background-position: right 2px center;
  background-size: auto 90% 
}
.cvc-preview-container {
  overflow: hidden;
}
.cvc-preview-container.two-card div {
  width: 48%;
  height: 80px;
}
.cvc-preview-container.two-card div.amex-cvc-preview {
  float: right;
}
.cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
  float: left;
}
.cvc-preview-container div {
  height: 160px;
}
.amex-cvc-preview {
  background: url("data:image/png;base64,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") center center/contain no-repeat;
}
.visa-mc-dis-cvc-preview {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAMAAAASE4S+AAAAAXNSR0IArs4c6QAAAadQTFRFAAAAzbFj+NyAyLNg+N2DzbRk+96CzrVj+96AzrNj+92By7Rl+92AzbRl/eCDzrRl/t+DzrVl/t+CzbVm/t+C3MFt3MFv/N2B/N6CzrRm/uCDzrRm/uCC7M93/N6CAAAAAQEBAgIBBAQCBQUDBwcECQgFDAsGDg0HEA4IEQ8JFRMLFxUMIBwQIR0RJSETKyYWLikYLyoYMCsZMSsZNC4bNzEcOTIdQDkhQTkhQzsiRT0jRj4kSkEmTEMnWE4tWU8uWk8uXFEvXVIwXlMwX1QxaV02bWA4bmE5cWQ6eGo+eWs+fW5Afm9Bi3pHjHtIkH9KmIZOmYdPnIlQnYpRo5BUppJVqJRWqpZXq5dYrJdYrZhZuaNfvaZhvqdiwKljwapjxK1lybFnyrJoy7NozrVm1Ltq171u2L5v2b9s2b9t2sBt3cNy3zEx3zIx38Rz4MVz4cZ04kI552NI6GVJ6Mx36s5368957dF674xb79J78NN78dV78tV789Z99Nd99dh+9rZv9th+9tl+99l/+duA+sx5+sx6+t2B+92B/N6B/d+C/uCD////AikOogAAAB90Uk5TACQkJSU9PT4+Q0NERJqav7/AwNjY4uLi4u7u8/P6+u6knPAAAAJkSURBVHja7d3pTxNBGMfxQbwAW06Pcj0tntQT8b7v+0JFxaserQcuKlQUFbFUaqvjH+1uG0lMfEETie4z39+bJ/tik/1kjt3MbDLGBFkWbeu0CtPZFq03v7KwxSpO04KKcmm7VZ32xeW2VK70nUF7tlj1afJnH+tA6k3UBWbUrHKBudJ0u8DsNtaJwIQJEyZMmDBhwoQJEyZMmPPCFCcCEyZMmDBhwoQJEyZMmDBhwoQJEyZMmDBhwoQJ010m+5swYcKECRMmTJgwYcKECRMmTJgwYcIMFfPHP8/vz5PLjnpzzmg2F07mxIhXVUYmwsjMVan0nbkQMrOeN1aY+zAsjHleNoRMf1x+rWa6KfjjM4RMvxdWN63+4QaYMGHC/EvM6b0HgpI6tvtoyq9vz+4/clcf89sJ2eiXIZGEyJD9sEl6RAa1MVPbpczsk8vT52SHHZCDUxelXxtzW/x4wPx+6cxn+0A2208PX9pB2aONef7xk3JrBjkth4Jysnf9fX1T0Czzmqx+6pcvcel/pJd5RRLXg1p6d0vWvdHKHJCeG2XljLVb5aZS5r2E3A6uTiUu2Km1klLK3CXxZDK5xd6RNYd3St+MTuaryr94G6y92iuy77X+b9rSi/d8usOEyZIXC5gsR7O5MN9bRexvwoQJEyZMmDBhwoQJEyZMmDBhwoT5vzNLLihLJu8CM2+6XGB2meUuMFeYyEf9ysmIqcsUtSuLmQZjGp8pdxafNxtjamIZ1f12MhOrDQ6uXhRLD4/nVb4/S/nx4XRsSeUY8prGtOI0186eKl8Xae3QSOxojTSUgT8BEvkXyqDHONgAAAAASUVORK5CYII=") center center/contain no-repeat;
}
.submit-button-lock {
  height: 20px;
  margin-top: -2px;
  margin-right: 7px;
  vertical-align: middle;
  background: url("data:image/png;base64,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NQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAAgYMEyIzOUpTVFViY3N2gJmcnaipq7fX3ebx+Pn8eTEuDQAAAI9JREFUKM/N0UkOglAQRdFHDyK90n64+9+lAyQgookjuaNKTlJJpaQlO2n6sW8SW/uCjrku2EloWDLhi3gDa4O3pTtA5Tt+BXDbiDsBmSQpAyZ3pRhoLUmS1QLxSilQPOcCSFfKgfxgPgfZ9ch7Y21LCcdd5wVH5SckEzkXc0ylpPJnMpETmX/d9eUpH1/5AKrsQVrz7YPBAAAAAElFTkSuQmCC") center center/contain no-repeat;
  width: 14px;
  display: inline-block;
}
.align-middle {
  vertical-align: middle;
}
input {
  box-shadow: none!important;
}
input:focus {
  border-color: #b0e5e3!important;
  background-color: #EEF9F9!important;
}
.checkout{
  margin: 20px auto 50px auto;
}
.checkout h3{
  margin: 10px 20px;
}
.checkout .checkout-details{
  padding-top: 30px;
  margin-bottom: 10px;
}
.checkout .checkout-details .fas{
  display: block;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 5px 8px;
  background: var(--main--color);
  color: #222;
  float: left;
  border-radius: 5px;
  border-radius: 3px;
}
.checkout .checkout-details img{
  max-width: 100%;
  height: 230px;
}
.checkout .pay-now .btn-warning{
  margin: 10px 15px 30px;
}

.checkout .quantity{
  margin-top: 15px;
}
.makeup-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.makeup-page .cats{
  margin: 10px 0 10px 0;
}
.makeup-page .list-unstyled{
  padding: 0;
}
.makeup-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.makeup-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.makeup-page .list-unstyled li i{
  color: var(--main--color);
}
.makeup-page .list-unstyled li a:hover, .makeup-page .list-unstyled li i:hover {
  color:var(--color);
}
.makeup-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-centerY-centerX {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body {
  background-color: #f7f7f7;
}
.page-wrapper {
  height: 100%;
  display: table;
}
.page-wrapper .page-inner {
  display: table-cell;
  vertical-align: middle;
}
.el-wrapper {
  width: 230px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #f3f2f2;
}
@media (max-width: 991px) {
  .el-wrapper {
      width: 345px;
 }
}
@media (max-width: 767px) {
  .el-wrapper {
      width: 290px;
      margin: 30px auto;
 }
}
.el-wrapper:hover .h-bg {
  left: 0px;
}
.el-wrapper:hover .price {
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #818181;
}
.el-wrapper:hover .add-to-cart {
  left: 50%;
}
.el-wrapper:hover .img {
  -webkit-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius='7', shadowopacity='0.0');
  opacity: 0.4;
}
.el-wrapper:hover .info-inner {
  bottom: 155px;
}
.el-wrapper:hover .a-size {
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
  bottom: 50px;
  opacity: 1;
}
.el-wrapper .box-down {
  width: 100%;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.el-wrapper .box-up {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.el-wrapper .img {
  max-width: 100%;
  padding: 20px 0;
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
}
.h-bg {
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  width: 660px;
  height: 100%;
  background-color: #3f96cd;
  position: absolute;
  left: -659px;
}
.h-bg .h-bg-inner {
  width: 50%;
  height: 100%;
  background-color: #464646;
}
.info-inner {
  -webkit-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: 25px;
}
.info-inner .p-name, .info-inner .p-company {
  display: block;
}
.info-inner .p-name {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  color: #252525;
}
.info-inner .p-company {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #8c8c8c;
}
.a-size {
  -webkit-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: -20px;
  font-family: 'PT Sans', sans-serif;
  color: #828282;
  opacity: 0;
}
.a-size .size {
  color: #252525;
}
.cart {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.cart .price {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #252525;
}
.cart .add-to-cart {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 110%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cart .add-to-cart .txt {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.makeup-page .banner-ads img{
  max-width: 100%;
}
.makeup-page .right-ads{
  margin: 19px 0 10px 0;
}
.makeup-page .right-ads img{
  margin: 10px 0 10px 0;
  max-width: 100%;
  border: 1px solid #e2dddd;
}
.healthy-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.healthy-page .cats{
  margin: 10px 0 10px 0;
}
.healthy-page .list-unstyled{
  padding: 0;
}
.healthy-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.healthy-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.healthy-page .list-unstyled li i{
  color: var(--main--color);
}
.healthy-page .list-unstyled li a:hover, .healthy-page .list-unstyled li i:hover {
  color:var(--color);
}
.healthy-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-centerY-centerX {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body {
  background-color: #f7f7f7;
}
.page-wrapper {
  height: 100%;
  display: table;
}
.page-wrapper .page-inner {
  display: table-cell;
  vertical-align: middle;
}
.el-wrapper {
  width: 230px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #f3f2f2;
}
@media (max-width: 991px) {
  .el-wrapper {
      width: 345px;
 }
}
@media (max-width: 767px) {
  .el-wrapper {
      width: 290px;
      margin: 30px auto;
 }
}
.el-wrapper:hover .h-bg {
  left: 0px;
}
.el-wrapper:hover .price {
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #818181;
}
.el-wrapper:hover .add-to-cart {
  left: 50%;
}
.el-wrapper:hover .img {
  -webkit-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius='7', shadowopacity='0.0');
  opacity: 0.4;
}
.el-wrapper:hover .info-inner {
  bottom: 155px;
}
.el-wrapper:hover .a-size {
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
  bottom: 50px;
  opacity: 1;
}
.el-wrapper .box-down {
  width: 100%;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.el-wrapper .box-up {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.el-wrapper .img {
  max-width: 100%;
  padding: 20px 0;
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
}
.h-bg {
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  width: 660px;
  height: 100%;
  background-color: #3f96cd;
  position: absolute;
  left: -659px;
}
.h-bg .h-bg-inner {
  width: 50%;
  height: 100%;
  background-color: #464646;
}
.info-inner {
  -webkit-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: 25px;
}
.info-inner .p-name, .info-inner .p-company {
  display: block;
}
.info-inner .p-name {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  color: #252525;
}
.info-inner .p-company {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #8c8c8c;
}
.a-size {
  -webkit-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: -20px;
  font-family: 'PT Sans', sans-serif;
  color: #828282;
  opacity: 0;
}
.a-size .size {
  color: #252525;
}
.cart {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.cart .price {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #252525;
}
.cart .add-to-cart {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 110%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cart .add-to-cart .txt {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.healthy-page .banner-ads img{
  max-width: 100%;
}
.healthy-page .right-ads{
  margin: 19px 0 10px 0;
}
.healthy-page .right-ads img{
  margin: 10px 0 10px 0;
  max-width: 100%;
  border: 1px solid #e2dddd;
}
.homeapp-page{
  padding: 20px 0 20px 0;
  margin: 50px 0 10px 0;
}
.homeapp-page .cats{
  margin: 10px 0 10px 0;
}
.homeapp-page .list-unstyled{
  padding: 0;
}
.homeapp-page .list-unstyled li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  scroll-padding-top: 5px;
 ;
}
.homeapp-page .list-unstyled li a {
  color: #333;
  text-decoration: none;
  padding-right: 10px;
}
.homeapp-page .list-unstyled li i{
  color: var(--main--color);
}
.homeapp-page .list-unstyled li a:hover, .homeapp-page .list-unstyled li i:hover {
  color:var(--color);
}
.homeapp-page h5{
  background: #333;
  padding: 10px 15px 10px 25px;
  margin-bottom: 25px;
  border: 1px solid var(--main--color);
  border-radius: 30px 0;
  width: 65%;
  color: var(--main--color);
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-centerY-centerX {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body {
  background-color: #f7f7f7;
}
.page-wrapper {
  height: 100%;
  display: table;
}
.page-wrapper .page-inner {
  display: table-cell;
  vertical-align: middle;
}
.el-wrapper {
  width: 230px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #f3f2f2;
}
@media (max-width: 991px) {
  .el-wrapper {
      width: 345px;
 }
}
@media (max-width: 767px) {
  .el-wrapper {
      width: 290px;
      margin: 30px auto;
 }
}
.el-wrapper:hover .h-bg {
  left: 0px;
}
.el-wrapper:hover .price {
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #818181;
}
.el-wrapper:hover .add-to-cart {
  left: 50%;
}
.el-wrapper:hover .img {
  -webkit-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius='7', shadowopacity='0.0');
  opacity: 0.4;
}
.el-wrapper:hover .info-inner {
  bottom: 155px;
}
.el-wrapper:hover .a-size {
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
  bottom: 50px;
  opacity: 1;
}
.el-wrapper .box-down {
  width: 100%;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.el-wrapper .box-up {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.el-wrapper .img {
  max-width: 100%;
  padding: 20px 0;
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
}
.h-bg {
  -webkit-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  width: 660px;
  height: 100%;
  background-color: #3f96cd;
  position: absolute;
  left: -659px;
}
.h-bg .h-bg-inner {
  width: 50%;
  height: 100%;
  background-color: #464646;
}
.info-inner {
  -webkit-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 400ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: 25px;
}
.info-inner .p-name, .info-inner .p-company {
  display: block;
}
.info-inner .p-name {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  color: #252525;
}
.info-inner .p-company {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #8c8c8c;
}
.a-size {
  -webkit-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 300ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  position: absolute;
  width: 100%;
  bottom: -20px;
  font-family: 'PT Sans', sans-serif;
  color: #828282;
  opacity: 0;
}
.a-size .size {
  color: #252525;
}
.cart {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.cart .price {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #252525;
}
.cart .add-to-cart {
  -webkit-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -moz-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  -o-transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
  transition: all 600ms cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.18, 1);
 /* ease-out */
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  display: block;
  position: absolute;
  top: 50%;
  left: 110%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cart .add-to-cart .txt {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.homeapp-page .banner-ads img{
  max-width: 100%;
}
.homeapp-page .right-ads{
  margin: 19px 0 10px 0;
}
.homeapp-page .right-ads img{
  margin: 10px 0 10px 0;
  max-width: 100%;
  border: 1px solid #e2dddd;
}
.about{
  margin: 50px 0 50px 0;
}
.about h3{
  margin: 20px 0 50px 0;
}
.about img {
  max-width: 100%;
  margin-bottom: 20px;
}
.choose-us .quality{
  margin-left: 15%;
  margin-bottom: 40px;
  margin-top: 40px;
}
.choose-us h3{
  margin: 20px 0 50px 0;
}
.choose-us .quality h4{
  font-size: 20px;
}
.choose-us .quality blockquote{
  font-size: 12px 
}
.choose-us .quality img{
  max-width: 100%;
}
.choose-us .health{
  margin-left: 15%;
  margin-bottom: 40px;
  margin-top: 40px;
}
.choose-us .health h4{
  font-size: 20px;
}
.choose-us .health blockquote{
  font-size: 12px 
}
.choose-us .health img{
  max-width: 100%;
}
.choose-us .fresh{
  margin-left: 15%;
  margin-bottom: 40px;
  margin-top: 40px;
}
.choose-us .fresh h4{
  font-size: 20px;
}
.choose-us .fresh blockquote {
  font-size: 12px 
}
.choose-us .fresh img{
  max-width: 100%;
}
.choose-us img{
  margin-top: 40px;
  max-width: 100%;
  margin-bottom: 20px;
}
.head-contact {
  margin-top: 50px;
}
.head-contact .sub-add p{
  font-size: 12px;
  color: #626262;
  margin-top: 10px;
  margin-bottom: 10px;
}
.form {
  margin-bottom: 20px ;
  margin-top: 20px;
}
.form .btn{
  background-color: var(--main--color);
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  border-color:var(--color);
 ;
}
.form .all-form{
  margin: 20px auto;
}
.form textarea{
  height: 190px;
  margin-top: 30px;
}
.form .form-control{
  line-height: 2.0;
  padding: 10px;
}
.map iframe{
  width: 100%;
  height: 500px;
  margin-top: 50px;
  margin-bottom: 0 
}
.add-ads-page h3{
  margin: 40px 0 40px 0;
}
.add-ads-page img{
  max-width: 100%;
  margin: 100px 10px 50px 0;
}
.add-ads-page label{
  margin-bottom: 10px;
}
.add-ads-page .form-control{
  border-radius: 2px;
  border-color: var(--main--color);
}
.add-ads-page textarea{
  resize: none;
  height: 200px;
}
.add-ads-page .btn-warning{
  margin: 15px 0 50px 0;
}
.food-page{
  transition: all ease-in-out .5s;
}
.food-page .overlay{
  position: absolute;
  background: rgb(0 ,0, 0,46%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.food-page .carousel img{
  max-width: 100%;
}
.food-page .carousel-caption{
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(25% , -50%);
}
.food-page .carousel-caption h1{
  color: var(--main--color);
}
.food-page .specs{
  margin: 50px 0 50px 0;
}
.food-page h3{
  margin-top: 35px;
  padding-top: 10px;
}
.food-page img{
  max-width: 100%;
}
.food-page .uk-accordion-content li{
  margin-bottom: 10px;
  margin-left: 35px;
}
.food-page .uk-accordion-content>:last-child a {
  text-decoration: none;
}
.food-page .uk-accordion-content>:last-child a:hover {
  color: var(--main--color);
}
.uk-accordion{
  margin-top: 10%;
}
.uk-accordion-title{
  background: #fff;
  padding: 10px;
  margin-left: 35px;
  border: 1px solid #dfdfdf;
}
.uk-accordion-title:hover{
  background: #e9ecef;
  color:var(--color);
}
.sicknote .header-sicknote {
  margin: 0 0 80px 0;
}
.sicknote .header-sicknote img {
  max-width: 100%;
  margin: 20px 0 20px 0;
}
.sicknote .header-sicknote h5 {
  max-width: 100%;
  margin-top:0;
}
.sicknote form {
  margin-bottom: 20px;
}
.sicknote form textarea {
  height: 100px;
}
.btn-outline-warning,.btn-warning{
  color: #504c4c;
  border-color: var(--main--color);
}

.buy-home{
  margin: 20px auto;
}
.buy-home button{
  margin: 20px 0 20px 0;
  width: 100%;
}
.buy-home label{
  margin-top: 20px;
  margin-bottom: 5px;

}



.blog {
  padding: 20px 0;
  margin: 20px 0;
}
.blog .details {
  margin: 20px 0;
}
.blog .details .link  {
  margin: 20px 0;
}
.blog .details .link a {
  color: #222;
    text-decoration: none;
}
.slides-ads { 
  margin-top: 19px;
}

.slides-ads .card{
  margin-bottom: 10px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}


@media (min-width: 0) {
  .blog .details .g-mr-15 {
      margin-right: 1.07143rem !important;
  }
}
@media (min-width: 0){
  .blog .details .g-mt-3 {
      margin-top: 0.21429rem !important;
  }
}

.blog .details .g-height-50 {
  height: 50px;
}

.blog .details .g-width-50 {
  width: 50px !important;
}

@media (min-width: 0){
  .blog .details .g-pa-30 {
      padding: 2.14286rem !important;
  }
}

.blog .details .g-bg-secondary {
  background-color: #fafafa !important;
}

.blog .details .u-shadow-v18 {
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
}

.blog .details .g-color-gray-dark-v4 {
  color: #777 !important;
}

.blog .details .g-font-size-12 {
  font-size: 0.85714rem !important;
}

.blog .details .media-comment {
  margin-top:20px
}


.forget-pass{
  width: 35%;
  margin: 50px auto;
  border: 1px solid #ccc;
  padding: 25px;
  box-shadow: 10px 10px 70px #d1d1d1d1;

}

.forget-pass .form-control{
  margin: 50px 0;
  padding: 25px 20px;
}
.forget-pass .btn{
  margin: 50px 0;
 }
 .forget-pass img{
  margin-bottom:  0;
 }
 

 .invoice{
  margin: 50px auto !important;
}
.invoice-container {
  margin: 15px auto;
  padding: 70px;
  max-width: 850px;
  background-color: #fff;
  border: 1px solid #ccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .invoice-container {
    padding: 35px 20px 70px 20px;
    margin-top: 0px;
    border: none;
    border-radius: 0px;
  }
}
/* =================================== */
/*  Extras
/* =================================== */
.bg-primary, .badge-primary {
  background-color: #0071cc !important;
}

.bg-secondary {
  background-color: #0c2f55 !important;
}

.text-secondary {
  color: #0c2f55 !important;
}

.text-primary {
  color: #0071cc !important;
}

.btn-link {
  color: #0071cc;
}

.btn-link:hover {
  color: #0e7fd9 !important;
}

.border-primary {
  border-color: #0071cc !important;
}

.border-secondary {
  border-color: #0c2f55 !important;
}

.btn-primary {
  background-color: #0071cc;
  border-color: #0071cc;
}
.btn-primary:hover {
  background-color: #0e7fd9;
  border-color: #0e7fd9;
}

.btn-secondary {
  background-color: #0c2f55;
  border-color: #0c2f55;
}

.btn-outline-primary {
  color: #0071cc;
  border-color: #0071cc;
}
.btn-outline-primary:hover {
  background-color: #0071cc;
  border-color: #0071cc;
  color: #fff;
}

.btn-outline-secondary {
  color: #0c2f55;
  border-color: #0c2f55;
}
.btn-outline-secondary:hover {
  background-color: #0c2f55;
  border-color: #0c2f55;
  color: #fff;
}

.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #0071cc;
}

.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before {
  background-color: #0071cc;
  border-color: #0071cc;
}

.list-group-item.active {
  background-color: #0071cc;
  border-color: #0071cc;
}

.page-link {
  color: #0071cc;
}
.page-link:hover {
  color: #0e7fd9;
}

/* Pagination */
.page-link {
  border-color: #f4f4f4;
  border-radius: 0.25rem;
  margin: 0 0.3rem;
}

.page-item.disabled .page-link {
  border-color: #f4f4f4;
}
footer .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  margin-left: 10px;
}

.live-chat {
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.live-chat .message-click{
  position: fixed;
  top: 80%;
  right: 60px;
  bottom: 0;
  transition: all ease-in-out .5s;
  z-index: 9999;
  box-shadow: 10px 10px 150px #222;
  height: 0;
  opacity: 0.8;
  text-decoration: none;

}

.live-chat .message-click img{
  max-width: 15%;
  position: relative;
  right: -150px;
  cursor: pointer;
 
}

.live-chat .message-click:hover{
  opacity: 1;
  
}

.chatbox{
  right: 12%;
  position: fixed;
  left: 0;
  top: 17%;
  width: 25%;
  z-index: 99999;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
  border-radius: 4px 4px 0px 0px;
  background: rgb(255, 255, 255);
  display: none;
}


.chatbox hr{
  margin-top: 15px;
}


.chatbox .header-box .tools{
  padding: 10px 10px 0 0;
  background: #006792;
  box-shadow: 10px 12px 13px #ccc;
  border-radius: 0px 20px 0px 20px;
}

.chatbox .header-box .tools p{
 font-size: 10px;
 color: #fff;
 padding-left: 5px;
 margin-top: 13px;
}
.chatbox .header-box .tools p span{
  font-size: 13px;
  color: #FFBF17;
  font-weight: bold;
 
 }
.chatbox .header-box .tools .fa-times{
  margin: 3px 10px 0 0;
  cursor: pointer;
  color: #fff;
  padding: 10px 0px 20px 0;
}
.chatbox .header-box .tools .fa-times:hover{
  color: #FFBF17;
}
.chatbox .header-box .profile {
  margin-bottom: -15px;
}

.chatbox .header-box .profile h6{
  font-size: 10px;
  margin-top: -10px;
}


.chatbox .body-box{
  height: 200px;
    overflow-y: scroll;
    padding: 10px;
    font-size: 11px;

}

.chatbox .body-box .other-message{

    background: #94C2ED;
    margin-bottom: 10px;
    color: aliceblue;
    padding: 10px;
    border-radius: 10px 10px 10px 0px;
}
.chatbox .body-box .my-message{
  background: #86BB71;
  margin-bottom: 10px;
  color: aliceblue;
  padding: 10px;
  border-radius: 10px 10px 0px 10px;
  -webkit-border-radius: 10px 10px 0px 10px;
  -moz-border-radius: 10px 10px 0px 10px;
  -ms-border-radius: 10px 10px 0px 10px;
  -o-border-radius: 10px 10px 0px 10px;
}
.chatbox .footer-box{
  padding: 20px 0;
}

.chatbox .footer-box textarea{
  resize: none;
  height: 50px;
  font-size: 13px;
}
.chatbox .footer-box button{
  margin-top: 7px;
}