/*
Theme Name: Elite Fashion Shop
Theme URI: https://www.mishkatwp.com/themes/fashion-wordpress-theme/
Description:The Fashion WordPress Theme epitomizes sophistication and creativity, offering a comprehensive solution for fashion designers, bloggers, and enthusiasts seeking to establish a stylish and professional online presence. With its sleek design, customizable features, and seamless integration with WooCommerce, this premium theme provides the perfect platform to showcase designer wear, trends, and editorials in a visually captivating manner. At its core, the Fashion WordPress Theme is designed to elevate your fashion brand and connect with your audience on a deeper level. Its modern and elegant design aesthetics make it an ideal choice for fashion-forward individuals and businesses looking to make a statement in the competitive world of fashion. Whether you're a high-end fashion label, a boutique fashion retailer, or a fashion influencer, this theme offers the perfect canvas to express your creativity and style. One of the standout features of the Fashion WordPress Theme is its seamless integration with WooCommerce, the leading ecommerce plugin for WordPress. With WooCommerce integration, you can effortlessly set up and manage your online fashion store, showcasing your latest collections and products to a global audience. From designer apparel and accessories to trendy fashion items, the possibilities are endless with this theme, allowing you to monetize your passion for fashion and drive sales.
Author:mishkatwp
Author URI: https://www.mishkatwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: elite-fashion-shop-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
  font-family: 'Ubuntu', sans-serif;
  color: #95999d;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Baloo Thambi 2', cursive;
}

a {
  color:#3d4651;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#EF9F4A;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
  background: #f8fdff;
}
.login{
	background: #fff;
	color: #212121;
}
a.cart-customlocation p.cart-item-box{
  background: #9085f9;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}
.header {
  position: static;
}
 
.page-template-frontpage #site-navigation {
  background: #f8fdff;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #3d4651;
}
.page-404 h3{
	font-size: 38px;
	color: #3d4651;
}
.page-404 hr{
	width: 10%;
	background: #e1e1e1;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
 background:#EF9F4A;
 text-align: center;
 border-radius: 30px;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	border:2px dashed #fff;
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	border-radius: 30px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #9085f9;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #EF9F4A;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 30px;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #EF9F4A;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#EF9F4A;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #585f73;
  font-size: 20px;
}
.social-links a:hover,.top-header p{
	color: #f27e91; 
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #767c83;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 15px;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#EF9F4A;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	left: 0;
	background:#f8fdff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 5px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #767c83;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #EF9F4A;
	border-left: 0;
	border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.sub-menu li a:after {right: 0;}
#main-menu ul.sub-menu li a:hover:after {
	background: #EF9F4A;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #EF9F4A;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #777c82;
	margin: 10px 0; 
 }
 a.cart-customlocation i {
  font-size: 20px;
  cursor: pointer;
	color: #ffff;
	background: #EF9F4A;
	width: 40px;
	height: 40px;
	padding: 10px 0;
	border-radius: 50%;
	margin: 10px 0; 
 }
 a.cart-customlocation i:hover{
 	background: #9085f9;
 }
 .header-search .open-search-form i:hover{
 	color: #f27e91;
 }
 a.cart-customlocation i:hover{
 	color: #fff;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #3d4651;
  font-weight: 600;
}
.post-content p{
	color: #a5a7b1;
}
.post-meta i{
	color: #EF9F4A;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.post-box {
    border: 2px solid #e7f1f7;
    background: #fff;
}
.latest-post i.fas {
    padding: 12px 15px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 90%;
    right: 30px;
    border: 1px solid #fff;
    color: #ffff;
    background: black;
    opacity: 0.5;
}
.latest-post  .catname{
	background: #EF9F4A;
	padding: 10px 20px;
	border-radius: 8px;
	color: #fff;
}

.latest-post .post-meta{
	border: 2px solid #e7f1f7;
	border-radius: 0 0px 15px 15px;
	border-top: none;
	background: #fff;
}
.latest-post .post-date {
    float: right;
}
.latest-post .post-date span, .latest-post .post-meta i {
    color: #EF9F4A;
    font-weight: 500;
    text-transform: uppercase;
}
.latest-post .post-meta a {
    color: #767c83;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}

.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.latest-post :hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #EF9F4A;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#9085f9 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #EF9F4A;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
}
.post-single .blog_share_icon .fab:hover{
	background: #9085f9;
}
.post-single {
	display: block;
}
label{
	display: block;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #EF9F4A;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #9085f9;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #EF9F4A;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #9085f9;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #EF9F4A;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.elite-fashion-shop-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.elite-fashion-shop-pro-pagination a span,
.elite-fashion-shop-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.elite-fashion-shop-pro-pagination span.current,
.elite-fashion-shop-pro-pagination span.current:hover,
.elite-fashion-shop-pro-pagination span.current:focus,
.elite-fashion-shop-pro-pagination a span:hover,
.elite-fashion-shop-pro-pagination a span:focus {
	background:#EF9F4A;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

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

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #EF9F4A;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:disc;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #3d4651;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-left: solid 5px #EF9F4A;
  color: #3d4651;
  font-size: 24px;
  background: #fff3f3;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #EF9F4A;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: none;
  float: unset;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit]{
	background: #EF9F4A;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#9085f9;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }

footer {
	background: #fff;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #767c83;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

/*SCROLL TO TOP BUTTON*/
#button_scroll {
  display: inline-block;
  background: #EF9F4A;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 5px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #9085f9;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 4px 0;
	border-radius: 5px;
	border: 2px dashed #fff;
}

