body {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px
	/*{body-font-size}*/
	;
	color: #000000
	/*{body-font-colour}*/
	;
	background-image:none
	/*{body-background-image}*/
	;
	background-color: #fff
	/*{body-background-colour}*/
	;
	overflow-x: hidden;
}

html {
	overflow-x: hidden;
}

a,
.btn-link {
	color: #000000
	/*{link-text-colour}*/
	;
}

a:hover,
a:active,
a:focus,
.btn-link:hover {
	color:#000000
	/*{link-text-hover-colour}*/
	;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Nunito Sans', sans-serif;
	color: #000000
	/*{headers-colour}*/
	;
}

.carousel-caption h3,
.carousel-caption h2,
.carousel-caption .h3,
.carousel-caption p {
	color: #fff
	/*{carousel-text-colour}*/
	;
}

h1,
.h1 {
	font-size: 26.249px
	/*{header-1-font-size}*/
	;
}

h2,
.h2 {
	font-size: 21px
	/*{header-2-font-size}*/
	;
}

.fal,
.far {
	font-family: "Font Awesome 5 Pro" !important;
}

h3,
.h3 {
	font-size: 18.375px
	/*{header-3-font-size}*/
	;
}

h4,
.h4 {
	font-size: 15.75px
	/*{header-4-font-size}*/
	;
}

h5,
.h5 {
	font-size: 13.124px
	/*{header-5-font-size}*/
	;
}

/* Secondary button */
.btn-outline-secondary,
.btn-default {
	color: #333
	/*{buttons | btn-default-text-colour}*/
	;
	background-color: #fff
	/*{buttons | btn-default-background-colour}*/
	;
	border-color: #ccc
	/*{buttons | btn-default-border-colour}*/
	;
}

.btn-outline-secondary:hover,
.btn-default:hover {
	color: #333
	/*{buttons | btn-default-text-colour-hover}*/
	;
	background-color: #ebebeb
	/*{buttons | btn-default-background-colour-hover}*/
	;
	border-color: #adadad
	/*{buttons | btn-default-border-colour-hover}*/
	;
}

.btn-outline-secondary.disabled,
.btn-default:disabled {
	color: #333
	/*{buttons | btn-default-text-colour-hover}*/
	;
	background-color: #ebebeb
	/*{buttons | btn-default-background-colour-hover}*/
	;
	border-color: #adadad
	/*{buttons | btn-default-border-colour-hover}*/
	;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show>.btn-default.dropdown-toggle {
	color: #333
	/*{buttons | btn-default-text-colour-hover}*/
	;
	background-color: #ebebeb
	/*{buttons | btn-default-background-colour-hover}*/
	;
	border-color: #adadad
	/*{buttons | btn-default-border-colour-hover}*/
	;
}

/* Primary button */
.btn-primary {
	color: #fff
	/*{buttons | btn-primary-text-colour}*/
	;
	background-color: #006FF5
	/*{buttons | btn-primary-background-colour}*/
	;
	border-color: #006FF5
	/*{buttons | btn-primary-border-colour}*/
	;
}

.btn-primary:hover {
	color: #fff
	/*{buttons | btn-primary-text-colour-hover}*/
	;
	background-color: #005ecf
	/*{buttons | btn-primary-background-colour-hover}*/
	;
	border-color: #0058c2
	/*{buttons | btn-primary-border-colour-hover}*/
	;
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff
	/*{buttons | btn-primary-text-colour-hover}*/
	;
	background-color: #005ecf
	/*{buttons | btn-primary-background-colour-hover}*/
	;
	border-color: #0058c2
	/*{buttons | btn-primary-border-colour-hover}*/
	;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	color: #fff
	/*{buttons | btn-primary-text-colour-hover}*/
	;
	background-color: #005ecf
	/*{buttons | btn-primary-background-colour-hover}*/
	;
	border-color: #0058c2
	/*{buttons | btn-primary-border-colour-hover}*/
	;
}

/* Warning button */
.btn-warning {
	color: #fff
	/*{buttons | btn-warning-text-colour}*/
	;
	background-color: #ffc107
	/*{buttons | btn-warning-background-colour}*/
	;
	border-color: #ffc107
	/*{buttons | btn-warning-border-colour}*/
	;
}

.btn-warning:hover {
	color: #fff
	/*{buttons | btn-warning-text-colour-hover}*/
	;
	background-color: #e0a800
	/*{buttons | btn-warning-background-colour-hover}*/
	;
	border-color: #ffc107
	/*{buttons | btn-warning-border-colour-hover}*/
	;
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: #fff
	/*{buttons | btn-warning-text-colour-hover}*/
	;
	background-color: #e0a800
	/*{buttons | btn-warning-background-colour-hover}*/
	;
	border-color: #ffc107
	/*{buttons | btn-warning-border-colour-hover}*/
	;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
	color: #fff
	/*{buttons | btn-warning-text-colour-hover}*/
	;
	background-color: #e0a800
	/*{buttons | btn-warning-background-colour-hover}*/
	;
	border-color: #ffc107
	/*{buttons | btn-warning-border-colour-hover}*/
	;
}

/* Danger button */
.btn-danger {
	color: #fff
	/*{buttons | btn-danger-text-colour}*/
	;
	background-color: #dc3545
	/*{buttons | btn-danger-background-colour}*/
	;
	border-color: #dc3545
	/*{buttons | btn-danger-border-colour}*/
	;
}

.btn-danger:hover {
	color: #fff
	/*{buttons | btn-danger-text-colour-hover}*/
	;
	background-color: #c82333
	/*{buttons | btn-danger-background-colour-hover}*/
	;
	border-color: #bd2130
	/*{buttons | btn-danger-border-colour-hover}*/
	;
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: #fff
	/*{buttons | btn-danger-text-colour-hover}*/
	;
	background-color: #c82333
	/*{buttons | btn-danger-background-colour-hover}*/
	;
	border-color: #bd2130
	/*{buttons | btn-danger-border-colour-hover}*/
	;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
	color: #fff
	/*{buttons | btn-danger-text-colour-hover}*/
	;
	background-color: #c82333
	/*{buttons | btn-danger-background-colour-hover}*/
	;
	border-color: #bd2130
	/*{buttons | btn-danger-border-colour-hover}*/
	;
}

/* Success button */
.btn-success {
	color: #fff
	/*{buttons | btn-success-text-colour}*/
	;
	background-color: #28a745
	/*{buttons | btn-success-background-colour}*/
	;
	border-color: #28a745
	/*{buttons | btn-success-border-colour}*/
	;
}

.btn-success:hover {
	color: #fff
	/*{buttons | btn-success-text-colour-hover}*/
	;
	background-color: #218838
	/*{buttons | btn-success-background-colour-hover}*/
	;
	border-color: #1e7e34
	/*{buttons | btn-success-border-colour-hover}*/
	;
}

.btn-success.disabled,
.btn-success:disabled {
	color: #fff
	/*{buttons | btn-success-text-colour-hover}*/
	;
	background-color: #218838
	/*{buttons | btn-success-background-colour-hover}*/
	;
	border-color: #1e7e34
	/*{buttons | btn-success-border-colour-hover}*/
	;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
	color: #fff
	/*{buttons | btn-success-text-colour-hover}*/
	;
	background-color: #218838
	/*{buttons | btn-success-background-colour-hover}*/
	;
	border-color: #1e7e34
	/*{buttons | btn-success-border-colour-hover}*/
	;
}

/* Info button */
.btn-info {
	color: #fff
	/*{buttons | btn-info-text-colour}*/
	;
	background-color: #17a2b8
	/*{buttons | btn-info-background-colour}*/
	;
	border-color: #17a2b8
	/*{buttons | btn-info-border-colour}*/
	;
}

.btn-info:hover {
	color: #fff
	/*{buttons | btn-info-text-colour-hover}*/
	;
	background-color: #138496
	/*{buttons | btn-info-background-colour-hover}*/
	;
	border-color: #117a8b
	/*{buttons | btn-info-border-colour-hover}*/
	;
}

.btn-info.disabled,
.btn-info:disabled {
	color: #fff
	/*{buttons | btn-info-text-colour-hover}*/
	;
	background-color: #138496
	/*{buttons | btn-info-background-colour-hover}*/
	;
	border-color: #117a8b
	/*{buttons | btn-info-border-colour-hover}*/
	;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
	color: #fff
	/*{buttons | btn-info-text-colour-hover}*/
	;
	background-color: #138496
	/*{buttons | btn-info-background-colour-hover}*/
	;
	border-color: #117a8b
	/*{buttons | btn-info-border-colour-hover}*/
	;
}

.breadcrumb {
	background-color: #f8f9fa
	/*{breadcrumb-background-colour}*/
	;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #6c757d
	/*{breadcrumb-text-colour}*/
	;
}

.breadcrumb>.active,
.breadcrumb a {
	color: #696969
	/*{breadcrumb-text-colour}*/
	;
}

.pagination .page-link {
	color: #006FF5
	/*{pagination-text-colour}*/
	;
	background-color: #fff
	/*{pagination-bg-colour}*/
	;
	border-color: #dee2e6
	/*{pagination-border-colour}*/
	;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	color: #004ca9
	/*{pagination-text-colour-hover}*/
	;
	background-color: #e9ecef
	/*{pagination-bg-colour-hover}*/
	;
	border-color: #dee2e6
	/*{pagination-border-colour-hover}*/
	;
}

.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #fff
	/*{pagination-text-colour-active}*/
	;
	background-color: #006FF5
	/*{pagination-bg-colour-active}*/
	;
	border-color: #006FF5
	/*{pagination-border-colour-active}*/
	;
}
.badge {
	line-height: 1.5;
}

.badge-secondary {
	background-color: #ebebeb
	/*{label-default-bg}*/
	;
}

.badge-primary {
	background-color: #006FF5
	/*{label-primary-bg}*/
	;
}

.badge-success {
	background-color: #28a745
	/*{label-success-bg}*/
	;
}

.badge-info {
	background-color: #17a2b8
	/*{label-info-bg}*/
	;
}

.badge-warning {
	background-color: #212529
	/*{label-warning-text-colour}*/
	;
	background-color: #ffc107
	/*{label-warning-bg}*/
	;
}

.badge-danger {
	background-color: #dc3545
	/*{label-danger-bg}*/
	;
}

.card {
	border-color: #ddd
	/*{panel-border-colour}*/
	;
}

.card-header {
	background-color: #f5f5f5
	/*{panel-header-bg-colour}*/
	;
	border-color: #ddd
	/*{panel-header-border-colour}*/
	;
}

.productsave {
	color: #D9534F
	/*{sale-colour}*/
	;
}

.wrapper-header .navbar-toggler {
	color: #696969
	/*{navbar-default-link-colour}*/
	;
}

.wrapper-header .navbar {
	background-color: #f8f9fa
	/*{navbar-default-bg-colour}*/
	 !important;
}

.wrapper-header .navbar .navbar-nav .nav-link {
	color: #696969
	/*{navbar-default-link-colour}*/
	;
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
	color: #333
	/*{navbar-default-link-colour-hover}*/
	;
}

.wrapper-header .navbar-nav .show>.nav-link,
.wrapper-header .navbar-nav .active>.nav-link,
.wrapper-header .navbar-nav .nav-link.show,
.wrapper-header .navbar-nav .nav-link.active {
	color: #555
	/*{navbar-default-link-colour-active}*/
	;
}

.dropdown-menu {
	background-color: #fff
	/*{dropdown-menu-bg}*/
	;
	border-color: #ccc
	/*{dropdown-menu-border-colour}*/
	;
}

.dropdown-item {
	color: #212529
	/*{dropdown-menu-link-colour}*/
	;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
	color: #262626
	/*{dropdown-menu-link-colour-hover}*/
	;
	background-color: #f5f5f5
	/*{dropdown-menu-link-bg-hover}*/
	;
}

/****************************************************************/
/************************ HELLPERS ******************************/
/****************************************************************/
.flex-center {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flex-start {
	justify-content: flex-start;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	transition-property: opacity;
	transition-duration: 0.4s;
	z-index: -1;
	visibility: hidden;
}

.overlay.activeClass {
	opacity: 1;
	z-index: 5;
	visibility: visible;
}

.tablet-hide {
	display: none !important;
}

@media only screen and (min-width: 1200px) {
	.tablet-hide {
		display: block !important;
	}

	.decktop-hide {
		display: none !important;
	}
}

/****************************************************************/
/************************ SPINER ********************************/
/****************************************************************/
.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid #fff;
	border-right: 1.1em solid #fff;
	border-bottom: 1.1em solid #fff;
	border-left: 1.1em solid #31a2c0;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/****************************************************************/
/************************ SLIDER ********************************/
/****************************************************************/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	outline: none !important;
	height: 100%;
	min-height: 1px;
}