#button_scroll:hover {
  background: #9085f9;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #EF9F4A;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #EF9F4A transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}


a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 

/*Body*/

header#site-navigation{
	border-top: 2px solid  #ebebeb;
	background: #f8fdff;
 
    box-shadow: 0 25px 10px -30px #111;    
}

.top-header span.dashicons{
	margin: 3px 0;
	color: #585f73;
}
.top-header .top-header span{
	color: #585f73;
}
.top-header .intro-button{
 background:#EF9F4A;
 text-align: center;
 display: inline-block;
 border-radius: 8px;
 box-shadow: 0px 15px 15px rgb(249 133 150 / 30%);
}
.top-header  a.button{
  display: inline-block;
  padding: 5px 20px;
  background: #FDFAE9;
  margin: 5px 5px;
  text-align: center;
  color: #F6C454;
  transition: all 0.2s; 
  text-decoration: none;
  border:2px dashed #fff;
  border-radius: 8px;
  position: relative;
}
.top-header .intro-button:hover{
  background: #9085f9;
}
.top-header .intro-button,
.top-header .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.top-header .intro-button::before,
.top-header .intro-button::after {
  background: #EF9F4A;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
.top-header .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.top-header .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

.shopping-cart .widget.woocommerce.widget_shopping_cart{
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
	background: #ffff;
	width: 280px;
	border: 1px solid #d7f5fa;
	padding: 15px 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 10px rgb(62 68 90 / 10%);
  box-shadow: 0px 5px 10px rgb(62 68 90 / 10%);
  -webkit-transition: all 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: all 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  visibility: hidden;

}
.shopping-cart:hover .widget.woocommerce.widget_shopping_cart{
	visibility: visible;
}
.shopping-cart .woocommerce .widget_shopping_cart .total strong, .shopping-cart .woocommerce.widget_shopping_cart .total strong{
	float: left;
}
.shopping-cart p.woocommerce-mini-cart__total.total bdi{
	float: right;
	color: #EF9F4A;
	font-size: 18px;
}
.shopping-cart .widget.woocommerce.widget_shopping_cart span.woocommerce-Price-amount.amount{
	color: #EF9F4A;
}

/*SLIDER SECTION*/ 
 
#slider .slider-bg{
	background: #FCEBD8 !important;
}
#slider .slider-text{
	padding: 0 10%;
}
#slider .wellcome-text{
	border: 2px dashed #DFCCBF;
	background: #e7eefe;
	color: #9085f9;
	padding: 10px 15px;
  display: inline-block;
  border-radius: 10px;
}
#slider .wellcome-text:hover {
  background: #fef3f4;
  border: 2px dashed #DFCCBF;
  color: #EF9F4A;
}
#slider .wellcome-text,
#slider .wellcome-text::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#slider .wellcome-text::before,
#slider .wellcome-text::after {
  background:#EF9F4A;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
#slider .wellcome-text::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .wellcome-text:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .wellcome-text h2{
	margin-bottom: 0;
	color: #DFCCBF;
	font-size: 24px;
}
#slider h1{
  font-size: 44px;
  color: #3d4651;
  Width:700px;

}
#slider p{
  color: #767c83;
}
#slider .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
}
#slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #9085f9;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#EF9F4A ;
}
#slider .intro-button{
 background:#EF9F4A;
 text-align: center;
 border-radius: 8px;
 box-shadow: 0px 15px 15px rgb(249 133 150 / 30%);
 display: inline-block;
}
#slider  .button{
  display: inline-block;
  padding: 10px 35px;
  margin: 5px 5px;
  text-align: center;
  color: #F6C453;
  transition: all 0.2s; 
  text-decoration: none;
  border:2px dashed #EF9F4A;
  background: #fdfae9 !important;
  border-radius: 8px;
  font-weight: 500	;
  position: relative;
}
#slider .intro-button:hover {
  background: #9085f9;
}
#slider .intro-button,
#slider .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#slider .intro-button::before,
#slider .intro-button::after {
  background: #EF9F4A;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
#slider  .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .large{
  font-size: 50px;
  color: #EF9F4A !important;
  text-decoration: none;
  filter: drop-shadow(0px 15px 10px rgba(144,133,249,0.3));
-webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#slider :hover .large{
	transform: rotate(360deg);
	color: #EF9F4A;
}

a.open-video{
  position: relative;
}
#slider .kids-fashion-blog{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
#slider .is-open{
	right:0;
	height:100%;
	visibility: visible;
	top: 30px;
}
#slider .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#slider .kids-fashion-blog a.close-video{
	top: 15px;
	position:absolute;
	left:50%;
}
#slider .kids-fashion-blog i.videoblog-close-button{
	font-size:25px;
	color:#616161 !important;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
#slider .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#slider span{
	color: #EF9F4A !important;
	font-weight: 500;
	font-size: 14px;
	position: relative;
	bottom: 15px;
}

/*offer Section*/

#offer h3{
	color: #3d4651;
	font-size: 38px;
	
}
#offer .content{
	color: #767c83;
}
#offer .offer-text p{
	color: #3d4651;
}
#offer .offer-icon {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: inline-block;
  padding: 5px 0;
  margin: 20px 0;
}
#offer .offer-text h4{
	font-weight: 600;
}
#offer .offer-text1, #offer .offer-text5, #offer .offer-text9{
	background: #fff5ee;
	color: #fea054;
	border-radius: 10px;
	border: 2px dashed #fea054;
}

#offer .offer-icon1, #offer .offer-icon5, #offer .offer-icon9{
  background: #EF9F4A;
  box-shadow: 0px 10px 20px 0px;
}
#offer .offer-icon .dashicons{
	border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 2px dashed #fff;
  color: #fff;
  font-size: 40px;
  padding: 10px 0;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

#offer .offer-text:hover .dashicons{
	transform: rotate(360deg);
}
#offer .button1 ,#offer .button5, #offer .button9{
	color: #fea054;
	font-weight: 500;
}
#offer .owl-dots button.owl-dot{
	background: #fea054!important;
	background-color: #fea054!important;
}
#offer .owl-dots button.owl-dot.active{
	border-radius: 2px solid

}
#offer .offer-text2, #offer .offer-text6, #offer .offer-text10{
	background: #fff5ee;
	color: #fea054;
	border-radius: 10px;
	border: 2px dashed #fea054;
}
#offer .offer-icon2, #offer .offer-icon6, #offer .offer-icon10{
  background: #fea054;
  box-shadow: 0px 10px 20px 0px;
}
#offer .button2, #offer .button6, #offer .button10{
	color: #fea054;
	font-weight: 500;
}
#offer .offer-text3, #offer .offer-text7, #offer .offer-text11{
	background: #fff5ee;
	color: #fea054;
	border-radius: 10px;
	border: 2px dashed #fea054;
}
#offer .offer-icon3, #offer .offer-icon7, #offer .offer-icon11{
  background: #EF9F4A;
  box-shadow: 0px 10px 20px 0px;
}
#offer .button3, #offer .button7, #offer .button11{
	color: #fea054;
	font-weight: 500;
}
#offer .offer-text4, #offer .offer-text8, #offer .offer-text12{
	background: #fff5ee;
	color: #EF9F4A;
	border-radius: 10px;
	border: 2px dashed #EF9F4A;
}
#offer .offer-icon4, #offer .offer-icon8, #offer .offer-icon12{
  background: #EF9F4A;
  box-shadow: 0px 10px 20px 0px;
}
#offer .button4, #offer .button8, #offer .button12{
	color: #EF9F4A;
	font-weight: 500;
}
#offer .owl-dots {
  text-align: center;
  bottom:10px; 
  position: absolute;
  width: 100%;
}
#offer .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #9085f9;
  margin: 0 5px;
}
#offer .owl-dots button.owl-dot.active {
  background-color:#EF9F4A ;
}