.slick-slide:focus,
.slick-slide a:focus {
	outline: none !important;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*******************************************************************/
/************************HEADER*************************************/
/*******************************************************************/
header.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	background-color: #fff;
	transition: 0.4s;
}

.header.down {
	top: -180px;
}

.header.up {
	top: -42px;
}

.up .header__logo-wrap .logo,
.down .header__logo-wrap .logo {
	max-width: 220px;
	transition: 0.4s;
}

/*****************TOP NAV******************/
.top-nav {
	overflow: hidden;
	height: 41px;
	max-height: 41px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #e4e9ea;
	z-index: 7;
	position: relative;
	background: #fff;
	transition: 0.4s;
}


.top-nav p {
	font-size: 14px;
	color: #000000;
	font-weight: 300;
	font-family: "Nunito Sans";
	text-align: center;
	margin: 0;
}

.header__logo-wrap {
	padding: 15px 36px;
	text-align: center;
	z-index: 7;
	position: relative;
	background: #fff;
}

.header__logo-wrap .logo {
	max-width: 303px;
	width: 100%;
	transition: 0.4s;
}



.header p {
	margin: 0;
}

.header a {
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
	.header__logo-wrap .logo {
		max-width: 450px;
	}
}

@media only screen and (min-width: 1200px) {
	.header.down {
		top: -220px;
	}

	.header.up {
		top: -160px;
	}

	.top-nav__wrap {
		width: 100%;
		max-width: 1560px;
		padding: 0 0 0 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}

	.top-nav__phone {
		font-size: 16px;
		letter-spacing: 0px;
		color: #415e66;
		font-weight: 800;
		font-family: "Nunito Sans";
	}

	.top-nav__phone i {
		color: #31a2c0;
		transform: rotate(-45deg);
	}

	.top-nav__phone a {
		margin-right: 10px;
	}

	.top-nav__phone a:hover i {
		animation-name: ring;
		animation-duration: 0.2s;
		animation-iteration-count: infinite;
	}

	.top-nav p {
		font-size: 16px;
		font-weight: 400;

	}

	.top-nav__account {
		font-size: 12px;
		letter-spacing: 1px;
		color: #ffffff;
		font-weight: 700;
		text-align: center;
		background-color: #31a2c0;
		height: 41px;
		padding: 11px 22px;
		transition: 0.4s;
	}

	.header__logo-wrap .logo {
		max-width: 340px;
	}

	.header__logo-wrap-inner {
		width: 100%;
		max-width: 1560px;
		padding: 20px 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}

	.header__search-wrap {
		width: 400px;
		height: 40px;
	}

	.header__logo-wrap .header__form {
		position: relative;
		width: 100%;
		border: none;
	}

	.header__search-wrap .nsearchinput-pl.well {
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		top: 38px;
		width: 400px;
	}

	.header__user-wrap {
		width: 380px;
		display: flex !important;
	}

	.header__user-icon-wrap {
		width: 50px;
		height: 50px;
		background-color: #f9f9f9;
		border: 1px solid #d0d7d8;
		border-radius: 50%;
		color: #31a2c0;
		font-size: 20px;
		margin-right: 8px;
		transition: 0.4s;
	}

	.header__user-text-wrap {
		text-align: left;
		font-size: 14px;
		font-weight: 300;

	}

	.header__user-text {
		font-weight: bold;
	}
}

@keyframes ring {
	from {
		transform: translateX(-1px) rotate(-45deg);
	}

	to {
		transform: translateX(1px) rotate(-45deg);
	}
}

/***************MENU**********************/
.main-menu {
	position: relative;
}

.main-menu__wrap {
	height: 50px;
	display: flex;
	align-items: center;
}

.main-menu__item {
	height: 100%;
	width: 45px;
	background-color: #31a2c0;
	color: #fff;
	font-size: 17px;
	transition: 0.4s;
	position: relative;
	border-right: 1px solid #415e66;
	cursor: pointer;
}

.main-menu__item:last-child {
	border: none;
}

.main-menu__badge {
	position: absolute;
	top: 4px;
	right: 8px;
	font-size: 12px;
}

.main-menu__text {
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 700;
	cursor: pointer;
	width: calc(100% - 180px);
	margin: 0;
	height: 100%;
	background-color: #415e66;
	padding: 0 15px;
	transition: 0.4s;
}



.main-menu__text--finder {
	display: none;
}

.main-menu__text span {
	background-color: #415e66;
	width: 9px;
	position: absolute;
	height: 4px;
	display: block;
	bottom: 0;
	left: -4px;
	z-index: 3;
}

@media only screen and (min-width: 768px) {
	.main-menu__text--finder {
		display: flex;
		border-left: 1px solid #fff;
	}

	.main-menu__text {
		width: calc(50% - 90px);
	}
}

/***************MOBILE NAV**********************/


.mobile__menu,
.mobile__menu .main-nav__lvl1__menu,
.mobile__menu .main-nav__lvl2__menu,
.sidebar-mob,
.sidebar-mob__item-wrap {
	display: block;
	position: fixed;
	z-index: 4;
	width: 100%;
	max-width: 375px;
	top: 122px;
	left: 0;
	background-color: #fff;
	visibility: hidden;
	transform: translateX(-200%);
	z-index: 6;
	transition: 0.4s;
	min-height: 450px;
}

.up .mobile__menu,
.up .mobile__menu .main-nav__lvl1__menu,
.up .mobile__menu .main-nav__lvl2__menu,
.up .sidebar-mob {
	top: 65px;
}

.down .sidebar-mob {
	top: 0;
}

.sticky .mobile__menu,
.sticky .mobile__menu .main-nav__lvl1__menu,
.sticky .mobile__menu .main-nav__lvl2__menu {
	top: 65px;
}

.mobile__menu .social {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
}

.mobile__menu-phone {
	height: 50px;
	font-size: 18px;
}

.mobile__menu .mobile__menu-phone a {
	font-size: 18px;
}

.mobile__menu .social__item {
	width: 33%;
	height: 100%;
}

.mobile__menu .social__item i {
	font-size: 17px;
}

.mobile__menu .mobile__menu-phone i {
	transform: rotate(-45deg);
	margin-right: 3px;
	color: #31a2c0;
	font-size: 21px;
}

.mobile__menu .social__icon-wrap {
	display: flex;
	width: 30px;
	height: 30px;
	background-color: #415e66;
	color: #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.social__item:nth-child(2) {
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.mobile__menu .social span {
	display: none;
}

.mobile__menu .mobile__menu-wrap {
	overflow-y: auto;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
}

.mobile__menu .main-nav__lvl1__menu,
.mobile__menu .main-nav__lvl2__menu {
	width: 100%;
	top: 0 !important;
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}

.mobile__menu .main-nav__lvl2__menu {
	top: 0;
}

.mobile__menu.activeClass,
.mobile__menu .main-nav__lvl1__menu.activeClass,
.mobile__menu .main-nav__lvl2__menu.activeClass,
.sidebar-mob.activeClass {
	transform: translateX(0);
	visibility: visible;
}

.mobile__menu ul,
.main-nav ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.mobile__menu .main-nav__dropdown .main-menu__title-wrap {
	padding: 0;
}

.mobile__menu .fa-chevron-left {
	margin-right: 20px;
}

.mobile__menu .main-nav__nav li,
.mobile__menu__finder {
	height: 50px;
	list-style: none;
	padding: 0 15px;
	background-color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #e5e5e5;
}

.mobile__menu__finder {
	font-size: 13px;
	letter-spacing: 1px;
	color: #fff;
	background-color: #31a2c0;
	border-top: 1px solid #415e66;
	font-weight: 700;
}

.mobile__menu a {
	font-size: 13px;
	letter-spacing: 1px;
	color: #484d50;
	font-weight: 700;
}

.main-menu__title-wrap {
	height: 50px;
}

.mobile__menu .main-menu__text--title {
	width: calc(100% - 45px);
}

.mobile__menu .main-menu__item--close {
	font-size: 22px;
}

.mobile__menu .main-nav__nav .main-nav__link {
	font-weight: bold;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
}

.mobile__menu .mobile__menu-second-wrap {
	background-color: #EEEEEE;
	padding: 40px 0 0;
}

.mobile__menu .second-menu__sign-in-wrapper {
	color: #000;
	padding: 0 15px;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;

}

.mobile__menu .second-menu__sign-in-wrapper a {
	color: #000;
	font-weight: 600;
}

.mobile__menu .second-menu__nav {
	background-color: #F8F8F8;
	list-style: none;
	padding: 1px 15px;
}

.mobile__menu .second-menu__nav-link {
	display: flex;
	align-items: center;
	margin: 13px 0;
}

.mobile__menu .second-menu__nav-link img {
	width: 22px;
	margin: 0 15px 0 10px;
}

.mobile__menu .main-nav__image {
	width: 5px;
}

.mobile__menu .footer-menu__head {
	border-bottom: 1px solid;
	padding: 7px 15px 7px 0;
	border-bottom: 1px solid #e5e5e5;
}

.mobile__menu .main-nav__lvl .flex-between {
	width: 100%;
}

.mobile__menu .footer-menu__head .fa-plus {
	font-size: 11px;
}

.mobile__menu .mobile-menu__subtitle img {
	width: 6px;
	transform: rotate(180deg);
}

.mobile__menu .main-nav__lvl {
	display: flex;
	align-items: center;

}

.mobile__menu .main-nav__lvl1__menu--scent .main-nav__lvl2__menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 65px repeat(2, 100px);
}

.mobile__menu .main-nav__lvl1__menu--colors .main-nav__lvl2__menu ul {
	width: 100%;
}

.mobile__menu .main-nav__lvl1__menu--scent .main-nav__lvl2__menu ul {
	grid-column: span 3;
}

.mobile__menu .main-nav__lvl1__menu--colors .main-nav__lvl2__menu .main-nav__lvl img {
	width: 35px;
	margin-right: 11px;
}

.mobile__menu .main-nav__lvl1__menu--scent .main-nav__lvl2__menu .main-nav__lvl a {
	position: relative;
	display: block;
	width: 93%;
	height: 92%;
}

.mobile__menu .main-nav__lvl1__menu--scent .main-nav__lvl2__menu .main-nav__lvl a img {
	width: 100%;
	height: 100%;
}

.mobile__menu .main-nav__lvl1__menu--scent .main-nav__lvl2__menu .main-nav__lvl a span {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 15px;
	font-weight: 600;
}



.mobile__menu .main-nav__lvl1__menu--scent .main-nav__lvl2__menu .main-nav__lvl {
	width: 100%;
	border: none;
	padding: 0;
	grid-column: span 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}

.mobile__menu .main-nav__lvl1__menu--colors .main-nav__lvl2__menu .main-nav__lvl a {
	font-size: 14px;
}



.mobile__menu .footer-menu__lvl2 {
	padding: 10px 25px;
	border-bottom: 1px solid #e5e5e5;
}

.mobile__menu .footer-menu__item a {
	font-size: 13px;
	padding: 0 7px;
}

.mobile__menu .footer-menu__item {
	max-height: 36px;
	overflow: hidden;
	transition: 0.4s;
}

.header--descktop {
	display: none;
}

.mobile__menu .solical-nav {
	background-color: #fff;
	padding: 14px 10px;
	margin-top: 30px;
}

.main-nav__dropdown--brands span {
	display: none;
}

.mobile__menu .main-nav__dropdown--brands li {
	border: none;
	height: 100%;
	width: 50%;
	padding: 2px 15px;
}

.mobile__menu .main-nav__dropdown--brands .main-nav__lvl:nth-child(n+11) {
	display: none;
}

.mobile__menu .main-nav__dropdown--brands .newlink,
.main-nav__dropdown--brands li:last-child {
	width: 100%;
	height: 50px;
}

.main-nav__dropdown--brands li:last-child {
	border-top: 1px solid #e5e5e5;
}

.mobile__menu .main-nav__dropdown--brands .main-nav__lvl:last-child {
	display: flex;
}

.main-nav__dropdown--brands li:last-child span {
	display: block;
}

.mobile__menu .main-nav__dropdown--brands ul {
	width: 100%;
}

.main-nav__dropdown--brands .main-nav__lvl1__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.main-nav__dropdown--brands .main-nav__lvl1__menu img {
	width: 100%;
}

.mobile__menu--search {
	min-height: 50px;
}

.header__form {
	border-right: 1px solid #415e66;
}

.header__form input,
.header__form {
	width: calc(100% - 45px);
	height: 100%;
}

.header__form input {
	border: 1px solid #e5e5e5;
	padding: 0 15px;
}