.zigzag {
  margin:10px 20%;
  position: relative;
  bottom: 20px;
  width: 60%;
  height: 16px;
  z-index: 1;
}
.zigzag1:before, .zigzag5:before, .zigzag1:after, .zigzag5:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.zigzag1:before, .zigzag5:before {
  height: 12px;
  background: linear-gradient(-135deg, #fea054 10px, transparent 0) 0 10px, linear-gradient(135deg, #fea054 10px, transparent 0) 0 10px;
  top: 110%;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag1:after, .zigzag5:after {
  height: 16px;
  top: 100%;
  background: linear-gradient(-135deg, #eff9ff 8px, transparent 0) 0 8px, linear-gradient(135deg, #eff9ff 8px, transparent 0) 0 8px;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag2:before, .zigzag6:before, .zigzag2:after, .zigzag6:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.zigzag2:before, .zigzag6:before {
  height: 12px;
  background: linear-gradient(-135deg, #fea054 10px, transparent 0) 0 10px, linear-gradient(135deg, #fea054 10px, transparent 0) 0 10px;
  top: 110%;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag2:after, .zigzag6:after {
  height: 16px;
  top: 100%;
  background: linear-gradient(-135deg, #fff5ee 8px, transparent 0) 0 8px, linear-gradient(135deg, #fff5ee 8px, transparent 0) 0 8px;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag3:before, .zigzag3:after, .zigzag7:before, .zigzag7:after  {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.zigzag3:before, .zigzag7:before {
  height: 12px;
  background: linear-gradient(-135deg, #fea054 10px, transparent 0) 0 10px, linear-gradient(135deg, #fea054 10px, transparent 0) 0 10px;
  top: 110%;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag3:after, .zigzag7:after {
  height: 16px;
  top: 100%;
  background: linear-gradient(-135deg, #f4f3fe 8px, transparent 0) 0 8px, linear-gradient(135deg, #f4f3fe 8px, transparent 0) 0 8px;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag4:before, .zigzag4:after , .zigzag8:before, .zigzag8:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.zigzag4:before, .zigzag8:before  {
  height: 12px;
  background: linear-gradient(-135deg, #EF9F4A 10px, transparent 0) 0 10px, linear-gradient(135deg, #EF9F4A 10px, transparent 0) 0 10px;
  top: 110%;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
.zigzag4:after, .zigzag8:after {
  height: 16px;
  top: 100%;
  background: linear-gradient(-135deg, #fef3f4 8px, transparent 0) 0 8px, linear-gradient(135deg, #fef3f4 8px, transparent 0) 0 8px;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 16px 16px;
}
 
 
/*Arrivals Section*/
#arrival {
	background: #f5fbff;
}
#arrival h3{
	color: #3d4651;
	font-size: 38px;
}
#arrival .content{
	color: #767c83;
}
#arrival button{
	border: none;
	background: transparent;
	color: #767c83;
	outline: none;
	cursor: pointer;
}
#arrival button.tablinks.active{
	padding: 10px;
	background:#FCEBD8;
	color: #EF9F4A !important;
	border: 2px dashed #EF9F4A !important;
	border-radius: 8px;
}
#arrival button:hover {
	padding: 10px;
	background: #eceffe;
	color: #9085f9;;
	border: 2px dashed #9085f9;
	border-radius: 8px;
	transition: all 0.2s;
}
#arrival .product-text a{
	color: #3d4651;
	font-weight: 500;
}
#arrival .product-text a:hover{
	color: #EF9F4A;
}
#arrival .price{
	color: #EF9F4A;
}
#arrival .owl-carousel .owl-nav {
  display: block;
  position: relative;
  bottom: 100px;
  transform: translateY(-150px);
}
#arrival .owl-carousel .owl-nav button.owl-prev{
  position: relative;
  left: -8%;
  float: left;
  background: #dfe9ef;
  width: 45px;
  height: 45px;
  font-size: 20px;
  border-radius: 50%;
  color: #9085f9;
  outline: none;
}
#arrival .owl-carousel .owl-nav button.owl-next{
  position: relative;
  right: -8%;
  float: right;
  background: #fef3f4;
  width: 45px;
  height: 45px;
  font-size: 20px;
  border-radius: 50%;
  color: #EF9F4A;
  outline: none;
  border: 2px dashed #EF9F4A;
}
.box{
    background: #454a5e;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.box img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
.box:hover img{ opacity: 0.2; }
.box .box-content{
    color: #fff;
    background: #9085f9;
    text-align: center;
    width: 180px;
    padding: 12px;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: 5%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease-out;
    border-radius: 8px;
}
.box:hover .box-content{ opacity: 1; }
.box .box-content:before,
.box .box-content:after{
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transform: scale(0);
    transform-origin: top left;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease 0.2s;
}
.box .box-content:after{
    border-left: none;
    border-top: none;
    transform-origin: bottom right;
}
.box:hover .box-content a:before,
.box:hover .box-content a:after{
    transform: scale(1);
}
.box-content a.added_to_cart.wc-forward{
	position: relative;
	float: right;
	right: 25px;
	margin-top: 10px;
	color: #fff;
	padding: 5px 20px;
	border-radius: 8px;
	border: 2px dashed #fff;
}
.box .title{
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 3px;
    transform: translateY(20px);
    transition: all 0.3s ease 0s;
    color: #fff;
    cursor: pointer;
}
.box:hover .title{
    transform: translateY(0);
}
.box-content .fas{
	color: #fff;
}
.box-content  a.button{
  padding: 7px 35px;
  margin: 5px 0;
  color: #F8C559;
  transition: all 0.2s; 
  text-decoration: none;
  background: #fdfae9;
  border:2px solid #EF9F4A;
  border-radius: 8px;
}
.featured-review__stars .fas{
	color: #ffc107;
}
.tab-product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #fdce38;
}
.tab-product .star-rating::before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.tab-product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
.tab-product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.tab-product .star-rating {
  display: inline-block;
}
.tab-product span.onsale {
  position: absolute;
  background: #9085f9;
  padding: 3px 15px;
  top: 20px;
  left: 15px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
}
.tab-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  position: absolute;
  background: transparent;
  top: 20px;
  border-radius: 50%;
  color: #d9d9d9;
  font-size: 14px;
  right: 15px;
  border: 2px solid #d9d9d9;
  width: 40px;
  height: 40px;
}
.tab-product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list{
	background: #EF9F4A;
	color: #fff;
	border: none;
}
.tab-product del span.woocommerce-Price-amount.amount bdi{
	color: #95999d;
	text-decoration: line-through;
}
.tab-product ins span.woocommerce-Price-amount.amount bdi{
	color: #EF9F4A;
	font-weight: 600;
}
.tab-product ins {
  text-decoration: none;
  margin: 0 5px;
}
.tabcontent{
  display: none;
}
.tabcontent.active {
  display: block;
}

/*Deals Section*/

#deals h3{
	color: #3d4651;
	font-size: 38px;
	font-weight: 800;
}
#deals .content{
	color: #767c83;
}
#deals .owl-dots {
  text-align: center;
  bottom:0; 
  position: absolute;
  width: 100%;
}
#deals .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #9085f9;
  margin: 0 5px;
}
#deals .owl-dots button.owl-dot.active {
  background-color:#EF9F4A ;
}
#deals .owl-dots span {
  font-size: 70px;    
  position: relative;
}
#deals .deals-image{
	background: #212529;
	overflow: hidden;
	position: relative;
}
#deals .deals-image img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .35s ease 0s;
    -o-transition: opacity .35s ease 0s;
    transition: opacity .35s ease 0s;
    opacity: unset;
}

#deals .deals-image:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    }
#deals .deals-image:before{
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }

#deals .deals-image:after, 
#deals .deals-image:before {
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
    -o-transition: opacity .35s ease 0s,transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s;
    z-index: 1;
  }
#deals .deals-image:hover:after, #deals .deals-image:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#deals .deals-image img:hover{
	opacity: 0.4 !important; 
}



/*Hot Products Section*/
#products {
	background: #f5fbff;
}
#products h3{
	color: #3d4651;
	font-size: 38px;
	font-weight: 800;
}
#products .content{
	color: #767c83;
}
#products .tab-product del span.woocommerce-Price-amount.amount bdi{
	color: #95999d;
	text-decoration: line-through;
}
#products .tab-product ins span.woocommerce-Price-amount.amount bdi{
	color: #EF9F4A;
	font-weight: 600;
}
#products .tab-product ins {
    text-decoration: none;
    margin: 0 5px;
}
#products .price{
	color: #EF9F4A;
}
#products .product-text a{
	color: #3d4651;
	font-weight: 500;
}
#products .product-text a:hover{
	color: #EF9F4A;
}
#products  a.button2{
  display: inline-block;
  padding:  10px 35px;
  background: #eceffe;
  color: #fff !important;
  font-size: 18px;
  font-weight: 500;
  
  border-radius: 30px;
  transition: all 0.2s; 
  text-decoration: none;
}
#products a.button2:hover {
  background: #fef3f4;
  border: 2px dashed #EF9F4A;
  color: #EF9F4A;
}
#products a.button2,
#products a.button2::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#products a.button2::before,
#products a.button2::after {
  background: #EF9F4A;
  content: '';
  position: absolute;
  color: #F6C453 !important;
  z-index: -1;
  border-radius: 30px;
}
#products a.button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#products a.button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#products .box{
    
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

/*Latest Blog Section*/

#latest-blog h3{
	color: #3d4651;
	font-size: 38px;
	font-weight: 800;
}
#latest-blog .content{
	color: #767c83;
}
#latest-blog h4.post-title{
	font-size: 22px;
	color: #3d4651;
	font-weight: 600;
}
#latest-blog .post-content p{
	color: #95999d;
}
#latest-blog .post-box {
  border: 2px solid #e7f1f7;
  border-top: none;
  background: #fff;
}
#latest-blog .post-date{
	float: right;
}
#latest-blog .post-meta{
	border: 2px solid #e7f1f7;
	border-radius: 0 0px 15px 15px;
	border-top: none;
	background: #fff;
}
#latest-blog .post-date span, #latest-blog .post-meta i{
	color: #EF9F4A;
	font-weight: 500;
	text-transform: uppercase;
}
#latest-blog .post-meta a{
	color: #767c83;
	font-weight: 500;
	font-style: italic;
	font-size: 18px;
}
#latest-blog .post-meta a:hover{
	color: #EF9F4A;
}
#latest-blog .intro-button{
background:#f27e91;
text-align: center;
 border-radius: 8px;
 display: inline-block;
 box-shadow: 0px 15px 15px rgb(249 133 150 / 30%);
}
#latest-blog  .button{
  display: inline-block;
  padding: 10px 35px;
  margin: 5px 5px;
  text-align: center;
  background:#fdfae9 !important;
  color: #f6c453;
  transition: all 0.2s; 
  text-decoration: none;
  border:2px dashed #fff;
  border-radius: 8px;
  font-weight: 500;
}
#latest-blog .intro-button:hover {
  background: #9085f9;
}
#latest-blog .intro-button,
#latest-blog .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#latest-blog .intro-button::before,
#latest-blog .intro-button::after {
  background: #EF9F4A;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
#latest-blog  .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#latest-blog .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#latest-blog i.fas{
  padding: 12px 15px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 87%;
  right: 15px;
  border: 1px solid #fff;
  color: #ffff;
  background: black;
  opacity: 0.5;
}
#latest-blog .cat-name .catname{
	padding: 10px 20px;
	border-radius: 8px;
	color: #fff;
}
#latest-blog .owl-item:nth-child(1n) .catname{
	background: #EF9F4A;
}
#latest-blog .owl-item:nth-child(2n) .catname{
		background: #EF9F4A;
}
#latest-blog .owl-item:nth-child(3n) .catname{
		background: #EF9F4A;
}
#latest-blog .owl-dots {
  text-align: center;
  bottom:15px; 
  position: absolute;
  width: 100%;
}
#latest-blog .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #9085f9;
  margin: 0 5px;
}
#latest-blog .owl-dots button.owl-dot.active {
  background-color:#EF9F4A ;
}
#latest-blog figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}
#latest-blog figure:hover+span {
	opacity: 1;
}
#latest-blog figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#latest-blog .post-item:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*Newsletter*/