.header__form input::placeholder {
	font-size: 14px;
	letter-spacing: 0px;
	color: #adb1b4;
	font-weight: 300;
	font-family: "Nunito Sans";
}

.nsearchinput-pl.well {
	position: fixed;
	left: 0;
	top: 15px;
}

.parts-finder__wrapper {
	background-color: #31a2c0;
	padding: 30px 15px 20px 15px;
	border-top: 1px solid #415e66;
}

.mobile__menu--product-finder {
	min-height: unset;
}

.compatibility_list {
	width: 100%;
	padding: 10px;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 50px;
	color: #484d50;
	font-weight: 300;
	font-family: "Nunito Sans";
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {

	.mobile__menu {
		top: 147px;
	}
}

/***************DESCKTOP NAV**********************/
@media only screen and (min-width: 1200px) {
	.main-menu {
		background-color: #415e66;
		position: relative;
	}

	.main-menu__wrap {
		width: 100%;
		max-width: 1560px;
		padding: 0 15px 0 0;
		height: 55px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}

	.main-menu__text--finder {
		width: 360px;
		letter-spacing: 1px;
		color: #ffffff;
		font-weight: 700;
		border: none;
		text-align: center;
		font-size: 14px;
		background-color: #31a2c0;
		transition: 0.4s;
		padding: 0 15px 0 22px;
	}

	.main-menu__text span {
		background-color: #31a2c0;
		bottom: 1px;
		transition: 0.4s;
	}

	.main-menu .social {
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
	}

	.main-menu .social .social__item {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: #ffffff;
		margin-left: 10px;
		transition: 0.4s;
		cursor: pointer;
		border: 1px solid #fff;
	}

	.main-menu .social .social__item i {
		font-size: 20px;
		color: #415E66;
		line-height: 30px;
		transition: 0.4s;
	}

	.main-menu .social .social__item:hover {
		background-color: #3b4e53;
	}

	.main-menu .social .social__item:hover i {
		color: #31a2c0;
	}

	.main-menu .social .social__item span {
		display: none;
	}

	.main-nav {
		width: calc(100% - 539px);
		max-width: 860px;
		height: 100%;
	}

	.main-nav__nav {
		width: 100%;
		padding: 0 15px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.main-nav__lvl1 {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.main-nav__link {
		font-size: 14px;
		letter-spacing: 1px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		transition: 0.4s;
	}

	.main-nav__link:hover {
		color: #4bbcda;
	}

	.main-nav__lvl1:last-child {
		padding: 0px 30px;
		background-color: #3b4e53;
	}

	.main-nav__lvl1:last-child .main-nav__link {
		color: #4bbcda;
	}

	.main-nav__dropdown {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		background-color: #fff;
		bottom: 0;
		transform: translateY(100%);
		z-index: 4;
	}

	.main-nav__lvl1:hover .main-nav__dropdown,
	.main-nav__dropdown:hover {
		display: block;

	}

	.main-menu .main-nav__lvl1__menu {
		width: 100%;
		max-width: 1560px;
		padding: 50px 15px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-gap: 20px;
	}

	.main-nav__lvl1__menu .main-nav__lvl {
		grid-column: span 1;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.main-nav__lvl2 a {
		font-size: 15px;
		letter-spacing: 0px;
		color: #484d50;
		font-weight: 300;

	}

	.main-nav__lvl3 {
		margin-bottom: 10px;
	}

	.main-nav__lvl2>a {
		font-size: 15px;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #2e92ad;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.main-nav__lvl2 a:hover {
		text-decoration: underline;
	}

	.main-nav__dropdown--brands .main-nav__lvl1__menu img {
		width: 100%;
		max-width: 150px;
		transition: 0.4s;
	}

	.main-nav__dropdown--brands .main-nav__lvl2:hover img {
		transform: scale(1.1);
	}

	.main-menu .main-nav__dropdown--brands .main-nav__lvl1__menu {
		grid-template-columns: repeat(6, 1fr);
	}

	.main-nav__dropdown--brands li:last-child {
		grid-column: span 6;
		text-align: right;
		padding-top: 15px;
	}

	.main-nav__dropdown--brands li:last-child span {
		font-size: 12px;
		letter-spacing: 1px;
	}

	.main-nav__dropdown--brands li:last-child span::after {
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		font-size: 12px;
		content: "\f324";
		margin-left: 5px;
	}

	.main-menu__text--finder {
		position: relative;
	}

	.mobile__menu--product-finder {
		position: absolute;
		transform: translate(0, -600px);
		width: 100%;
		top: 0 !important;
		z-index: 6;
		visibility: hidden;
	}

	.mobile__menu--product-finder.activeClass {
		transform: translate(0, 0);
		visibility: visible;
	}
}

@media only screen and (min-width: 1560px) {

	.main-menu .main-nav__lvl1__menu {
		padding: 50px 15px 50px 0;
	}
}

/*******************************************************************/
/************************HOME***************************************/
/*******************************************************************/
/****************MAIN BANNER***********/

.banner {
	position: relative;
	padding: 50px 30px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.main-banner .slick-arrow,
.mini-banner-section .slick-arrow {
	display: none !important;
}

.mini-banner-section a {
	text-decoration: none !important;
}

.main-banner .banner {
	height: 420px;
}

.bannet__text-wrap {
	position: relative;
}

.banner__overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
}

.banner__title {
	font-size: 36px;
	line-height: 41px;
	color: #ffffff;
	font-weight: 800;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.banner__title::after {
	position: absolute;
	content: '';
	display: block;
	height: 1px;
	width: 40px;
	background-color: #fff;
	border: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.bannet__text-wrap {
	text-align: center;
}

.bannet__text-wrap a {
	text-decoration: none;
}

.banner__text {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 21px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.banner__title .icon-img {
	height: 36px;
}

.icon-img img {
	height: 100%;
}

.banner__text .icon-img {
	height: 12px;
	display: flex;
}

.banner__link {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 21px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	background-color: #31a2c0;
	transition: 0.4s;
	padding: 17px 45px;
	max-width: 230px;
	margin: 40px auto 0;
}

.main-banner__wrap {
	position: relative;
}

.slick-dots {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	list-style: none;
	bottom: 16px;
	display: flex;
}

.slick-dots li {
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 5px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	transition: 0.4s;
}

.slick-dots li button {
	display: none;
}

.slick-dots li.slick-active {
	border: 1px solid #415e66;
	background-color: #31a2c0;
}

@media only screen and (min-width: 768px) {
	.banner {
		display: flex !important;
		justify-content: center;
		align-items: center;
	}

}

@media only screen and (min-width: 1200px) {
	.main-banner .banner {
		height: 580px;
		padding: 0px 30px 80px;
	}

	.banner__title {
		font-size: 55px;
		line-height: 60px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.banner__title .icon-img {
		height: 46px;
	}

	.banner__text .icon-img {
		height: 15px;
	}

	.banner__text {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 30px;

	}

	.main-banner .banner__link {
		font-size: 20px;
		padding: 25px 45px;
		max-width: 285px;
		margin: 65px auto 0;
	}

	.slick-dots {
		bottom: 25px;
	}

}

/**********MINI BANNER**********/
.mini-banner-section {
	background-color: #f9f9f9;
}

.mini-banner-section__wrap {
	width: 100%;
	padding: 0 15px;
}

.mini-banner__text {
	margin-left: 15px;
}

.mini-banner__text h3 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #484d50;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
}

.mini-banner__text p {
	font-size: 14px;
	margin: 0;
}

.mini-banner {
	padding: 30px 0;
	transition: 0.4s;
}

.mini-banner:hover {
	background-color: #eceaea;
}

.mini-banner__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (min-width: 1200px) {
	.mini-banner {
		border-right: 1px solid #e4e9ea;
		width: 25%;
	}

	.mini-banner__text h3 {
		font-size: 20px;
	}

	.mini-banner:last-child {
		border: none;
	}

	.mini-banner-section__wrap {
		max-width: 1560px;
		padding: 0 15px 0 0;
		margin: 0 auto;
	}
}

/**********TEXT SECTION**********/
.text-section__wrap {
	padding: 60px 15px;
	text-align: center;
	color: #484d50;
}

.text-section {
	text-align: center;
}

.text-section .h2 {
	font-size: 25px;
	letter-spacing: 1px;
	line-height: 30px;
	font-weight: 800;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.text-section .h2::after {
	background-color: #31a2c0;
	position: absolute;
	content: '';
	width: 50px;
	height: 1px;
	display: block;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.text-section p {
	font-size: 20px;
	line-height: 27px;
	font-weight: 400;
	margin-bottom: 30px;
}

.text-section span {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.text-section a {
	color: #31a2c0;
}

@media only screen and (min-width: 768px) {
	.text-section .h2 {
		font-size: 30px;
	}
}

/***************CATEGORY SECTION***********/
.category-section {
	background-color: #f9f9f9;
}

.category-section__wrap {
	padding: 70px 15px;
}

.text-section i {
	font-size: 11px;
}

.cataegory-section__inner-wrap {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
}

.banner-category {
	grid-column: span 2;

}

.banner-category__wrap {
	width: 100%;
	padding-bottom: 72%;
	height: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.banner-category__text-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
}

.category-section a {
	text-decoration: none;
}

.banner-category__title {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: right;
	font-weight: bold;
	color: #484d50;
	margin-bottom: 5px;
	text-transform: uppercase;
	transition: 0.4s;

}

.banner-category__link {
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 14px;
	color: #31a2c0;
	text-align: right;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
	transition: 0.4s;
}

.banner-category__text-wrap-inner {
	max-width: 120px;
}

.banner-category__link i {
	font-size: 9px;
	margin-left: 3px;
}

.banner-category__overlay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	max-width: 0;
	max-height: 0;
	transition: 0.4s;
}

.banner-category:hover .banner-category__overlay {
	max-width: 100%;
	max-height: 100%;
}

.banner-category:hover .banner-category__title,
.banner-category:hover .banner-category__link {
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.banner-category__text-wrap {
		padding: 25px;
	}

	.banner-category__title {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.banner-category__link i {
		font-size: 11px;
	}

	.banner-category__link {
		font-size: 12px;
	}

	.banner-category__text-wrap-inner {
		max-width: 230px;
	}

}

@media only screen and (min-width: 1200px) {
	.category-section__wrap {
		max-width: 1560px;
		margin: 0 auto;
	}

	.banner-category {
		grid-column: span 1;
	}

	.cataegory-section__inner-wrap {
		grid-gap: 20px;
	}
}

/**********PRODUCT SECTION*************/
.products-section__wrap {
	padding: 60px 10px 0;
	position: relative;
}

.product-section__thumps-wrap {
	padding: 0 5px;
	margin-bottom: 40px;
}

.products-section__swipe-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 630px;
}

.products-section__swipe {
	position: relative;
	width: 100%;
	height: 100%;
	transition: 0.8s;
}

.products-section .arrow {
	position: absolute;
	left: 50%;
	width: 45px;
	height: 45px;
	border: 1px solid #e4e9ea;
	bottom: -90px;
}

.products-section .arrow--next {
	transform: translateX(15%);
}

.products-section .arrow--prev {
	transform: translateX(-115%);
}

.products-section .arrow i {
	font-size: 20px;
}

.product-section__thump {
	width: 33.33%;
	cursor: pointer;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 1px;
	padding: 15px 5px;
	color: #43484b;
	font-weight: 700;
	text-align: center;
	border: 1px solid #e4e9ea;
	transition: 0.4s;
}

.product-section__thump.active,
.product-section__thump:hover {
	background-color: #31a2c0;
	border-color: #31a2c0;
	color: #fff;
}

.product {
	padding: 0 5px;
}

.product a {
	text-decoration: none;
}

.product__wrap {
	background-color: #ffffff;
	border: 1px solid #e4e9ea;
	padding: 0 10px;
	position: relative;
}

.product__badges-single {
	background-color: #435E67;
	color: #fff;
	text-align: center;
	padding: 3px 11px 1px 11px;
	margin-top: 3px;
	font-size: 8px;
}

.product__badges-wrap {
	position: absolute;
	left: 0;
	top: 15px;
	text-align: center;
	z-index: 2;
}

.product__image-wrap {
	width: 100%;
	padding: 5px;
	border-bottom: 1px solid #e4e9ea;
	overflow: hidden;
}

.product__image-wrap img {
	width: 100%;
	transition: 0.4s;
}

.product:hover .product__image-wrap img {
	transform: scale(1.1);
}

.product__title {
	font-size: 15px;
	line-height: 17px;
	color: #484d50;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.product__btn {
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 10px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	width: 100%;
	background-color: #31a2c0;
	cursor: pointer;
	padding: 11px;
	text-transform: uppercase;
	border: none;
	outline: none;
	margin-bottom: 15px;
	transition: 0.4s;
}

.product__title-wrap {
	width: 100%;
	height: 87px;
}

.product__text,
.product__price {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 16px;
	color: #484d50;
	font-weight: 300;
	text-align: center;

}

.product__price span {
	font-weight: bold;
}

.products-section__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(214 214 214 / 30%);
	display: none;
}

.products-section__overlay.active {
	display: flex;
	z-index: 3;
}

.products-section__products {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	transition: 0.4s;
}

.products-section__products:nth-child(2) {
	transform: translateX(101%);
}

.products-section__products:nth-child(3) {
	transform: translateX(201%);
}

@media only screen and (min-width: 768px) {
	.product-section__thumps-wrap {
		max-width: 440px;
		margin: 0 auto 50px;
	}

	.product-section__thump {
		width: 32%;
	}

	.products-section__swipe-wrap {
		min-height: 690px;
	}
}

@media only screen and (min-width: 1200px) {
	.products-section__wrap {
		padding: 90px 15px;
		max-width: 1560px;
		margin: 0 auto;
	}

	.products-section__swipe-wrap {
		min-height: 1130px;

	}

	.products-section__products {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 25px;
	}

	.products-section__products .product {
		grid-column: span 1;
		padding: 0;
	}

	.product__image-wrap {
		padding: 25px;
	}

	.product__wrap {
		padding: 0 20px;
	}

	.product__title {
		font-size: 18px;
		line-height: 22px;
	}

	.product__btn {
		font-size: 13px;
		padding: 13px;
	}

	.product__title-wrap {
		height: 95px;
	}

	.product__badges-single {
		padding: 5px 15px 3px 15px;
		font-size: 11px;
	}

}

/***************BOTTOM BANNER SECTION *****************/
.bottom-banner-section {
	display: grid;
	grid-template-rows: repeat(3, 305px);
}

.bottom-banner-section .banner {
	grid-row: span 1;
	padding: 35px 15px;
	min-height: 305px;
}

.bottom-banner-section .banner:nth-child(-n + 2) {
	grid-row: span 2;
	padding: 120px 15px 50px;
	display: none;
}

.bottom-banner-section .banner:nth-child(-n + 2) .banner__title {
	font-size: 42px;
	padding-bottom: 0;
	margin-bottom: 15px;
}

.bottom-banner-section .banner__text {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 18px;

}

.bottom-banner-section .banner__link {
	max-width: 160px;
	padding: 10px 16px;
	margin: 0 auto;
}

.bottom-banner-section .banner__title::after {
	display: none;
}

.bottom-banner-section .banner__text::after {
	position: absolute;
	content: '';
	display: block;
	height: 1px;
	width: 40px;
	background-color: #fff;
	border: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.bottom-banner-section .banner:nth-child(4) {
	grid-row: 3 / span 1;
}

.banner__logo {
	max-width: 95px;
	margin: 0 auto;
}

.banner__logo img {
	width: 100%;
}

.banner--logo {
	display: flex;
	flex-direction: column;
}

.banner--logo .banner__title {
	font-size: 22px;
	letter-spacing: 4px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	margin: 20px 0 8px;
	font-family: "Bebas Neue";
	padding: 0;
}

.banner--logo .banner__text {
	font-size: 42px;
	line-height: 28px;
	color: #ffffff;
	-moz-text-stroke: 1px #c67b00;
	-webkit-text-stroke: 1px #c67b00;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 2px 2px 0px rgb(255 255 255 / 0.7);
	padding: 0;
}

.banner--logo .banner__link {
	background-color: transparent !important;
	color: #fff !important;
	font-size: 12px;
	line-height: 12px;
	padding: 12px 16px;
	border: 2px solid #fff;
	outline: 1px solid #c67b00;
	-webkit-box-shadow: 3px 3px 0px 0 rgba(255, 255, 255, 1);
	-moz-box-shadow: 3px 3px 0px 0 rgba(255, 255, 255, 1);
	box-shadow: 3px 3px 0px 0px rgba(255, 255, 255, 1);
	position: relative;
}

.banner--logo .banner__link::after {
	position: absolute;
	content: '';
	display: block;
	height: 8px;
	width: 24px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	transition: 0.4s;
	top: 50%;
	right: -12px;
	transform: translate(100%, -50%);
}

.banner--logo .banner__link::before {
	position: absolute;
	content: '';
	display: block;
	height: 8px;
	width: 24px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	transition: 0.4s;
	top: 50%;
	left: -12px;
	transform: translate(-100%, -50%);
}

.banner--logo .banner__link:hover::before {
	left: 0;
}

.banner--logo .banner__link:hover::after {
	right: 0;
}

.banner--logo .banner__link:hover {
	-webkit-box-shadow: 0 0 0px 0 rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 0px 0 rgba(255, 255, 255, 1);
	box-shadow: 0 0 0px 0px rgba(255, 255, 255, 1);
}

.banner--logo .banner__text::after {
	display: none;
}

.banner--small {
	position: relative;
}

.banner--small .banner__title {
	font-size: 38px;
	letter-spacing: 1px;
	line-height: 42px;
	margin-bottom: 3px;
	padding: 0;
}

.bottom-banner-section .banner--small .banner__text {
	font-size: 19px;
	letter-spacing: 1px;
	padding-bottom: 12px;
	margin-bottom: 17px;
}

.banner--small .banner__link {
	font-size: 12px;
	line-height: 12px;
	padding: 12px 16px;
}

.bottom-banner-section .banner--small .banner__text::after {
	background-color: #31a2c0;
}

.offer-text {
	color: #fda100;
	font-weight: 900;
	font-size: 20px;
	font-style: italic;
	font-family: "Playfair Display";
}

.banner__msg {
	position: absolute;
	left: 50%;
	font-size: 11px;
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	transform: translateX(-50%);
	bottom: 15px;
}

.bottom-banner-section .banner__overlay--hover {
	max-width: 0;
	max-height: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: 0.4s;
}

.bottom-banner-section .banner:hover .banner__overlay--hover {
	max-width: 100%;
	max-height: 100%;
}

@media only screen and (min-width: 768px) {
	.bottom-banner-section {
		grid-template-rows: repeat(2, 350px);
		grid-template-columns: repeat(4, 1fr);
	}

	.bottom-banner-section .banner:nth-child(-n + 2) {
		grid-row: span 1;
		grid-column: span 4;
		display: block;
	}

	.bottom-banner-section .banner {
		grid-row: span 1;
		grid-column: span 2;
	}

	.bottom-banner-section .banner:nth-child(4) {
		grid-row: 4 / span 1;
		grid-column: 3 / span 2;
	}
}

@media only screen and (min-width: 1200px) {
	.bottom-banner-section {
		grid-template-rows: repeat(2, 400px);
	}

	.bottom-banner-section .banner:nth-child(-n + 2) {
		grid-row: span 1;
		grid-column: span 2;
		padding: 50px 30px;
	}

	.bottom-banner-section .banner:nth-child(-n + 2) {
		justify-content: flex-end;
	}

	.bottom-banner-section .banner:nth-child(-n + 2) .bannet__text-wrap {
		width: 76%;

	}

	.bottom-banner-section .banner:nth-child(-n + 2) .banner__title {
		justify-content: flex-start;
		margin-bottom: 0;
		font-size: 55px;
	}

	.bottom-banner-section .banner:nth-child(-n + 2) .banner__text {
		justify-content: flex-start;
	}

	.bottom-banner-section .banner:nth-child(-n + 2) .banner__link {
		margin: 0 auto 0 0;
	}

	.bottom-banner-section .banner:nth-child(-n + 2) .banner__text::after {
		left: 0;
		transform: translateX(0);
	}

	.bottom-banner-section .banner {
		grid-row: span 1;
		grid-column: span 1;
	}

	.banner__logo {
		max-width: 110px;
	}

	.bottom-banner-section .banner:nth-child(4) {
		grid-row: 2 / span 1;
		grid-column: 3 / span 1;
	}
}

@media only screen and (min-width: 1500px) {
	.bottom-banner-section .banner:nth-child(-n + 2) .bannet__text-wrap {
		width: 55%;
	}

	.banner--logo .banner__title {
		font-size: 29px;
	}

	.banner--logo .banner__text {
		font-size: 50px;
		line-height: 50px;
		margin: 6px 0 13px;
	}

	.banner--small .banner__title {
		font-size: 50px;
		line-height: 50px;
	}

	.banner--small .banner__text {
		font-size: 25px;
		line-height: 25px;
	}
}

/**************OUR BRANDS***************/
.brands-section__wrap {
	padding: 90px 15px 50px;
}

.brands__inner-wrap ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	list-style: none;
	padding: 0;
	grid-gap: 20px;
}

.brands__inner-wrap li {
	grid-column: span 1;
	padding: 0 5px;
}

.brands__inner-wrap li span {
	display: none;
}

.brands__inner-wrap img {
	width: 100%;
	transition: 0.4s;
}

.brands__inner-wrap li:hover img {
	transform: scale(1.1);
}

@media only screen and (min-width: 768px) {
	.brands__inner-wrap ul {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 29px;
	}
}

@media only screen and (min-width: 1200px) {
	.brands__inner-wrap ul {
		grid-template-columns: repeat(9, 1fr);
		margin-top: 50px;
		grid-gap: 27px;
	}

	.brands-section__wrap {
		padding: 90px 15px;
		max-width: 1560px;
		margin: 0 auto;
	}
}

/*******************************************************************/
/************************FOOTER*************************************/
/*******************************************************************/
/*********WHOLESALE************/
.footer-banner-section {
	background-image: url('/assets/themes/gallant-DGS001/img/footer-mob.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.footer-banner-section .banner {
	padding: 70px 15px 200px;
}

.footer-banner-section .banner__image {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.footer-banner-section .banner__image img {
	width: 100%;
}

.footer-banner-section .banner__sub-title {
	font-size: 25px;
	letter-spacing: 5px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "Bebas Neue";
	text-align: center;
}

.footer-banner-section .banner--logo .banner__text {
	font-size: 39px;
	line-height: 46px;
}

.footer-banner-section .banner__title {
	font-size: 22px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: "Nunito Sans";
}

.footer-banner-section .banner__title::after {
	display: none;
}

.footer-banner-section .banner--logo .banner__link {
	font-size: 16px;
	line-height: 16px;
	padding: 15px 20px;
	max-width: 180px;
}

@media only screen and (min-width: 500px) {
	.footer-banner-section {
		background-image: url('/assets/themes/gallant-DGS001/img/footer-bg.png');
	}

	.footer-banner-section .banner {
		padding: 70px 15px 311px;
	}
}

@media only screen and (min-width: 1200px) {
	.footer-banner-section .banner {
		padding: 100px 0 0 15px;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.footer-banner-section .bannet__text-wrap {
		max-width: 550px;
		width: 40%;
		padding-bottom: 130px;
	}

	.footer-banner-section .banner__image {
		position: relative;
		width: 60%;
	}

	.footer-banner-section .banner--logo .banner__text {
		font-size: 55px;
		line-height: 60px;
	}

}

/***********NEWSLETTER**************/
.newsletter {
	background-image: url('/assets/themes/gallant-DGS001/img/Newsletter-mob.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.newsletter__wrap {
	padding: 40px 15px;
}

.newsletter__title {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 800;
}

.newsletter__text {
	font-size: 16px;
	line-height: 18px;
	color: #b4b1b2;
	margin-bottom: 40px;
}

.newsletter__form {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.newsletter__form input {
	background-color: #f9f9f9;
	border: 1px solid #dde0e1;
	outline: none;
	font-size: 16px;
	color: #adb1b4;
	font-weight: 300;
	font-style: italic;
	width: 100%;
	font-family: "Nunito Sans";
	padding: 15px 25px;
}

.newsletter__form .newsletter__btn {
	font-size: 14px;
	letter-spacing: 1px;
	outline: none;
	border: none;
	transition: 0.4s;
	color: #ffffff;
	font-weight: 700;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	background-color: #33a2c0;
}

@media only screen and (min-width: 1200px) {
	.newsletter {
		background-image: url('/assets/themes/gallant-DGS001/img/Newsletter-desc.png');
	}

	.newsletter__wrap {
		padding: 30px 15px;
		max-width: 1560px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.newsletter__form {
		justify-content: space-between;
	}

	.newsletter__form input {
		width: calc(100% - 190px);
	}

	.newsletter__form .newsletter__btn {
		margin: 0;
		width: 180px;
	}

	.newsletter__title {
		margin-bottom: 15px;
		font-size: 25px;
	}

	.newsletter__text {
		margin-bottom: 0;
	}

	.newsletter__text-wrap {
		width: 50%;
	}

	.newsletter__form {
		width: 50%;
	}
}

/************FOOTER MENU*********/
.footer-manu {
	background-color: #268aa5;
	padding: 60px 0 0;

}

.footer-manu__logo {
	max-width: 330px;
	margin: 0 auto 60px;
}

.footer-manu__logo img {
	width: 100%;
}

.footer-manu__nav-wrap {
	max-height: 57px;
	overflow: hidden;
	transition: 0.4s;
	border-top: 1px solid #38a2bf;
}

.footer-manu__title {
	height: 57px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 800;
	padding: 0 15px;
	text-transform: uppercase;
}

.footer-manu__ul {
	border-top: 1px solid #38a2bf;
	list-style: none;
	padding: 15px 0;
	margin: 0;
}

.footer-manu__li {
	padding: 5px 15px;
}

.footer-manu__li a {
	font-size: 15px;
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: 300;
}

.footer-manu__social {
	border-top: 1px solid #38a2bf;
	border-bottom: 1px solid #38a2bf;
	height: 57px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.footer-manu__social .footer-manu__title {
	height: unset;
	margin: 0;
}

.footer-manu__social-nav {
	padding: 0;
	list-style: none;
	margin: 0;
	padding: 0 15px;
}

.footer-manu__social-item {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	transition: 0.4s;
}

.footer-manu__social-item:hover {
	background-color: #268aa5;
}

.footer-manu__social-item:hover i {
	color: #fff;
}

.footer-manu__social-item i {
	color: #268aa5;
	line-height: 24px;
	font-size: 17px;
	transition: 0.4s;
}

.footer-manu__social-phone a {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 800;

}

.footer-manu__social-phone i {
	transform: rotate(-45deg);
	margin-right: 7px;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #ffffff;
}

.footer-manu__social-phone {
	border-bottom: 1px solid #38a2bf;
	height: 57px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.footer-manu__copyright {
	padding: 40px 15px 25px;
	background-color: #1d738a;
}

.footer-manu__copyright-img {
	width: 100%;
	margin-bottom: 50px;
}
.footer-manu__img-greed {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;

}
.footer-manu__img {
	width: calc(50% - 5px);
	margin-bottom: 10px;
	height: 60px;
	padding: 3px;
	background-color: #fff;
}
.footer-manu__img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.footer-manu__copyright-img p {
	width: 100%;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 36px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.footer-manu__copyright-text p {
	font-size: 18px;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
}

@media only screen and (min-width: 768px){
	.footer-manu__img {
		width: calc(33% - 5px);
		margin-bottom: 10px;
		height: 60px;
		padding: 7px;
		background-color: #fff;
	}
}
@media only screen and (min-width: 1200px) {

	.footer-manu__wrap,
	.footer-manu__copyright-wrap {
		padding: 30px 15px;
		max-width: 1560px;
		margin: 0 auto;
	}

	.footer-manu__wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.footer-manu__logo {
		width: 25%;
		margin: 0;
	}

	.footer-manu__wrap-inner {
		width: 75%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.footer-manu__li a {
		font-size: 16px;
	}

	.footer-manu__nav {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.footer-manu__title {
		font-size: 18px;
		height: 27px;
	}

	.footer-manu__nav-wrap {
		max-height: unset;
		width: 220px;
	}

	.footer-manu__social .footer-manu__title {
		height: unset;
		margin: 0 0 35px;
	}

	.footer-manu__social-item {
		margin-left: 0;
		margin-right: 10px;
	}

	.footer-manu__social {
		max-height: unset;
		width: 220px;
		border: none;
	}

	.footer-manu__nav-wrap,
	.footer-manu__ul {
		border: none;
	}

	.footer-manu__title i {
		display: none;
	}

	.footer-manu__social-phone {
		border: none;
		padding: 30px 15px;
	}

	.footer-manu__social-phone a {
		font-size: 18px;
		text-decoration: none;
	}

	.footer-manu__social-phone a:hover i {
		animation-name: ring;
		animation-duration: 0.2s;
		animation-iteration-count: infinite;
	}

	.footer-manu__copyright-img {
		width: 60%;
		justify-content: space-between;
		margin: 0;
	}
	.footer-manu__img {
		width: calc(11% - 3px);
		margin-bottom: 0;
		height: 35px;	
	}
	.footer-manu__img-greed {
		width: calc(100% - 110px);
	}
	.footer-manu__copyright-img p {
		font-size: 14px;
		line-height: 14px;
		width: 100px;
		margin: 0;
	}

	.footer-manu__copyright-text p {
		margin: 0;
	}

	.footer-manu__copyright {
		padding: 0 15px;
	}

	.footer-manu__copyright-wrap {
		padding: 0;
	}

	.footer-manu__copyright-wrap .footer__devider {
		margin: 0 25px;
	}

	.footer-manu__copyright-text {
		display: flex;
	}

	.footer-manu__copyright-wrap {
		flex-direction: row-reverse;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 1500px) {
	.footer-manu__logo {
		width: 30%;
	}

	.footer-manu__wrap-inner {
		width: 70%;
	}
}

/*******************************************************************/
/************************SIDE BAR***********************************/
.sidebar {
	width: 316px;
}

.sidebar__card {
	background-color: #f9f9f9;
	border: 1px solid #e4e9ea;
	overflow: hidden;
	transition: 0.4s;
	margin-bottom: 25px;
}

.sidebar__card--filter {
	background-color: #fff;
}

.sidebar hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-top: 1px solid #e4e9ea;
	width: 100%
}

.sidebar hr:first-child {
	display: none;
}

.sidebar__filter-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.sidebar__list-title {
	font-size: 16px;
	letter-spacing: 0px;
	color: #484d50;
	font-weight: 700;
	padding: 15px;
	margin: 0;
}

.sidebar__filter-list .sidebar__item {
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0px;
	color: #484d50;
	font-weight: 300;
	padding: 10px 7px 10px 15px;
	transition: 0.2s;
	width: 100%;
}

.sidebar__item i {
	color: #dde2e3;
	margin-right: 5px;
	transition: 0.2s;
}

.sidebar a {
	text-decoration: none !important;
}

.sidebar__list-item {
	list-style: none;
	height: 53px;
	max-height: 53px;
	overflow: hidden;
	transition: 0.4s;
	font-size: 18px;
	letter-spacing: 0px;
	color: #484d50;
	font-weight: 300;
	border-bottom: 1px solid #e4e9ea;
	font-size: 16px;
	width: 100%;
}

.sidebar__link {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	cursor: pointer;
	height: 100%;
	padding: 0 15px;
}

.sidebar__link:hover,
.activeClass .sidebar__link {
	background-color: #31a2c0;
	color: #fff;
}

.sidebar__list-item:last-child {
	border: none;
}

.sidebar__card-header {
	height: 55px;
	background-color: #415e66;
	padding: 0 15px;
}

.sidebar__title {
	margin: 0;
	height: 100%;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #f9f9f9;
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.sidebar__list-sub {
	padding: 0;
	max-height: 53px;
	overflow: hidden;
	transition: 0.8s;
	margin: 0;
}

.activeClass.sidebar__list-sub {
	transition: 0.4s;
}

.sidebar__list-sub .sidebar__link {
	justify-content: space-between;
}

.sidebar__list-sub .sidebar__list-item {
	padding: 0;
	background-color: #f9f9f9;
}

.sidebar__list-sub-wrap {
	background-color: #fff;
	padding: 10px 15px;
}

.sidebar__list-sub-item {
	font-size: 14px;
}

.sidebar__list-sub-item {
	padding: 10px;
	list-style: none;
}

.sidebar__list-sub-item a {
	transition: 0.2s;
}

.sidebar__list-sub-item a:hover,
.sidebar__filter-list .sidebar__item:hover,
.sidebar__filter-list .sidebar__item.activeClass,
.sidebar__item:hover i,
.sidebar__item.activeClass i,
.thumb-product a:hover {
	color: #4caec8;
}

.thumb-product {
	padding: 20px 15px;
	border-bottom: 1px solid #e4e9ea;
}

.thumb-product:last-child {
	border: none;
}

.thumb-product:hover img {
	transform: scale(1.1);
}

.thumb-product a {
	transition: 0.2s;
}

.thumb-product__wrap .product__image-wrap {
	padding: 14px;
	width: 80px;
	height: 80px;
	border: 1px solid #e4e9ea;
}

.thumb-product__wrap .product__title-wrap {
	width: calc(100% - 95px);
}

.thumb-product__wrap .product__title {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

/* .sidebar-mob  {
	visibility: visible;
	transform: translateX(0);
	top: 300px;
} */
.sidebar-mob__head {
	height: 50px;
	display: flex;
	flex-wrap: wrap;
}

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

.sidebar-mob a {
	text-decoration: none !important;
}

.sidebar-mob__item {
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0px;
	color: #484d50;
	font-weight: 300;
	padding: 10px 7px 10px 15px;
	transition: 0.2s;
	width: 100%;
	display: block;

}

.sidebar-mob__item i {
	margin-right: 15px;
}

.sidebar-mob__btn-wrap {
	padding: 0 15px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
}

.sidebar-mob__btn {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 50px;
	color: #484d50;
	font-weight: 700;
	font-family: "Nunito Sans";
	width: 48%;
	background-color: #e4e9ea;
	text-align: center;
}

.sidebar-mob__btn--done {
	background-color: #31a2c0;
	color: #fff;
}

.sidebar-mob__list-sub-wrap--filter ul {
	width: 100%;
	margin-bottom: 20px;
}

.sidebar-mob__head p {
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 50px;
	width: calc(100% - 45px);
	margin: 0;
	height: 100%;
	background-color: #415e66;
	padding: 0 15px;
	transition: 0.4s;
}

.sidebar-mob__close {
	height: 100%;
	width: 45px;
	background-color: #31a2c0;
	color: #fff;
	font-size: 22px;
	transition: 0.4s;
	position: relative;
	cursor: pointer;
}

.sidebar-mob__list-item {
	height: 50px;
	list-style: none;
	padding: 0 15px;
	background-color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
	letter-spacing: 1px;
	color: #484d50;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.sidebar-mob {
	height: 75vh;
}

.sidebar-mob__list,
.sidebar-mob__list-sub-wrap {
	display: block;
	position: fixed;
	z-index: 4;
	width: 100%;
	max-width: 375px;
	top: 0;
	left: 0;
	background-color: #fff;
	visibility: hidden;
	transform: translateX(-200%);
	z-index: 6;
	transition: 0.4s;
	min-height: 450px;
	height: calc(75vh - 100px);
	overflow-y: auto;
}

.sidebar-mob__list.activeClass,
.sidebar-mob__list-sub-wrap.activeClass {
	visibility: visible;
	transform: translateX(0);
}

.sidebar-mob .main-menu__text {
	width: calc(100% - 45px);
}

.sidebar-mob .main-menu__text p {
	margin: 0;
}

.sidebar-mob .fa-times {
	font-size: 22px;
}

.sidebar-mob .main-menu__text i {
	margin-right: 20px;

}

@media screen and (min-width: 950px) {
	.sidebar__list-sub-wrap {
		max-height: 400px;
		overflow-y: auto;
	}
}

/*******************************************************************/
/************************CATEGORY PAGE******************************/
/*******************************************************************/

/************BREADCRUMBS*****************/
.breadcrumbs {
	width: 100%;
	height: 45px;
	background-color: #f9f9f9;
	border: 1px solid #e4e9ea;
	padding: 0 10px;
}

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

.breadcrumbs__item a {
	font-size: 11px;
	line-height: 11px;
	color: #aeb4b7;
	text-decoration: none !important;
}

.breadcrumbs__item:last-child a {
	color: #000;
}

.breadcrumbs__devider {
	margin: 0 7px;
	color: #aeb4b7;
}

@media only screen and (min-width: 768px) {
	.breadcrumbs__devider {
		margin: 0 10px;
	}

	.breadcrumbs__item a {
		font-size: 16px;
		line-height: 16px;
	}

	.breadcrumbs {
		padding: 0 20px;
	}
}

@media only screen and (min-width: 1200px) {
	.breadcrumbs {
		height: 55px;
	}
}

/************END BREADCRUMBS**************/

.category-page__text-warp {
	width: 100%;
}

.subcategories__slider {
	margin: 0 -5px;
}

.subcategories__item {
	padding: 5px;
}

.subcategories__item a {
	text-decoration: none !important;
}

.subcategories {
	padding: 40px 0;
	position: relative;
}

.category-template .wraper,
#n_checkout .wraper,
#n_customer .wraper,
#n_customer_account .wraper,
.default-template .wraper,
.search_results-template .wraper,
.products-template .wraper,
.blog-template .wraper,
.product-finder-template .wraper {
	padding: 50px 15px;
}

.subcategories__title {
	font-size: 16px;
	color: #484d50;
	font-weight: 300;
	text-align: center;
	margin: 0;
}

.category-page__title {
	font-size: 32px;
	letter-spacing: 0;
	line-height: 36px;
	color: #484d50;
	font-weight: 800;
}

.category-page__text-warp {
	margin-top: 40px;
}

.category-page__desc {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	font-weight: 300;
}

.subcategories__image-wrap {
	width: 100%;
	padding-bottom: 90%;
	height: 0;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #e4e9ea;
}

.subcategories__image-wrap img {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	height: auto;
	width: auto;
	height: 87%;
	transition: 0.4s;
}

.subcategories__item:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}

.subcategories .arrow {
	position: absolute;
	width: 45px;
	font-size: 15px;
	height: 45px;
	color: #415e66;
	border: 1px solid #e4e9ea;
	top: 250px;
	cursor: pointer;
}

.arrow--next {
	left: 50%;
	transform: translateX(3px);
}

.arrow--prev {
	left: 50%;
	transform: translateX(-51px);
}

.category-page__filter-wrap {
	width: 100%;
	height: 45px;
	background-color: #f9f9f9;
	border: 1px solid #e4e9ea;
	padding: 0 20px;
	display: none;
}

.category-page__btn {
	font-size: 20px;
	margin-right: 10px;
	color: #aeb4b7;
	transition: 0.4s;
}

.category-page__btn.active,
.category-page__btn:hover {
	color: #415e66;
}

.category-page__select-wrap select {
	background-color: #ffffff;
	border: 1px solid #e4e9ea;
	padding: 5px 7px;
}

.category-page__label {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 16px;
	margin: 0;
	color: #484d50;
	font-weight: 300;
	margin-right: 15px;
}

.category-page__products {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 10px;
	margin-top: 70px;
}




.product--list .product__image-wrap {
	width: 200px;
	border: none;
}

.product--list .product__wrap {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.product--list .product__title-wrap {
	grid-column: span 7;
	height: auto;
	align-items: flex-start;
	padding: 20px;
}

.product--list .product__title-wrap .product__title {
	font-size: 20px;
	line-height: 22px;
	text-align: left;
}

.product--list .product__price-col {
	grid-column: span 2;
	padding: 20px 5px;
}

.product--list .product__image-col {
	grid-column: span 3;
}

.product--list .product__footer {
	grid-column: span 12;
	border-top: 1px solid #e4e9ea;
	padding-top: 15px;
}

.product--list .product__footer .product__btn {
	max-width: 170px;
}

.product--list .form-inline {
	justify-content: flex-end;
}

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

.pagination {
	margin-top: 60px;
}

.pagination__link {
	text-decoration: none !important;
	font-size: 15px;
	line-height: 15px;
	color: #43484b;
	font-weight: 400;
	text-align: center;
	margin: 0 5px;
}

.active .pagination__link {
	color: #4caec8;
	font-weight: 600;
}

.pagination__text {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #e4e9ea;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #43484b;
	font-weight: 700;
	padding: 10px 28px;
	margin: 0;
	transition: 0.4s;
}

.pagination__text:hover {
	background-color: #31a2c0;
	color: #fff;
}

.pagination__wrap {
	position: relative;
	width: 100%;
}

.pagination__item--abs {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	margin: 0;
}

.pagination__item--next {
	right: 0;
}

.pagination__item--prev {
	left: 0;
}

.category-page__products .product {
	grid-column: span 6;
	padding: 0;
}

.category-page__filter-triger,
.category-page__select-wrap--mobile {
	grid-column: span 6;
}

.category-page__filter-triger {
	height: 45px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	width: 100%;
	line-height: 45px;
	font-size: 14px;
	background-color: #31a2c0;
}

.category-page__products-wrap select {
	height: 45px;
	width: 100%;
}

.sidebar {
	display: none;
}

.sidebar__card--mob {
	margin-top: 60px;
}

@media only screen and (min-width: 920px) {
	.sidebar {
		display: block;
	}

	.category-page__filter-triger,
	.category-page__select-wrap--mobile,
	.sidebar-mob,
	.sidebar__card--mob {
		display: none;
	}

	.category-page__products {
		margin-top: 25px;
	}



	.category-page__text-warp {
		width: calc(100% - 100px);
	}

	.category-page__text-warp {
		margin-top: 55px;
	}

	.pagination__item--abs {
		top: unset;
		left: unset;
		right: unset;
		transform: translateY(0);
		position: relative;
	}

	.category-page__title {
		font-size: 40px;
		letter-spacing: 2px;
		line-height: 45px;
	}

	.pagination__text {
		margin: 0 20px;
	}

	.category-template .wraper,
	.search_results-template .wraper,
	.products-template .wraper,
	#n_checkout .wraper,
	#n_customer .wraper,
	.blog-template .wraper,
	#n_customer_account .wraper,
	.default-template .wraper,
	.product-finder-template .wraper {
		max-width: 1560px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}

	.category-page {
		width: calc(100% - 348px);
	}

	.category-page__products .product {
		grid-column: span 4;
		padding: 0;
	}

	.subcategories .arrow {
		width: 28px;
		height: 28px;
		top: -94px;
		left: unset;
	}

	.subcategories .arrow--next {
		right: 10px;
	}

	.subcategories .arrow--prev {
		right: -12px;

	}

	.pagination {
		margin-top: 80px;
	}

	.category-page__products-wrap select {
		height: 30px;
		width: 150px;
	}

	.category-page__filter-wrap {
		display: flex;
	}

	.category-page__products .product--list {
		grid-column: span 12 !important;
	}

}

@media only screen and (min-width: 1200px) {

	.category-template .wraper,
	.search_results-template .wraper,
	.products-template .wraper,
	#n_checkout .wraper,
	#n_customer .wraper,
	.blog-template .wraper,
	#n_customer_account .wraper,
	.default-template .wraper,
	.product-finder-template .wraper {
		padding: 50px 0 100px;
	}

	.category-page__products .product {
		grid-column: span 3;

	}

	.category-page__filter-wrap {
		height: 55px;
	}


}

@media only screen and (min-width: 1400px) {
	.category-page__products {
		margin-top: 25px;
	}

	.subcategories__slider {
		margin: 0 -10px;
	}

	.subcategories__item {
		padding: 10px;
	}
}

/*******************************************************************/
/************************PRODUCT PAGE*******************************/
/*******************************************************************/

.product-single__sliders,
.product-single__slider {
	width: 100%;
}

.product-single__sliders .slick-track {
	margin-left: 0;
}

.main-image {
	background-color: #ffffff;
	border: 1px solid #e4e9ea;
	margin: 40px 0 5px;
	padding: 10px;
	height: 338px;
}

.main-image .slick-list,
.main-image .slick-track {
	height: 100%;
}

.main-image .slick-slide,
.main-image .slick-slide figure {
	width: 100%;
	height: 100%;
	display: block;
}

.main-image figure {
	margin: 0;
	height: 100%;
}

.main-image figure img {
	margin: 0 auto;
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
}

.images-list .arrow {
	width: 28px;
	height: calc(100% - 10px);
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #e4e9ea;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.images-list .slick-list {
	max-width: calc(100% - 70px);
	margin: 0 auto;
}

.images-list .arrow--next {
	right: 0;
	left: unset;
}

.images-list .arrow--prev {
	left: 0;
}

.images-list__image-single {
	padding: 5px;
	cursor: pointer;
}

.images-list__image-single figure {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	background-color: #fff;
	border: 1px solid #e4e9ea;
	margin: 0;
}

.images-list__image-single figure img {
	max-height: 100%;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.product-single-info__text-wrap {
	margin-top: 50px;
}

.product-single-info__title {
	font-size: 25px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #484d50;
	font-weight: 800;
}

.product-single-info__subtitle {
	font-size: 18px;
	line-height: 30px;
	color: #484d50;
	font-weight: 300;
	margin-bottom: 0;
}

.wrapper-pricing {
	margin-top: 30px;
}

.product-single-info .price {
	font-size: 25px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #484d50;
	font-weight: 800;

}

.social-share {
	padding: 0;
	list-style: none;
}

.social-share a {
	width: 24px;
	height: 24px;
	background-color: #33a2c0;
	display: block;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 13px;
	margin: 0 3px;
	line-height: 26px;
}

.social-share span {
	font-size: 16px;
	letter-spacing: 0px;
	color: #484d50;
	font-weight: 300;
	margin-right: 15px;
}
.variation-wrapper {
	position: relative;
}
.variation-wrapper .product-wishlist {
    position: absolute;
    bottom: 0;
    right: 0;
}
.variation-wrapper
.variation-wrapper h4 {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 22px;
	color: #484d50;
	font-weight: 800;
	margin-top: 40px;
	text-transform: uppercase;
}
.variation-wrapper .table-wrap {
	max-width: 100%;
    overflow-x: auto;
}
.variation-wrapper .table {
	margin: 25px 0;
}

.variation-wrapper .table thead th {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 24px;
	color: #484d50;
	font-weight: 700;
	text-align: center;
}

.variation-wrapper .table .form-control {
	font-size: 16px;
	letter-spacing: 0px;
	color: #484d50;
	font-weight: 300;
	text-align: center;
	border-radius: 0;
}

.variation-wrapper .table td,
.variation-wrapper .table th {
	vertical-align: middle;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 16px;
	color: #484d50;
	font-weight: 300;
}

.table__price-td {
	padding: 0 !important;
	position: relative;
}

.table__price-wrap {
	position: absolute;
	top: 0;
	height: 100%;
}

.table__price-td .child-price {
	border-bottom: 1px solid #e4e9ea;
	height: 50%;
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	color: #484d50;
	font-weight: 700;
	text-align: center;
}

.table__price-td .child-text {
	font-size: 8px;
	line-height: 10px;
	padding: 5px;
	margin: 0;
}

.child-badge {
	height: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #484d50;
	background-color: #f9f9f9;
	font-weight: 300;
	width: 100%;
}

.wishlist_toggle {
	width: 60px;
	height: 55px;
	background-color: #f9f9f9;
	border: 1px solid #e4e9ea;
	font-size: 33px;
	line-height: 55px;
	color: #c9d0d1;
}

.fa-heart {
	transition: 0.4s;
}

.fa-heart:hover {
	font-weight: bold;
}

#multiitemadd .cta-area .product__btn {
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 800;
	width: calc(100% - 70px);
	height: 55px;
	line-height: 55px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.product-single__info-section .btn:not(.collapsed) .fa-plus::before {
	content: "\f068" !important;
}

.btn {
	box-shadow: none !important;
	text-decoration: none !important;
}

.product-single__info-section .card-header,
.product-single__info-section .card {
	border-radius: 0;
}

.product-single__info-section .calculator .card-body {
	min-height: 600px;
}

.product-single__info-section .btn {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #ffffff;
	font-weight: 700;
}

.product-single__info-section .card-header {
	background-color: #33a2c0;
}

.product-single__info-section .tab-pane:not(:last-child) .card {
	border-bottom: none;
}

.product-single__info-section .tabbable {
	margin-top: 40px;
}

.product-single__slider-wrap {
	margin-top: 60px;
	position: relative;
}

.product-single {
	width: 100%;
}

.product-single__tabs-desc {
	display: none;
}

.product-single__sliders .arrow {
	display: none !important;
}

.product-single__slider-title {
	font-size: 25px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #484d50;
	font-weight: 800;
	margin-bottom: 30px;
	font-family: "Nunito Sans";
	padding: 0 5px;
}

.arrow {
	cursor: pointer;
	transition: 0.4s;
}

.product-single__info-section .product__btn {
	font-size: 14px;
	padding: 22px;
	height: 55px;
}

.product-single__info-section a {
	text-decoration: none !important;
}

.product-single__info-section .product__text {
	font-size: 18px;
	line-height: 30px;
	color: #484d50;
	text-align: left;
}

.stack__qt {
	width: 100px;
	display: flex;
	flex-wrap: wrap;
}

.stack__qt input {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	border-left: none;
	border-right: none;
	width: calc(100% - 56px);
	font-size: 16px;
	text-align: center;
	padding: 10px 8px;
}

.buying-options__wrap .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	width: 28px;
	height: 55px;
	color: #000;
	background-color: #fff;
	transition: 0.4s;
}

.buying-options__wrap .arrow:hover {
	color: #fff;
	background-color: #33a2c0;
}

.buying-options__wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0 30px;
}

.buying-options__wrap .product__btn {
	width: calc(100% - 172px);
	margin: 0;
}

.calculator {
	max-height: 45px;
	overflow: hidden;
	transition: 0.4s;
}

.calculator .card-header {
	min-height: 45px;
	background-color: #ffffff;
	border-bottom: 1px solid #e4e9ea;
	padding: 0;
	cursor: pointer;
}

.product-single__info-section .calculator .product__btn {
	height: 34px;
	padding: 0;
	font-size: 11px;
}

.product-single__info-section .calculator input,
.product-single__info-section .calculator select {
	border-radius: 0;
}

.calculator .card-header h3 {
	width: calc(100% - 138px);
	padding: 0 20px;
	font-size: 16px;
	color: #484d50;
	font-weight: 700;
}

.calculator .card-header .more-info {
	border-left: 1px solid #e4e9ea;
	width: 138px;
	height: 100%;
	font-size: 12px;
	letter-spacing: 1px;
	color: #33a2c0;
	font-weight: 600;
}

.calculator .card-header .more-info i {
	margin-left: 8px;
}

@media only screen and (min-width: 767px) {
	.main-image {
		height: 420px;
	}

	.product-single__info-section .calculator .card-body {
		min-height: 300px;
	}

	.product-single__tabs-desc .nav-link:hover,
	.product-single__tabs-desc .nav-link.active,
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		background-color: #33a2c0;
		color: #fff;
	}

	.nav-tabs .nav-item .nav-link {
		border: 1px solid #e4e9ea;
	}

	.product-single__tabs-desc .tab-content,
	.tab-content {
		background-color: #ffffff;
		border: 1px solid #e4e9ea;
		padding: 25px !important;
	}
}

@media only screen and (min-width: 1200px) {
	.product-single__row {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}


	.main-image,
	.images-list {
		height: 617px;
		margin: 0;
	}

	.product-single__image-section,
	.product-single__info-section {
		width: 48%;
	}

	.product-single__image-section {
		margin-top: 50px;
	}

	.product-single-info__title {
		font-size: 30px;
		line-height: 30px;
	}

	.product-single-info__subtitle {
		margin-bottom: 40px;
	}

	#_jstl__images_r {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
	}

	.images-list {
		width: 100px;
	}

	.main-image {
		width: calc(100% - 110px);
	}

	.images-list .fal {
		transform: rotate(90deg);
	}

	.images-list .arrow {
		width: 100%;
		height: 28px;
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid #e4e9ea;
		position: relative;
		top: unset;
		transform: translate(0, 0);
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.images-list__image-single {
		padding: 5px 0;
	}

	.images-list .slick-list {
		max-width: 100%;
	}

	.product-single__info-section .tabbable {
		display: none;
	}

	.product-single__tabs-desc {
		display: block;
		width: 100%;
		margin-top: 80px;
	}

	.product-single__tabs-desc .tabbable {
		width: 100%;
	}



	.product-single__tabs-desc .nav-tabs {
		border-bottom: none;
	}

	.product-single__tabs-desc .nav-item {
		/* background-color: rgba(0,0,0,0);
		border: 1px solid #e4e9ea; */
	}

	.product-single__tabs-desc .nav-link {
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #aab5bc;
		font-weight: 400;
		font-family: "Nunito Sans";
		text-align: center;
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid #e4e9ea;
		transition: 0.4s;
		border-radius: 0;
		padding: 15px 30px;
		text-transform: uppercase;
	}



	.product-single__tabs-desc .tab-content {
		padding: 40px !important;
	}

	.product-single__slider-title {
		font-size: 30px;
		line-height: 35px;
		padding: 0 15px;
	}

	.product-single__sliders .product {
		padding: 0 15px;
	}

	.product-single__sliders .arrow {
		display: flex !important;
		width: 28px;
		height: 28px;
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid #e4e9ea;
		position: absolute;
		top: -62px;
	}

	.images-list .arrow:hover,
	.product-single__sliders .arrow:hover {
		color: #ffffff;
		background-color: #31a2c0;
	}

	.product-single__sliders .arrow i {
		font-size: 12px;
		line-height: 12px;
	}

	.product-single__sliders .arrow--prev {
		right: 0;
		left: unset;
	}

	.product-single__sliders .arrow--next {
		right: 20px;
		left: unset;
	}

	.product-single__info-section .product__btn {
		font-size: 17px;
	}
}

/*******************************************************************/
/************************ROOMS**************************************/
/*******************************************************************/
.rooms-template .main-banner .banner {
	padding-top: 90px;
}

.devider-section {
	background-color: #33a2c0;
	padding: 40px 10px;
}

.devider-section__title {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 800;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
}

.product--room .product__wrap,
.product--room .product__image-wrap {
	padding: 0;
}

.product--room .product__title-wrap,
.product--room .product__wrap-link {
	padding: 0 10px;
}

.rooms-template .category-page__products {
	padding: 0 15px;
	margin: 50px 0 50px;
}

.video__wrap {
	position: relative;
	height: 210px;
	width: 100%;
	align-items: center;
	background-position: center;
	background-size: cover;
}

.video__text-wrap {
	position: relative;
	z-index: 1;

}

.video__title {
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

.video__text {
	font-size: 25px;
	letter-spacing: 1px;
	line-height: 1;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.video__link {
	width: 35px;
	height: 35px;
	align-items: center;
	border-radius: 50%;
	background-color: #ffffff;
	margin: 0 auto;
	cursor: pointer;
}

.video__link img {
	width: 9px;
	margin: 0px 0 1px 3px;
	transition: 0.3s;
}

.video__link:hover img {
	transform: scale(1.1);
}

.video .banner__overlay {
	background-color: rgba(0, 0, 0, 0.6);
}

.rooms-template .banner__overlay.activeClass {
	z-index: 2;
	background-color: transparent;
}

.rooms-template iframe {
	width: 100%;
	height: 100%;
}

.loader {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin-left: -5em;
	margin-top: -5em;
	font-size: 10px;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	display: none;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loader.activeClass {
	display: block;
}

.social-section .text-section__wrap {
	padding: 60px 15px 30px;
}

.social-section__wrap {
	padding: 0 15px;
}

.social-section__single {
	width: 100%;
	margin-bottom: 50px;
	border: 1px solid #e4e9ea;
}

.social-section__single img {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.video__wrap {
		height: 320px;
	}

	.social-section__wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		max-width: 1540px;
		margin: 0 auto;
	}

	.social-section__single {
		width: 48%;
		height: 450px;
		margin-bottom: 60px;
		overflow: hidden;
	}
}

@media only screen and (min-width: 1200px) {
	.rooms-template .main-banner .banner {
		padding-top: 0;
	}

	.rooms-template .text-section p {
		width: 810px;
		font-size: 25px;
		letter-spacing: 0px;
		line-height: 37px;
		margin: 0 auto 50px;
	}

	.rooms-template .category-page__products {
		max-width: 1560px;
		margin: 80px auto;
	}

	.rooms-template .text-section span {
		font-size: 18px;
		line-height: 25px;
		max-width: 400px;
		display: block;
		margin: 0 auto;
		font-weight: 400;
	}

	.devider-section__title {
		font-size: 40px;
		line-height: 40px;

	}

	.video__title {
		font-size: 18px;
		letter-spacing: 3px;
		margin-bottom: 11px;
	}

	.video__text {
		font-size: 40px;
		margin-bottom: 30px;
	}

	.video__link {
		width: 60px;
		height: 60px;

	}

	.product--room .product__title-wrap,
	.product--room .product__wrap-link {
		padding: 0 20px;
	}

	.video__link img {
		width: 14px;
		margin: 0px 0 1px 3px;
	}

	.video__wrap {
		height: 600px;
	}
}

/*******************************************************************/
/************************BLOG***************************************/
/*******************************************************************/
.blog-single__img {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	height: 0;
	border: 1px solid #e4e9ea;
	transition: 0.4s;
}

.blog-single {
	grid-column: span 12;
}

.blog-single:hover .blog-single__img {
	transform: translateY(-15px);
}

.blog-single__img img {
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);
}

.blog__list {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 20px;
}

.blog__wrap {
	margin: 60px 0 40px;
}

.blog__wrap a {
	text-decoration: none;
}

.blog-single__title a {
	font-size: 24px;
	line-height: 28px;
	color: #545b5d;
	font-weight: 600;
}

.blog-single__text {
	font-size: 16px;
	line-height: 22px;
	margin: 20px 0;
	color: #545b5d;
}

.blog-single__data {
	margin-bottom: 5px;
	font-size: 12px;
}

.blog-single__link {
	color: #31a2c0 !important;
	font-size: 16px;
	font-weight: 600;
}

.blog-single__link i {
	color: #31a2c0;
	font-size: 12px;
	transition: 0.4s;
}

.blog-single__link:hover i {
	transform: translateX(10px);
}

.blog-single__img:hover .banner-category__overlay {
	max-width: 100%;
	max-height: 100%;
}

@media only screen and (min-width: 768px) {
	.blog-single {
		grid-column: span 6;
	}

	.blog-single__footer {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex: 1;
	}

	.blog-single {
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
}

@media only screen and (min-width: 1200px) {
	.blog-single {
		grid-column: span 3;
	}

	.blog__list {
		grid-gap: 40px 25px;
	}
}

/*******************************************************************/
/************************ROOM***************************************/
/*******************************************************************/
.rooms-template .main-banner--rom .banner {
	padding: 0;
}

.main-banner--rom .text-section__wrap {
	color: #fff;
	position: relative;
	z-index: 1;
}

.text-section__badge {
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 15px;
}

.main-banner--rom .h2 {
	font-size: 36px;
	line-height: 41px;
	color: #ffffff;
}

.main-banner--rom .text-section p {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 21px;
	color: #ffffff;
	font-weight: 400;
}

.main-banner--rom .text-section .h2::after {
	background-color: #ffffff;
}

.rom-desc__wrap {
	padding: 60px 15px 30px;
}

.rom-desc__img-wrap {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.rom-desc__img-wrap img {
	width: 100%;
}

.rom-desc__title {
	font-size: 25px;
	letter-spacing: 1px;
	color: #484d50;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: left;
}

.rom-desc__card-wrap {
	border: 1px solid #e4e9ea;
	margin-bottom: 40px;
}

.rom-desc__card {
	border-bottom: 1px solid #e4e9ea;
	padding: 20px 30px;
}

.rom-desc__card-title {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1;
	color: #484d50;
	font-weight: 600;
	margin-bottom: 6px;
}

.rom-desc__card-text a {
	color: #33a2c0;
	font-weight: 600;
}

.rom-desc__card-text img {
	margin-left: 10px;
}

.rom-desc__card-text {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	color: #484d50;
	margin: 0;
}

.rom-desc__card:last-child {
	border-bottom: none;
}

.rom-desc__text p {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 27px;
	color: #484d50;
	font-weight: 300;
	margin: 0 0 30px !important;
}

.rom-desc--buy {
	background-color: #f9f9f9;
}

.rom-desc__link-wrap p {
	margin: 0 !important;
}

.rom-desc__link-wrap a {
	color: #33a2c0;
	font-style: italic;
}

.rom-desc--buy .rom-desc__wrap {
	padding: 60px 15px 60px;
}

.rom-desc__wrap-buy {
	border-top: 1px solid #e4e9ea;
	padding: 35px 0 0;
	margin-top: 35px;
}

.rom-desc__wrap-buy a {
	text-decoration: none !important;
}

.rom-desc__wrap-buy .product__btn {
	height: 55px;
	width: 100%;
	font-size: 16px;
	line-height: 35px;
	margin: 20px 0 0;
}

.buying-options__qty-text {
	border: 1px solid #e4e9ea;
	font-size: 18px;
	letter-spacing: 0px;
	height: 55px;
	line-height: 55px;
	color: #484d50;
	text-align: center;
	width: calc(100% - 100px);
}

.social-adv__wrap {
	background-color: #fff;
	padding: 30px 15px;
	text-align: center;
}

.social-adv__title {
	font-size: 25px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "Bebas Neue";
	text-align: center
}

.social-adv__single {
	text-decoration: none !important;
}

.social-adv__single img {
	background-color: #31a2c0;
	border: 2px solid #31a2c0;
	border-radius: 50px;
	margin: 4px 3px 0;
	transition: 0.4s;
}

.social-adv__single:hover img {
	background-color: #415E66;
	border: 2px solid #415E66;
}

@media only screen and (min-width: 768px) {
	.buying-options__qty-text {
		width: 136px;
	}

	.rom-desc__wrap-buy .product__btn {
		width: calc(100% - 266px);
		margin: 0 0 0 30px;
	}

	.rom-desc__link-wrap {
		display: flex;
	}

	.rom-desc__link-wrap a {
		margin-right: 5px;
	}
}

@media only screen and (min-width: 1200px) {
	.rom-desc__wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
		max-width: 1540px;
		margin: 0 auto;
		padding: 90px 15px;
	}

	.social-adv__single img {
		width: 40px;
		height: 40px;
		margin: 14px 7px 0;
	}

	.social-adv__title {
		font-size: 30px;
	}

	.social-adv__wrap {
		padding: 40px 15px;
	}

	.rom-desc--buy .rom-desc__wrap {
		flex-direction: row;
	}

	.rom-desc__img-wrap {
		margin: 0;
		width: 47%;
	}

	.rom-desc__text-wrap {
		width: 47%;
	}

	.rom-desc__title {
		font-size: 30px;
		margin-bottom: 40px;
	}

	.rom-desc__card {
		width: 50%;
		border-bottom: none;
	}

	.rom-desc__card:last-child {
		border-left: 1px solid #e4e9ea;
	}

	.rom-desc__card-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.text-section__badge {
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1;
		margin-bottom: 15px;
	}

	.main-banner--rom .h2 {
		font-size: 55px;
		letter-spacing: 1px;
		line-height: 60px;
	}

	.main-banner--rom .text-section p {
		font-size: 20px;
	}
}

/*******************************************************************/
/************************BRANDS PAGE********************************/
/*******************************************************************/
.brands-page .banner {
	justify-content: center;
	align-items: center;
	display: flex;
}

.brands-page .banner__title {
	margin: 0;
	padding: 0;
}

.brands-page .banner__title::after {
	display: none;
}

.brands-page .text-section__wrap {
	max-width: 930px;
	margin: 0 auto;
	padding: 60px 15px 35px;
}

.brands-page .text-section__wrap h2 {
	font-size: 35px;
	font-weight: 900;
	color: #168D93;
	margin-bottom: 40px;
}

.brand-cat {
	max-width: 1270px;
	padding: 50px 15px;
	margin: 0 auto;
}

.brand-cat__wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 60px 0;
	border-bottom: 1px solid #e4e9ea;
}

.brand-cat__image {
	width: 315px;
	max-width: 100%;
	margin: 0;
}

.brand-cat__image img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.brand-cat__text-wrap {
	width: 100%;
}

.brand-cat__text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.brand-cat__title {
	font-size: 20px;
	font-weight: 900;
	margin: 50px 0 30px;
}

.brand-cat__btn {
	padding: 24px;
	text-decoration: none !important;
	font-size: 19px;
	background-color: #168D93;
	border-radius: 5px;
	margin-top: 10px;
}

@media only screen and (min-width: 768px) {
	.brand-cat__title {
		margin: 0 0 30px;
	}

	.brand-cat__text-wrap {
		padding-left: 60px;
	}

	.brand-cat__text-wrap {
		padding-left: 60px;
		width: calc(100% - 335px);
	}

}

@media only screen and (min-width: 1200px) {
	.brand-cat__cont {
		width: 560px;
	}

	.brand-cat__btn {
		display: block;
		width: calc(100% - 600px);
	}
}

/*******************************************************************/
/************************ARTERO*************************************/
/*******************************************************************/
.brands-slider__wrap {
	max-width: 1270px;
	padding: 50px 15px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.brands-slider .main-image {
	width: 100%;
	height: 290px;
}

.brands-slider .main-image figure {
	display: flex;
	justify-content: center;
	align-items: center;
}

.brands-slider .main-image figure img {
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.brands-slider .images-list {
	width: 100%;
}

.brands-slider .images-list .slick-list {
	max-width: calc(100% - 70px);
}
.brands-slider  .images-list__image-single {
    padding: 5px;
}
.brands-slider .images-list .arrow {
	width: 28px;
	height: calc(100% - 10px);
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.brands-slider  .images-list {
	height: fit-content;
}
.brands-slider  .images-list .fal {
	transform: rotate(0);
}

.brands-slider__slider-wrap {
	width: 100%;
	margin-bottom: 40px;
}

.brands-slider__text {
	width: 100%;
}

.brands-slider__text h2 {
	font-size: 20px;
	font-weight: 900;
}

@media only screen and (min-width: 1200px) {
	.brands-slider__slider-wrap {
		width: 550px;
		margin-bottom:0;
	}
	.brands-slider .main-image {	
		height: 338px;
	}
	.brands-slider__text {
		width: calc(100% - 620px);
	}
}
/*************PROD TABX**********/
	.brand-tabs__wrap {
		max-width: 1270px;
		padding: 70px 15px;
		margin: 0 auto;
	
	}
	.brand-tabs__tabs {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		flex-wrap: wrap;
	}
	.brand-tabs__tab {
		color: #43484b;
		font-weight: 700;
		text-align: center;
		border: 1px solid #e4e9ea;
		cursor: pointer;
		width: fit-content;
		font-size: 13px;
		line-height: 13px;
		letter-spacing: 1px;
		padding: 15px;
		margin: 0 5px 5px;	
		font-weight: 700;
		text-align: center;
		border: 1px solid #e4e9ea;
		transition: 0.4s;
		order: 1;		
	}
	.brand-tabs__tab.activeClass,
	.brand-tabs__tab:hover {
		background-color: #31a2c0;
		border-color: #31a2c0;
		color: #fff;

	}
	.brand-tabs__tab-cont {	
		margin-top: 30px;
		background-color: #fff;
		order: 2;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: flex-start;
		border: 1px solid #e4e9ea;
		padding: 30px 10px;
	}
	.brand-tabs__tab-cont .product {
		width: 50%;
		margin-bottom: 20px;
	}
	.brand-tabs__text-wrap{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: flex-start;
		padding: 40px 27px 60px;
	}
	.brand-tabs__image {
		max-width: 300px;
		width: 100%;
		margin-bottom: 40px;
	}
	.brand-tabs__image img {
		height: auto;
		width: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.brand-tabs__text {	
		width: 100%;
	}
	@media only screen and (min-width: 1200px) {
		.brand-tabs__image {		
			margin-bottom: 0;
		}
		.brand-tabs__tab{
			padding: 15px 26px;
		}
		.brand-tabs__tab-cont .product {
			width: 20%;
		}
		.brand-tabs__text {
			padding-left: 50px;
			width: calc(100% - 300px);
		}
	}
/*******************************************************************/
/************************BRANDS PAGE********************************/
/*******************************************************************/	
.category-page__products-wrap--brand{
	max-width: 1560px;
    margin: 0 auto;
	padding: 50px 15px;
}
@media only screen and (min-width: 1200px) {
	.category-page__products-wrap--brand{		
		padding: 50px 15px 100px;
	}
	.category-page__products-wrap--brand .subcategories__grid .subcategories__item {
		grid-column: span 2;
	}
}
/*******************************************************************/
/************************ALL****************************************/
/*******************************************************************/
.btn-success,
.btn-primary {
	background-color: #31a2c0;
	color: #fff;
	transition: 0.4s;
	border: none;
}

.main-menu__item:hover,
.btn-primary:hover,
.top-nav__account:hover,
.header__user-wrap a:hover .header__user-icon-wrap,
.main-menu__text--finder:hover,
.banner__link:hover,
.main-menu__text--finder:hover span,
.product__btn:hover,
.btn-success:hover,
.newsletter__form .newsletter__btn:hover {
	background-color: #3b4e53;
	color: #31a2c0;
}

.subcategories__grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 25px;
}

.subcategories__grid .subcategories__item {
	grid-column: span 6;
	padding: 0;
}

.text-bold {
	font-weight: bold;
}

.main-container {
	padding-top: 171px;
}

.link-arow .fa-chevron-double-right {
	transition: 0.4s;
}

.link-arow:hover .fa-chevron-double-right {
	transform: translateX(9px);
}

.page-header h1 {
	font-weight: 700;
	margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
	.subcategories__grid .subcategories__item {
		grid-column: span 4;
	}
}

@media only screen and (min-width: 1200px) {
	.main-container {
		padding-top: 222px;
	}

	.subcategories__grid .subcategories__item {
		grid-column: span 3;
	}
}
.wholesale-button {
    background-color: #fda100!important;
}
.afterplay-wrap+.afterplay-wrap {
	display: none;
	
}
.afterplay-wrap p{
	font-size: 12px;
}
.ajax-header {
    background-color: #17a2b8;
  }
.strikethrough {
text-decoration: line-through;
}
.text-rrp {
	color:#3b4e53;
}

/* Mixins*/
@mixin modal-fullscreen() {
  
	padding: 0 !important; /* override inline padding-right added from js */
	 
   /*fix for Safari?*/
   .modal-header {
	 display:block;
   }
 
   .modal-dialog {
	 width: 100%;
	 max-width: none;
	 height: 100%;
	 margin: 0;
   }
 
   .modal-content {
	 height: 100%;
	 border: 0;
	 border-radius: 0;
   }
 
   .modal-body {
	 overflow-y: auto;
   }
 }
 
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-down($breakpoint) {
	 $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
	 .modal-fullscreen#{$infix} {
	   @include modal-fullscreen();
	 }
   }
 }
 
 .modal-fullscreen {
   padding: 0 !important; /* override inline padding-right added from js*/
 }
 
 /*Fix for having multiple modals open.*/
 .modal.show {
	 overflow-x: hidden;
	 overflow-y: auto;
 }

/*Fix for Klayvio popup compatibility*/
 #cartModal {
    z-index: 109999990001;
}

 /*******************************
 * MODAL AS LEFT/RIGHT SIDEBAR
 * Add ".modal-left-pane" or ".modal-right-pane" in modal parent div, after class="modal".
 *******************************/
 
 /* Modal Panel: Right*/

 
 button.modal-back,
 button.close {
	 padding: 0;
	 background-color: transparent;
	 border: 0;
	 font-size: 1.3125rem;
	 opacity: 1;
 }
  .modal{
   &.modal-left-pane,
   &.modal-right-pane {
	 .modal-dialog {
	   max-width: 380px;
	   min-height: -webkit-fill-available;
	 }
 
	 &.show .modal-dialog {
	   transform: translate(0, 0);
	 }
 
	 .modal-content {
	   min-height: -webkit-fill-available;
	   max-height:100%;
	   width:380px;
	   max-width:100%;
	 }
   }
   &.modal-left-pane {
	 .modal-dialog {
	   transform: translate(-100%, 0);
	   position: fixed;
	   left: 0;
	 }
   }
 
   &.modal-right-pane {
	 .modal-dialog {
	   transform: translate(100%, 0);
	   float: right;
	   right: 0;	   
	 }
   }
 }
/*Advanced Modal Cart*/
/* Hide HTML5 Up and Down arrows. */
#cartModal input[type="number"].cart-qty::-webkit-outer-spin-button,
#cartModal input[type="number"].cart-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;	
    margin: 0;
}

#cartModal input[type="number"].cart-qty {
	-moz-appearance: textfield;
	appearance: textfield;
	text-align: center;
	display: inline;
	width: 27px;
    padding: 0;
}
.modalCart-overlay{
	background-color: rgba(255, 255, 255, 0.4);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
}

.modalCart-overlay div.spinner-border,
.modalCart-overlay i {
	position: absolute;
	left: 25%;
	font-size: 200px;
	top: 25%;
	color: $gray-500;
}

.incdec:focus,
.cart-qty:focus {
	box-shadow: none;	
}

.bordermorpher {
	animation: bordermorph 1s infinite;
}

@keyframes bordermorph {
	from {border-color: $gray-200;}
	to {border-color: $blue;}
}

.cartModalCollapeButton.collapsed:after {
    content: "\f107";
    font-family: "font awesome 5 free";
    font-weight: 900;
    display: inline-block;
    float: right;
    font-size: 16px;
}

.cartModalCollapeButton:after {
    content: "\f106";
    font-family: "font awesome 5 free";
    font-weight: 900;
    display: inline-block;
    float: right;
    font-size: 16px;
}

.cartModalCollapeButton:focus {
	box-shadow: none;
}
.col-12.active-coupon-info.pt-3.mb-4.border-bottom p img {
	max-width:100%;
	height:auto !important;
}


/*Adds a jerky spin effect to the loading spinner*/
@keyframes jerkySpin {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(30deg); }
	20% { transform: rotate(90deg); }
	30% { transform: rotate(120deg); }
	40% { transform: rotate(180deg); }
	50% { transform: rotate(210deg); }
	60% { transform: rotate(270deg); }
	70% { transform: rotate(300deg); }
	80% { transform: rotate(330deg); }
	90% { transform: rotate(360deg); }
	100% { transform: rotate(360deg); }
  }

  .jerky-spin {
	animation: jerkySpin 2s linear infinite;
  }
  .modal-sticky-bottom {
	background-color: #e7f5f7;
  }