#newsletter h3{
	color: #000;
	font-size: 30px;
	font-weight: 600;
}
#newsletter .content{
	color: #000;
}
#newsletter .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
  border-radius: 10px 0px 0px 10px;
  padding: 15px 20px;
  border: none;
  outline: none;
  width: 75%;
}
#newsletter input.wpcf7-form-control.wpcf7-submit {
  padding: 15px 25px;
  background:#f27e91;
  border: none;
  color: #fff;
  border-radius: 0px 10px 10px 0px;
}
#newsletter input.wpcf7-form-control.wpcf7-submit:hover {
  background: #9085f9;
}

/*Services*/
#services {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-85%);
}
#services .services-blog{
	border-radius: 15px;
  padding: 15px 30px;
}
#services .services-blog1, #services .services-blog4{
	background: #fdfae9;
}
#services .services-blog2, #services .services-blog5{
  background:#fdfae9;
}
#services .services-blog3, #services .services-blog6{
  background: #fdfae9;
}
#services .services-text{
	border: 2px dashed #fff;
	border-radius: 15px;
	color: #fff;
}
#services .services-text p{
	color: #f6c453;
}
#services .services-text h5{
	font-weight: 600;
	font-size: 22px;
	color: #f6c453;;
}
#services .dashicons{
	color: #F4C456 !important;
  padding: 17px 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 30px;
  -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
#services .services-blog:hover .dashicons{
	transform: rotate(360deg);
}
#services .dashicons1, #services .dashicons4{
 background: #fdfae9;
 border: 6px solid #ef9f4a;
}
#services .dashicons2, #services .dashicons5{
 background: #fdfae9;
 border: 6px solid #ef9f4a;
}
#services .dashicons3, #services .dashicons6{
 background: #fdfae9;
 border: 6px solid #ef9f4a;
}

/*Sponsors Section*/

#sponsors h3{
	color: #3d4651;
	font-size: 38px;
}
#sponsors .content{
	color: #767c83;
}
#sponsors .owl-carousel .owl-item img{
	width: auto;
	display: initial;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
}
#sponsors .owl-carousel .owl-item img:hover{
	-webkit-filter: inherit;
    filter: inherit;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}

/*Instagram Section*/
#instagram .instagram{
	position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}
#instagram{
	background: #454a5e;
	position: relative;
}
#instagram .gallery{
	opacity: 0.3;
}
#instagram .instagram-text{
	background: #fdfae9 !important;
	border: 8px solid #EF9F4A !important;
	border-radius: 10px;
}
#instagram h5{
	color: #f4c456;
	font-size: 30px;
	font-weight: 600;
}
#instagram p{
	color: #f4c456;
}
#instagram .dashicons{
  background: #fdfae9;
  padding: 17px 15px;
  border-radius: 50%;
  font-size: 30px;
  width: 70px;
  height: 70px;
  color: #EF9F4A;
  border: 4px solid #EF9F4A;
  margin: 10px 0;
  -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
#instagram .instagram-text:hover .dashicons{
	transform: rotate(360deg);
}
#instagram .border-text {
  border: 2px dashed #fff;
  border-radius: 10px;
}

/*Footer*/

.page-template-frontpage .footer-area{
	background: #ffff;
}
.copyright{
	background: #EF9F4A;
}
.copyright p, .copyright a{
	color: #fff;
	margin-bottom: 0;
}
.copyright a:hover{
	color: #EF9F4A;
}
.footer-area h4{
	color: #3d4651;
	font-weight: 600;
}
.footer-area .social-icon{
	border-top: 1px solid #afb5bc;
}
.footer-area span.dashicons{
  padding: 12px 12px;
  border: 1px solid #afb5bc;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #767c83;
  font-size: 24px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.footer-area span.dashicons:hover {
	transform: rotate(360deg);
	background: #EF9F4A;
	color: #fff;
	border: none;
}
.footer-area  .post-title{
	font-size: 16px;
}
.footer-area .post-thumbnail img{
	width: 100%;
  height: 60px;
  border-radius: 50%;
}
.footer-area ul{
  padding: 0px;
  list-style: none;
  line-height: 2.3;
}
.footer-area ul li a:before{
	content: '';
	border-bottom: 3px solid #767c83;
	padding: 5px;
	margin-right: 10px;
	position: relative;
	bottom: 15px;
}
.footer-area ins{
	color: #EF9F4A;
	text-decoration: none;
	font-weight: 600;
}
.footer-area .woocommerce ul.cart_list li, .footer-area .woocommerce ul.product_list_widget li{
	padding:0;
}

/*Contact Page*/
 
#contact h3{
	font-size: 50px;
	color: #ffff;
}
#contact p{
	font-size: 20px;
	color: #cecece;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 46%;
  padding:10px 15px;
  margin: 0px 10px 10px 10px;
  background: #fff;
  outline: none;
  border: none;
  border-radius: unset;
}
#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
  width: 46%;
  padding:10px 15px;
  margin: 10px 10px;
  background: #fff;
  outline: none;
  border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 96%;
  height: 150px;
  padding: 15px;
  background: fff;
   outline: none;
   border: none;
   margin: 10px;
}
#contact  input.wpcf7-form-control.wpcf7-submit {
  float: right;
  right: 17px;
  position: relative;
  background: #EF9F4A;
  border: none; 
  cursor: pointer;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
}
#contact  input.wpcf7-form-control.wpcf7-submit:hover{
	background: #9085f9;
}
#contact h4{
	color: #fff;
}
#contact-form .section-2 h2{
	font-size: 54px;
	font-weight: 600;
	color: #3d4651;
}
#contact-form .section-2 h4{
	font-size: 18px;
	color: #3d4651;
}
#contact-form .section-2 p{
 color: #767c83;
}
#contact-form .section-2 h4 span{
	font-size: 20px;
  color: #EF9F4A;
  margin-right: 15px;
}
.aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
}
.aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
.aks-accordion-item-icon .fas{
  color: #EF9F4A;
  margin:0 20px;
}
.aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(0,0,0,0.12);
  margin-left: 50px;
}
.aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
  margin-left: 48px;
  margin-top: 10px;
}
.aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
.aks-accordion-item-icon-close {
  display: none;
}
.aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}
.aks-accordion h6{
  font-size:16px;
  color: #666;
  font-weight:600;
  margin-right: 60%;
}
.contact-info a.button {
  display: inline-block;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;	
}
.contact-info .button:hover {
  color:  #EF9F4A;
}
#contact-form .contact-blog{
	border-radius: 15px;
  padding: 15px 30px;
}
#contact-form .services-blog1, #contact-form .services-blog4{
	background: #5fc3ff;
}
#contact-form .services-blog2, #contact-form .services-blog5{
  background: #fea054;
}
#contact-form .services-blog3, #contact-form .services-blog6{
  background: #43edcf;
}
#contact-form .services-text{
	border: 2px dashed #fff;
	border-radius: 15px;
	color: #fff;
}
#contact-form .services-text h5{
	font-weight: 600;
	font-size: 22px;
}
#contact-form .contact-info .dashicons{
  padding: 15px 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 40px;
  -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
#contact-form .services-text:hover .dashicons{
	transform: rotate(360deg);
}
#contact-form .contact-info .dashicons1, #contact-form .contact-info .dashicons4{
 background: #63bbef;
 border: 6px solid #7fcfff;
}
#contact-form .contact-info .dashicons2, #contact-form .contact-info .dashicons5{
 background: #f09b57;
 border: 6px solid #feb376;
}
#contact-form .contact-info .dashicons3, #contact-form .contact-info .dashicons6{
 background: #4be2c7;
 border: 6px solid #67f0d8;
}
.contact-info .services-blog1{
	background: #5fc3ff;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info .services-blog2{
	background: #fea054;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);

}
.contact-info .services-blog3{
	background: #43edcf;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
#contact-form .enquiry p{
	color: #767c83;
}
#contact-form .enquiry h6{
	font-size: 34px;
}
#contact-form .enquiry-icon1, #contact-form .enquiry-icon2, #contact-form .enquiry-icon3 {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: inline-block;
  padding: 5px 0;
  margin: 20px 0;
}
#contact-form .enquiry-text1 h4{
	font-weight: 600;
}
#contact-form .enquiry .enquiry-text1{
	background: #eff9ff;
	color: #5fc3ff;
	border-radius: 10px;
	border: 2px dashed #5fc3ff;
	height: 235px;
}
#contact-form .enquiry-icon1{
  background: #5fc3ff;
  box-shadow: 0px 10px 20px 0px;
}
#contact-form .enquiry-icon1 .dashicons,
#contact-form .enquiry-icon2 .dashicons,
#contact-form .enquiry-icon3 .dashicons{
	border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 2px dashed #fff;
  color: #fff;
  font-size: 40px;
  padding: 10px 0;
  -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
} 
#contact-form .enquiry-text1:hover .dashicons,
#contact-form .enquiry-text2:hover .dashicons,
#contact-form .enquiry-text3:hover .dashicons{
	transform: rotate(360deg);
}
#contact-form .enquiry-text2{
	background: #fff5ee;
	color: #fea054;
	border-radius: 10px;
	border: 2px dashed #fea054;
	height: 235px;
}
#contact-form .enquiry-icon2{
  background: #fea054;
  box-shadow: 0px 10px 20px 0px;
}
#contact-form .enquiry-text3{
	background: #f4f3fe;
	color: #9085f9;
	border-radius: 10px;
	border: 2px dashed #9085f9;
	height: 235px;
}
#contact-form .enquiry-icon3{
  background: #9085f9;
  box-shadow: 0px 10px 20px 0px;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
   .admin-bar .fix-sticky{
   	margin-top: 0;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #EF9F4A;
		padding: 0 10px;
		color: #fff;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #767c83;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #767c83;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	a.cart-customlocation p.cart-item-box{
		top: 5px;
	}
	.top-header .intro-button{
		width: 60%;
		display: inline-block;
	}
	.top-header a.button{
		padding: 5px 25px;
	}
	#slider .slider-div2 { order: 1; }
  #slider .slider-div1 { order: 2; }
  #slider .wellcome-text{
  	width: 90%;
  	display: inline-block;
  }
  #slider .wellcome-text{
  	width: 100%;
  }
  #slider .video-section .kids-fashion-blog a.close-video{
  	top: 10px;
  }
  #arrival .owl-carousel .owl-nav{
  	display: none;
  }
  #arrival .owl-dots {
	  text-align: center;
	  bottom:0; 
	  position: relative;
	  width: 100%;	
  }
  #arrival .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #9085f9;
	  margin: 0 5px;
	}
	#arrival .owl-dots button.owl-dot.active {
	  background-color:#EF9F4A ;
	}
	#services{
		position: unset;
		transform: translateY(0);
	}
  #services .owl-dots {
	  text-align: center;
	  bottom:0; 
	  top: 15px;
	  position: relative;
	  width: 100%;	
  }
  #services .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #9085f9;
	  margin: 0 5px;
	}
	#services .owl-dots button.owl-dot.active {
	  background-color:#EF9F4A ;
	}
	#services p{
		margin-bottom: 0;
	}
	#newsletter .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 70%;
	}
	#sponsors .owl-dots {
	  text-align: center;
	  bottom:0; 
	  position: relative;
	  width: 100%;
	  top: 10px;	
  }
  #sponsors .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #9085f9;
	  margin: 0 5px;
	}
	#sponsors .owl-dots button.owl-dot.active {
	  background-color:#EF9F4A ;
	}
	#instagram .instagram {
    position: unset;
    transform: translateY(0%);
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required ,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number{
  	width: 95%;
  }
  #contact input.wpcf7-form-control.wpcf7-submit{
  	float: none;
  	right: 0;
  	left: 10%;
  }
  .aks-accordion h6{
   	margin-right: 45%;
   }
   .aks-accordion-item-content{
   	margin-left: 0;
   }
   .aks-accordion-item-title{
   	margin-left: 30px;
   }
   .contact-info .dashicons{
   	display: inline;
   }
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 60% !important;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 60%;
  }
  #instagram .gallery{
  	opacity: unset;
  }
  #instagram{
  	background: transparent;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
}

 
/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .top-header .call-text,   .top-header .email-text{
  	font-size: 12px;
  }
  a.cart-customlocation p.cart-item-box{
  	right: 0;
  }
  .top-header a.button{
  	font-size: 10px;
  	padding: 5px 3px;
  }
  #slider .slider-text{
  	padding: 5% 5%;
  }
  #slider h1{
  	font-size: 34px;
  }
  #slider .wellcome-text{
  	width: 80%;
  }
  #slider a.button{
  	font-size: 14px;
  	padding: 5px 5px;
  }
  #slider .large{
  	font-size: 40px;
  }
  #arrival .owl-carousel .owl-nav{
  	display: none;
  }
  #arrival .owl-dots {
	  text-align: center;
	  bottom:0; 
	  position: relative;
	  width: 100%;	
  }
  #arrival .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #9085f9;
	  margin: 0 5px;
	}
	#arrival .owl-dots button.owl-dot.active {
	  background-color:#EF9F4A ;
	}
  #services{
  	transform: translateY(-75%);
  }
	#newsletter .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 60%;
	}
	#instagram h5{
		font-size: 22px;
	}
	#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number{
		width: 40%;
	}
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 85%;
	}
	#contact input.wpcf7-form-control.wpcf7-submit{
		right: 55px;
	}
	#contact-form .section-2 h2{
		font-size: 40px;
	}
	.aks-accordion-item-title{
		margin-left: 20px;
	}
	.aks-accordion h6{
		margin-right: 40%;
	}
	.aks-accordion-item-content{
		margin-left: 10px;
	}
	.contact-info .dashicons{
		display: inline;
	}
	.footer-area .post-thumbnail img{
		width: 100%;
		height: 75px;
	}
	.sidebar-area li a, .sidebar-area li{
		font-size: 15px;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	.top-header a.button{
		padding: 5px 5px;
	}
	#main-menu ul li a{
		padding: 10px 10px;
	}
	#slider span{
		font-size: 13px;
	}
	a.cart-customlocation p.cart-item-box{
		right: 20px;
	}
	#slider .slider-text{
		padding: 0 5%;
	}
	#slider .wellcome-text{
		width: 60%;
	}
	#slider h1{
		font-size: 40px;
	}
	#slider a.button{
		padding: 10px 10px;
	}
	#arrival .owl-carousel .owl-nav{
  	display: none;
  }
  #arrival .owl-dots {
	  text-align: center;
	  bottom:0; 
	  position: relative;
	  width: 100%;	
  }
  #arrival .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #9085f9;
	  margin: 0 5px;
	}
	#arrival .owl-dots button.owl-dot.active {
	  background-color:#EF9F4A ;
	}
	#newsletter .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 70%;
	}
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	#slider .slider-text{
		padding: 0 5%;
	}
	#arrival .owl-carousel .owl-nav button.owl-prev{
		left: -4%;
	}
	#arrival .owl-carousel .owl-nav button.owl-next{
		right: -4%;
	}
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
}