/*  
	Website:	Depasquale the Spa
	Version:	2.1
	Media:	 	Screen
    Author:     Emmanuel.A
*/

@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap);
@import 'bootstrap.css';
@import 'aos.css';
@import 'jquery.mCustomScrollbar.css';
@import 'fonts/font_awesome/all.css';
@import 'owl.carousel.css?v=1.5';
@import 'owl.theme.default.css';
@import 'chosen.css';


/* GENERAL */
:root {
	--transform-origin-end: right;
	--reversed-link-gap: .05rem;
	--transform-origin-start: left;
	--animation-default: .5s cubic-bezier(.3, 1, .3, 1);
	--transform-origin-start: left;
	--transform-origin-end: right;
	--scrollbar-width: 15px;
	--page-width: 1635px
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1635px;
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Figtree', sans-serif;
}

html,
body,
form {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	color:  #000000;
	font-weight: 400;
	font-family: 'Figtree', sans-serif;
}

body {
	-webkit-font-smoothing: antialiased;
	position: relative;
	overflow-x:hidden;
}

table {
	margin: 0;
	padding: 0;
	color:  #000000;
	border: 0;
}
strong{
    font-weight:700;
}
th,
td {
	vertical-align: middle;
	font-weight: 400;
	color:  #000000;
}

tbody tr:nth-child(even) {
	background: #F8F9FA;
}

tbody tr:hover:nth-child(even),
tbody tr:hover {
	background: #F8F9FA
}

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

form,
div,
input,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
}

input,
textarea,
select,
option,
button {
	outline: 0 none;
	font-family: 'Figtree', sans-serif;
	line-height: 20px;
}

input {
	vertical-align: top;
	font-size: 15px;
	-webkit-border-radius: 0;
	border-radius: 0
}

ul,
ol,
li,
dd,
dt,
dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre {
	margin: 0px;
	color: #000000;
	padding: 0px;
}

p,
img,
pre,
dl {
	margin: 0;
	padding: 0;
	border: 0px;
}

a {
	color: #6C757D;
	text-decoration: none;
	outline: 0 none;
	cursor: pointer;
	font-weight: 500;
}

header nav, .cart-empty .cart-cat h6 span:before, .btn:before, .mm-menu, .mcart-sidebar, nav li.onsale a:before, .hair-cols .item , .hair-cols .item svg,
nav .dropdown, .btn-bg:before, .backdrop, .selection ul li:before, .selection ul li, .sort label button, .works-best .product-clip, .product-clip__image a h5,
.prod-list .img .actions, .tab-pane .carousel .item, .blogs img, .prod-list .con-wrap, .search-results-modal, .find-popup, .conc-content .concern-card , .cat-pg-section .more,
.prod-list .img img, nav .dropdown.fixed li, a, .login-bg, header, .rituals .cat-card, .related-product .item .con a.add-cart:before, .conc-content .concern-card h3,
.trending-now .item .con img, .sidebar, .hme-tabs .tab-nav li span, .category-listing .prom-con img, .cat-pg-section .card, .cat-pg-section .card h3,
.category-listing .con img, .owl-carousel button.owl-dot, .brand .item, .sb-edit-address, .sb-add-address, .order-modal {
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
}

a:hover {
	text-decoration: none !important;
	color: #092A37
}

h1 a,
h2 a,
h3 a,
h4 a,

h1,
h2,
h3,
h4{

	font-family: 'Figtree', sans-serif;
	color:  #000000;
}

h1 {
	font-size: 100px;
	line-height: 105px;
	padding: 10px 0;
	font-weight: 600;
}

h2 {
	font-size: 38px;
	line-height: 56px;
	padding: 10px 0;
	font-weight: 500;
}

h3 {
	font-size: 30px;
	line-height: 48px;
	padding: 10px 0;
	font-weight: 500;
}

h4 {
	font-size: 24px;
	line-height: 35px;
	padding: 10px 0;
	font-weight: 500;
}

h5 {
	font-size: 20px;
	line-height: 31px;
	padding: 10px 0;
	font-weight: 500;
}

h6 {
	font-size: 18px;
	line-height: 32px;
	padding: 10px 0;
	font-weight: 500;
}

p {
	line-height: 20px;
	padding: 12px 0;
	font-weight: 400;
}


header,
footer,
article,
section,
nav,
menu,
hgroup,
figcaption,
figure {
	display: block;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

form {
	padding: 0 0 0;
	background: none;
}

label {
	font-weight: 600;
	margin: 0;
	font-size: 14px;
	display: block;
	color: #000000;
	padding: 0;
	background: white !important;
}
.chosen-container-single .chosen-single,
input[type="email"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
select,
textarea {
	width: 100%;
    border-radius: 4px;
    height:45px;
	margin: 0;
	padding: 1px 20px 2px;
	font-size: 13px;
	outline:none !important;
	font-weight: 400;
	box-shadow:none !important;
	outline: none;
	border: 1px solid rgba(0,0,0,0.15) !important;
	background: white !important;
	font-family: 'Figtree', sans-serif;
}
input[type="email"].error,
input[type="text"].error,
input[type="password"].error,
input[type="tel"].error,
input[type="date"].error,
select.error,
textarea.error {
	border-color: red !important;
}
input[type="email"].success,
input[type="text"].success,
input[type="password"].success,
input[type="tel"].success,
input[type="date"].success,
select.success,
textarea.success {
	border-color: green !important;
}
.chosen-container-single .chosen-single div b{
    background-position:left 10px !important;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position:-18px 10px !important;
    
}
.chosen-container-single .chosen-single{
    display:flex !important;
    align-items:center;
    margin-bottom:0 !important;
    box-shadow:none !important;
}
.chosen-container .chosen-drop{
    box-shadow:none !important;
    border-color:#e7e7e7 !important;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #e3eeff !important;
  background-image: none !important;
  color: #0e283c !important;
}
.input:focus-within,
textarea:focus button:focus {
	box-shadow: 0 0 3px rgba(146, 115, 227, 0.8);
}

select:focus {
	border-color: #c6c1e4
}

textarea {
	height: 80px;
	resize: none;
	display: block;
}

select {
	padding: 0 20px;
	margin: 0;
	background:white url(../images/drop.png) no-repeat  right 15px center !important;
	-webkit-appearance: none;
}

input[type="file"] {
	margin-top: 10px;
	display: block;
}

option {
	color: #2d2d2d;
}

input[type="email"].error,
input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
textarea.error {
	border-color: red !important;
}

input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
	border-color: none;
	background: none;
}
.btn-outline,
button[type="submit"],
button,
button[type="button"],
input[type="button"],
input[type="submit"] {
	padding: 12px 35px;
	font-size: 16px;
	font-weight: 600;
	position: relative;
    
}

button {
	background: none;
	border: none;	
	outline: none;
}
button i {
	margin-right: 10px;
}

button,
input[type="submit"] {
	background: #000000;
	border-radius: 3px;
	color: white;
}
button:hover,
input[type="submit"]:hover {
    background:#1D349A;
}
button[type="button"],
input[type="button"] {
	background: black;
}

button:focus {
	box-shadow: none !important;
}

button:active,
button:focus {
	border: none;
	box-shadow: none;
	outline: 0
}

em,
blockquote {
	font-style: italic;
	font-weight: 500;
}


/* CONTENT */

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	padding: 13px 0;
	font-size: 15px;
	line-height: 19px;
}

del {
	color: #808080;
}

address {
	padding: 13px 0;
	color: #000000;
	line-height: 19px;
}

small {
	font-size: 11px;
}

hr {
	border: none;
	border-bottom:1px solid #E6E9EB;
	height: 1px;
	width: 100%;
	margin: 30px 0 10px;
	padding: 0;
	background:none;
}

table {
	margin: 10px 0 0;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	border-collapse: collapse;
}

th {
	border: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	border-radius: 4px;
	padding: 15px 15px;
	background: rgba(0, 0, 0, 0.05);
}



td {
	border: none;
	border-top: 1px solid rgba(0,0,0,0.1);
	font-size: 13px;
	font-weight: 500;
	padding: 15px 15px;
	color: #7c7c7c;
}

td a {
	font-size: 13px;
}

th:first-child {
	border-left: none;
}


td:first-child {
	border-left: none;
}

.left {
	float: left
}

.right {
	float: right;
}

::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
	font-weight: 400;
	font-size: 14px;
}

:-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
	opacity: 1;
	font-weight: 400;
	font-size: 14px;
}

::-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
	opacity: 1;
	font-weight: 400;
	font-size: 14px;
}

:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
	font-weight: 400;
	font-size: 14px;
}

/* FORM STYLING */
.radio-btn {
	display: flex;
	flex-wrap: wrap;
}

.radio-btn.block {
	display: block;
}

.radio-btn label {
	position: relative;
	padding: 10px 20px 10px 30px;
	font-size: 13px;
	font-weight: 500;
	color: #000000;
	background:none !important;
}

.radio-btn.error label {
	color: red;
}

.radio-btn label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 15px;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.radio-btn label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}

input[type="radio"],
input[type="checkbox"] {
	display: none;
	margin-right: 10px
}

.checkbox {
	margin: 0 0 5px;
	display: flex;
	flex-wrap: wrap;
}

.checkbox.block {
	display: block;
}

.checkbox label {
	position: relative;
	padding: 10px 0 6px 30px;
	font-size: 15px;
	font-weight: 500;
}

.checkbox.error label {
	color: red;
}

.checkbox label:after {
	content: "";
	position: absolute;
	left: 6px;
	top: 15px;
	width: 5px;
	height: 10px;
	border: solid transparent;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkbox label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 17px;
	height: 17px;
	border: 1px solid rgba(0,0,0,0.1);
}

input[type="checkbox"]:checked+label:before {
	color: #fff;
	background-color: #000000;
	border: 1px solid rgba(0,0,0,0.1);
}

input[type="radio"]:checked+label:before {
	border: 3px solid #e4dcf8;
}

input[type="checkbox"]:checked+label:after {
	border-color: white;
}
.cart .radio-btn input[type="radio"]:checked+label:after,
input[type="radio"]:checked+label:after {
    background: #1D349A;
}

.btn a {
	position: relative;
}

button {
	overflow: hidden;
}

form button span,
.btn a span {
	position: relative;
	z-index: 5;
}

button:hover:after,
.btn a:hover:after {
	opacity: 1;
}

.input {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid rgba(0,0,0,0.1);
	background: white;
	padding:1px 10px 2px;
	margin: 5px 0 15px;	
    border-radius: 4px;
}

.input.error {
	border-color: red;
}

.input.error label {
	color: red !important;
}

.input label {
	font-size: 12px !important;
	color: #c5c7e2 !important;
	font-weight: 500 !important;
}

.input i {
	color:  #e1e1e1;
}

.input input,
.input textarea {
	border: none;
	position: relative;
	z-index: 5;
}

.input.date {
	background: #f6f5ff !important;
}

.input.readonly {
	background: #fdf8e9 !important;
	border-color: #dcd4ba !important;
}

.flex {
	display: flex;
	align-items: center;
}

.btn {
	background: #000000;
	border-radius: 4px !important;
	line-height: 18px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 35px;
	border: 1px solid #000000;
	position: relative;
	box-shadow:none !important;
	overflow:hidden;
	outline:none !important;
}

.btn span {
	position: relative;
	z-index: 5;
}

.btn:before {
	content: "";
	border-radius:0;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: white;
}

.btn:hover:before {
	width: 100%;
}

.btn:hover {
	color: #000000;
}

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

/* COMMON */
nav .mega-menu .cat-list h6 span, .right-con p.per-mod a,
.cart h5 a, .checkout-address label h6 a,
nav .dropdown li a span,
header .col-lg-2 a span span,
.filter-list li label span, .filter-list .pack-list a,
.selection ul li:last-child span,
footer a, .prod-details .right-con a span,
.reviews p.btn-link span,
#mm-5 .mm-listview li h6 span,
.mm-listview li span,
.hme-tabs .tab-nav li span,
.head h3+a span,
footer h6 a,  nav>ul>li>a,
.login-wrap p a,
.login-wrap h6 a,
.trending li p a,
.cart-item .cart-con h6 a, .checkout h4.flex a,
.cart-item .cart-con p a,
.copy p a, .side-cart p.link a,
.trending li h6 a, .checkout-address h5 a,
.blogs h4 a, nav .mega-menu p a,
.search-results-modal li a, a.link, .static-content p a,
footer li a, .hair-cols p a,
.prod-list h5 a {
	color:  #000000;
	background: linear-gradient(to var(--transform-origin-end), #1D349A, #1D349A) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat;
	background-position-x: var(--transform-origin-end);
	background-position-y: bottom;
	transition: background-size var(--animation-default), color var(--animation-default);
}
nav .mega-menu p a:hover, .checkout-address label h6 a:hover, .right-con p.per-mod a:hover,
 .prod-details .right-con a:hover span,  a.link:hover,  .hair-cols p a:hover,
.cart h5 a:hover, .checkout h4.flex a:hover, .side-cart p.link a:hover, .static-content p a:hover,
nav .mega-menu .cat-list a:hover h6 span,
nav .dropdown li a:hover span,
header .col-lg-2 a:hover span span,
.filter-list li label:hover span,  .top-header li a:hover,
.selection ul li:last-child:hover span,
.trending li p a:hover,
.trending li h6 a:hover, .login-wrap h6 a:hover,
footer a:hover, .login-wrap p  a:hover,
#mm-5 .mm-listview li:hover h6 span,
.mm-listview li:hover span,
footer h6 a:hover,
footer li a:hover,
.cart-item .cart-con h6 a:hover,
.cart-item .cart-con p a:hover,
.copy p a:hover,
.prod-list h5 a:hover, nav>ul>li:hover>a,
.search-results-modal li a:hover, .checkout-address h5 a:hover,
.blogs h4 a:hover, .filter-list .pack-list li a:hover,  .filter-list .pack-list li.active a,
.reviews p.btn-link a:hover span,
.head h3+a:hover span {
	color:  #1D349A !important;
	background-position-x: var(--transform-origin-start);
	background-size: 100% var(--reversed-link-gap);
	background-position-y: bottom;
}

/*.prod-details .right-con a:after {*/
/*	content: "";*/
/*	width: 100%;*/
/*	height: 1px;*/
/*	background: currentColor;*/
/*	position: absolute;*/
/*	inset-inline-start: 0;*/
/*	bottom: 0;*/
/*	transform: scaleX(1);*/
/*	transform-origin: var(--transform-origin-end);*/
/*}*/

/*.prod-details .right-con a:hover:after {*/
/*	transform: scaleX(1);*/
/*	transform-origin: var(--transform-origin-start);*/
/*	animation: text-underlined .6s;*/
/*}*/

/* HEADER */
/* TOP HEADER */
.top-header {
	background: #1D349A;
	padding: 12px 0;
	position: relative;
	z-index: 10;
}

.top-header .row {
	align-items: center;
}

.top-header ul {
	display: flex;
	justify-content: flex-end;
}

.top-header li {
	padding: 0 10px;
}

.top-header a {
	color: white !important;
	font-weight: 500;
	background: linear-gradient(to var(--transform-origin-end), white, white) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat;
    background-position-x: var(--transform-origin-end);
    background-position-y: bottom;
    transition: background-size var(--animation-default), color var(--animation-default);
	font-size: 13px;
}
.top-header li a:hover {
    background-position-x: var(--transform-origin-start);
    background-size: 100% var(--reversed-link-gap);
    background-position-y: bottom;
    color: white !important;
}
.top-header li.find-nav a{
    background:#FFE4E8;
    color:#B23B24 !important;
    border-radius:20px;
    padding:5px 8px ;
}
.top-header li.find-nav a:hover{
    background:#B23B24;
    color:#FFE4E8 !important;
}
.top-header p {
	padding: 0;
	color: white;
	font-size: 14px;
	font-weight: 500;
}

header {
	position: relative;
	z-index: 15;
	background: white;
	border-bottom:1px solid #e1e1e1;
}
nav.menu {
	display: none;
}
header .row {
	align-items: center;
	justify-content:space-between;
}

header h1 {
	padding: 0;
	display: flex;
	align-items: center;
	font-size: inherit;
	line-height: normal;
	padding: 15px 0;
	z-index: 100;
    position: relative;
}

header h1 img {
	width: 180px;
	margin-left:25px;
}

header h1 a:hover {
	color: #C4301C;
}
header .navbar-toggler{
	padding: 0;
	margin-right: 20px;
	height:25px;
}
header .hamburger-line {
    width: 20px;
	margin-top: 10px;
    height: 2px;
    background: rgb(7,40,53);
    transition: transform .2s ease;
    border-radius: 1rem;
	position: relative;
	display: block;
}
 .hamburger-line:before {
    top:-9px;
    transition: top .2s ease .22s, opacity .2s ease, width .2s ease;
}
 .hamburger-line:after {
	bottom: -9px;
    transition: bottom .2s ease .22s, transform .2s ease, width .2s ease;
}
 .hamburger-line:after, 
 .hamburger-line:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgb(7,40,53);
    border-radius: 1rem;
}
div.search {
	display: flex;
	align-items: center;
	border: 1px solid #e1e1e1;
	padding: 4px 10px;
	border-radius: 4px;
}
.input input,
.input textarea,
div.search input[type="text"] {
	border: none !important;
}
div.search input[type="text"] {
	height: 35px;
	padding:0;
	border-radius:0;
}
div.search i {
	color: #cecece;
	font-size: 14px;
}

header .col-lg-2 ul {
	display: flex;
	align-items: center;
	background:white;
	position:relative;
	z-index:100;
	justify-content: flex-end;
}

header .col-lg-2 li {
	padding: 0 15px;
	font-size:14px;
	position:relative;
}
header .col-lg-2 li:first-child {
    padding-right:0;
}
header .col-lg-2 a svg,
header .col-lg-2 a svg path{
	stroke: #6C757D !important;
    
}
#menu1 .btm-foot .mm-panel__noresultsmsg{
    display:none;
}
header .count {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	position: absolute;
	background-color: #1D349A !important;
	border-radius: 50%;
	color: #ffffff !important;
	text-align: center;
	font-size: 1rem;
	top: -6px;
	right: 4px;
	font-size: 12px;
	z-index: 5;
}

nav {
	top: 0;
	z-index: 15;
	position:relative;
}

nav ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

nav ul {
	 position: static;
}

nav>ul>li {
	padding:35px 15px;
	position:static;
}
nav>ul>li.hassub>a {
    margin-right:15px;
	position: relative;
}

nav>ul>li.hassub>a:after {
	content: "\f107";
	position: absolute;
	font-weight: 300;
	right: -20px;
	top: 0;
	font-family: "Font Awesome 7 Pro";
	font-weight: 300;
}

nav>ul>li .fixed li.hassub>a {
	position: relative;
	padding-right: 25px;
}

nav>ul>li .fixed .hassub>a:after {
	content: "\f105";
	position: absolute;
	font-weight: 300;
	right: 0;
	top: 0;
	font-family: "Font Awesome 7 Pro";
	font-weight: 300;
}

nav>ul>li>a {
	display: block;
	font-size: 15px;
	font-weight:600
}
nav>ul>li.active>a {
    color:#1D349A;
}
nav>ul>li>a span {
	background: linear-gradient(to var(--transform-origin-end), white, white) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat;
	background-position-x: var(--transform-origin-end);
	background-position-y: bottom;
	transition: background-size var(--animation-default), color var(--animation-default);
}

nav li.onsale a {
	padding: 5px 15px;
	border-radius: 20px;
	    position: relative;
    overflow: hidden;
}
nav li.onsale a span{
    position:relative;
    z-index:5;
    background:none !important;
}
nav li.onsale a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background:#FFE4E8;
    height: 100%;
    width: 0;
}
nav li.onsale:hover a:before {
    width: 100%;
}
nav li.onsale:hover a {
    color:#B23B24 !important;
}

nav>ul>li:hover>a span {
	background-position-x: var(--transform-origin-start);
	background-size: 100% var(--reversed-link-gap);
	background-position-y: bottom;
}
nav .dropdown {position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    transform: translate(-50%, -30px);
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: -1;

    opacity: 0;
    visibility: hidden;
    transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    visibility 0.35s ease;

    overflow: hidden;
}

nav .dropdown ul {
	display: block;
}
nav li:hover>.dropdown,
nav li.show  .dropdown{   
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 101px);
}

nav .mega-menu {
	padding: 10px 0 15px;
}
nav .mega-menu .row{
    align-items:stretch;
    justify-content:center;
}
nav .mega-menu .cat-list {
	overflow: hidden;
	border-radius: 10px;
	margin: 15px 0;
	border: 1px solid #e1e1e1;
}

nav .mega-menu .cat-list a {
	padding: 0;
}

nav .mega-menu .cat-list h6 {
	padding: 10px 25px 15px;
	font-size: 15px;
}

nav .mega-menu .row .row {
	border-left: 1px solid #e1e1e1;
	padding-left: 35px;
}

nav .dropdown li {
	padding: 8px 0;
	position: relative;
}

nav .dropdown li a {
	color: #526A72;
	font-size: 14px;
}

nav .dropdown li a:hover {
	color: #6C757D;
}

nav .dropdown.fixed {
	padding: 10px 15px
}

nav .dropdown.fixed li ul {
	position: absolute;
	left: 197px;
	background: white;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
	width: 197px;
	top: 25px;
}

nav .dropdown.fixed li:hover ul {
	opacity: 1;
	visibility: visible;
	top: 0;
}
nav .mega-menu h6 {
    color: #1D349A;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 170px;
    display: flex;
    align-items: center;
}
nav .mega-menu h6 img{
    height:40px;
    margin-right:10px;
}
nav .mega-menu h6 a{
    color:#1D349A !important;
    text-transform:uppercase;
}
nav .mega-menu p,
nav .mega-menu p a {
    color:#1D349A;
    font-size:14px;
}
nav .mega-menu [class*="col-lg-"] {
    border-left:1px solid rgba(0,0,0,0.1);
    padding-left: 45px;
    display: flex;
    flex-direction: column;
    height: auto;
    
}
nav .mega-menu .brands-logo {
    display:flex;
    flex-wrap:wrap;
    margin:0 -10px;
}
nav .mega-menu .brands-logo li {
    padding:10px !important;
    width:33.333%;
}
nav .mega-menu .brands-logo li {
    padding:2px 0;
}
nav .mega-menu .brands-logo li a{
    display:flex;
    align-items:center;
    border:1px solid rgba(0,0,0,0.1);
    padding:15px;
    justify-content: space-between;
}
nav .mega-menu .brands-logo li img{
    width:91px;
}
nav .mega-menu.mega-menu1 [class*="col-lg-2"] {
    width: 18.75%;
    
}
nav .mega-menu [class*="col-lg-"]:first-child {
    border-left:none;
}
nav .dropdown .mega-promo a {
    position:relative;
    border-radius:10px;
    overflow:hidden;
    display:block;
}

nav .dropdown .mega-promo .con h6 {
    font-size:14px;
    line-height:normal;
    color:#1D349A;
    text-transform:uppercase;
    padding:0 0 10px;
}
nav .dropdown .mega-promo .con{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    height: 100%;
    padding:35px 15px;
    text-align:left;
    justify-content:center;
    background:rgba(255,255,255,0.45);
}
nav .dropdown .mega-promo .con h4{
    font-size:22px;
    line-height:normal;
    color:black;
    padding:0 0 10px;
}
nav .dropdown .mega-promo .con p {
    font-size:14px;
    line-height:normal;
    color:black;
}
nav .dropdown .mega-promo .con .btn{
    color:white;
    width:160px;
    margin: 0 auto;
    position:relative;
    overflow:hidden;
    line-height:8px;
    background:#000000;
    border-color:#000000;
    border-radius:4px !important;
    padding:10px 0;
}

nav .dropdown .mega-promo .con .btn:hover{
    color:#000000;
}
nav .dropdown .mega-promo .con .btn:before{
    border-radius:0;
}
nav .dropdown .mega-promo a img{
    border:1px solid rgba(0,0,0,0.1);
    width:100%;
    object-fit: cover;
}
nav .mega-menu .d-flex {
    flex-wrap:wrap;
    justify-content: flex-start;
}
nav .mega-menu .d-flex li {
    width:25%;
    
}
nav .mega-menu-icon [class*="col-lg-"] {
    border:none;
    padding:0 15px;
}
nav .mega-menu-icon ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    align-items:flex-start;
}
nav .mega-menu-icon li {
      display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 130px;
    box-sizing: border-box;
    border-right: 1px solid rgba(0,0,0,0.1);
    padding:25px 15px;
}
.icon-sub li a,
nav .mega-menu-icon li a{
    display:flex;
    align-items:center;
    font-weight:400;
    font-size:12px;
    position:relative;
}
.icon-sub li a .img,
nav .mega-menu-icon li .img {
   width: 45px;
    height: 45px;
    border: 1px solid #f3e2d8;
    border-radius: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #FAF7F5 !important;
    margin-right:15px;
    padding:0;
}
.icon-sub li a .img img,
nav .mega-menu-icon li .img img {
    height:30px;
}
.icon-sub li a span,
nav .mega-menu-icon li a span{
    width:80%;
    padding-right:20px;
}
nav .mega-menu-icon li a:after{
    content:"\f105";
    font-family:'Font Awesome 7 Pro';
    font-weight:300;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    height:15px;
    
}
nav .mega-menu-icon li span{
    background:none !important;
}
.icon-sub li a strong,
nav .mega-menu-icon li strong{
    display:block;
    font-size:15px;
}
/* SIDE CART */
.mcart-sidebar {
	position: fixed;
	right: -100%;
	opacity: 0;
	visibility: hidden;
	top: 0;
    max-width: 460px;
    width:100%;
	height: 100vh;
	z-index: 15;
	display: flex;
	justify-content: flex-end;
}

.promo-cart form {
	padding:0 25px;
	display: flex;
	align-items: center;
}
.promo-cart form input {
	border-radius: 2px;
	margin-right: 5px;
}
.promo-cart h4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 35px;
	font-size: 18px;
	margin: 25px;
	border: 1px solid #e1e1e1;
}
.promo-cart h4 svg{
    stroke:#1D349A
}
.promo-cart button {
	padding: 12px 0 13px;
	width: 100px;
	background:#1D349A
}
.mycoupon-col {
    border-width: 0.1rem 0 0;
    position: relative;
    border: 0.1rem solid #ececec;
    padding: 25px;
	margin: 15px 25px;
}
.mycoupon-code {
    background-color: #f5f7f6;
    display: inline-block;
    vertical-align: middle;
    border: 0.1rem solid #f2f2f2;
    padding: 8px 11px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.02rem;
    position: relative;
    font-weight: 700;
}
.mycoupon-code > span.t-arrow {
    border-bottom-width: 0;
    border-top-color: white;
    top: -0.1rem;
}
.mycoupon-code > span.b-arrow {
    border-top-width: 0;
    border-bottom-color: white;
    bottom: -0.1rem;
}
.mycoupon-code > span.t-arrow::after {
    border-bottom-width: 0;
    border-top-color: #fff;
	left: -8px;
    top: -9px;
}
.mycoupon-code > span.b-arrow::after {
    border-top-width: 0;
    border-bottom-color: #fff;
	left: -8px;
    bottom: -9px;
}
.mycoupon-code > span::after {
	content: "";
}
.mycoupon-code > span {
    left: 45px;
}
.mycoupon-code > span, .mycoupon-code > span::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.6rem;
}
.mycoupon-code > img {
    display: inline-block;
    margin-right: 3rem;
}
.mycoupon-col > h5 {
    font-weight: 600;
	padding-bottom: 0;
}
.mycoupon-col > p {font-size: 12px;
	padding: 0;
}
.mycoupon-date {
    margin: 10px 0 20px;
    color: #929397;
	font-size: 13px;
}
.mycoupon-date .feather {
    width:16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.mycoupon-col form {
	padding: 0;
}
.mycoupon-col button {
	padding: 7px 0;
	width: 70px;
}
#mycoupon-sidebar .scroll {
    height:78vh;
    margin-top:10px;
}
#mycoupon-sidebar.promo-cart form {
    flex-wrap:wrap;
}
#mycoupon-sidebar.promo-cart form input{
    width:74%;
}
#mycoupon-sidebar.promo-cart .alert{
    width:100%;
}
.cart-card {
	position: relative;
	background: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100vh;
    flex-direction: column;
    width: 100%;
}
.mcart-body,
.cart-card .top-title{
    width:100%;
}
.shipping-progress{
    margin:0 25px;
    text-align:center;
}
.shipping-progress p {
    font-size:14px
}
.shipping-progress p strong{
    color:#1DB137;
}
.shipping-progress .progress{
    height:6px;
}
.shipping-progress .progress span{
    display:block;
    height:100%;
    border-radius: .25rem;
    background:#1DB137;
}
.mcart-sidebar.show{
	right: 0;
	opacity: 1;
	visibility: visible;
}
.mcart-sidebar.show .cart-card>div{
    width:100%;
}
.cart-card .info {
	background: #1D349A;
	padding: 8px;
	color:white;
	font-size: 15px;
	text-align: center;
	margin:0;
}

.cart-card .title {
	padding:10px 15px;
	margin-bottom: 10px;
	display: flex;
	font-size:15px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e1e1e1;
}

.cart-card .title i {
	font-size: 16px;
	cursor: pointer;
}
.cart-card .title small {
    font-size:13px;
}
.cart-empty {
	padding: 0 15px;
	text-align: center;
    height: 84vh !important;
}
.scroll{
	height: 90vh;

}
.scroll .scroll{
	height: 210px !important;

}
.cart-empty .mCSB_container {
	padding-bottom: 25px;
}

.cart-empty h4 {
	padding: 0;
}

.cart-empty p {
	padding: 0;
	font-size: 14px;
}

.cart-empty .cart-cat-list {
	display: flex;
	margin: 35px 0;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cart-empty .cart-cat {
	margin: 7px;
	background: #F7F7F5;
	border-radius: 5px;
	overflow: hidden;
	width: 46%;
}

.cart-empty .cart-cat h6 {
	display: flex;
	align-items: center;
	padding:10px 15px;
	font-size: 15px;
	justify-content: space-between;
	line-height:normal;
}

.cart-empty .cart-cat h6 span {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 1px solid #e1e1e1;
	color: #6C757D;
	overflow: hidden;
	position: relative;
}

.cart-empty .cart-cat h6 span i {
	position: relative;
	z-index: 5;
}

.cart-empty .cart-cat h6 span:before {
	content: "";
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #1D349A;
}

.cart-empty .cart-cat:hover h6 span:before {
	width: 100%;
}

.cart-empty .cart-cat:hover h6 i {
	color: white;
}

.cart-list {
	padding: 0;
}
.cart-item {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 15px;
	position: relative;
	border-top: 1px solid #dedede;
}
.cart-item:first-child {
    border-top:none;
}
.cart-item .mcart-item-close {
	position: absolute;
	right: 15px;
	top: 25px;
	font-size: 12px;
}
.cart-item .cart-img{
	width: 90px;
	margin-right: 20px;
	border:1px solid #e1e1e1;
}
.cart-item .cart-img img {
    height:110px;
    object-fit:cover
}
.cart-item .cart-con{
	width:72%;
    text-align: left;
}
.cart-item .cart-con .text-info-2{
    font-size:13px;
    padding-top:5px;
}
.cart-item .qty {
	width: 90px;
	height: 30px;
}
.cart-item .cart-con p {
	padding: 0;
	font-size:13px;
	line-height:normal;
}
.cart-item .cart-con p span {
    margin-top:5px;
    display:block;
    font-size:14px;
    order:1;
}
.cart-item .cart-con p a{
	color: #6A7E86;
}
.cart-item .cart-con h6 {
	padding: 0;
	font-weight:700;
    font-size: 16px;
}
.cart-item .cart-con .text-info-2 a{
    color: #1D349A;
}
.cart-item .cart-con h6 + p {
    font-size: 12px;
}
.cart-item .cart-con .flex{
	justify-content: space-between;
	align-items: center;
}
.cart-item .cart-con .flex .qty{
    order:1;
}
.cart-item .cart-con .flex p{
    order:0;
	font-weight:700;
    display:flex;
    flex-direction:column
}
.cart-btm{	
	padding:13px;
	background:#F8F9FA;
	border-top:1px solid #DEE2E6;
	width:100%;
}
.cart-btm h5 {
	font-size: 14px;
    display: flex;
    padding: 7px 0;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
}
.cart-btm h5 strong.green {
    color:green;
}
.cart-btm h5 strong span{
    color: #6C757D;
    text-decoration:line-through;
}
.cart-btm h4 {
	font-size: 17px;
	border-top:2px dotted #DEE2E6;
	display: flex;
	padding:10px 0 0;
	margin-top:10px;
	justify-content: space-between;
	align-items: center;
}
.btn-wrap {
	padding: 9px 0 0;
	flex-wrap: wrap;
	display: flex;
	margin: 0 -10px;
}
.btn-wrap a{
	padding: 15px 25px;
	font-size: 16px;
}
.btn-wrap .btn-bg {
	background: #1D349A;
	color: white;
	display: block;
	border: 1px solid #1D349A;
	margin: 0 10px;
    width: 100%;
    text-align: center;
	padding: 10px 0;
}
.btn-wrap .btn-bg:before{
	background: #000000;
}
.btn-wrap .btn-bg:hover{
	color:white
}
.btn-wrap .btn-bg1 {
	width: 135px !important;
	background: #F8F9FA;
	color: #6C757D;
	
	border: 1px solid #FFE4E8;
}
.btn-wrap .btn-bg1:before{
	background: #1D349A;
}
.btn-wrap .btn-bg1:hover {
	color: white;
}
.backdrop {
	background: rgba(7, 40, 53, 0.4);
	position: fixed;
	left: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	top: 0;
	z-index: 14;
}
.modal-backdrop{
	background: rgba(7, 40, 53, 0.4);
}
.modal-backdrop.show {
    opacity:1;
}
.modal .close {
    background:none;
    padding:0;
    color:#6C757D;
    position: absolute;
    right: 20px;
    top: 20px;
}
.modal .close i {
    margin:0;
}
.modal-title {
    font-size:24px;
}
.modal-action{
    padding:10px 0 0;
}
.modal-action button {
    padding: 12px 25px;
    background: #1D349A;
    border: 1px solid #1D349A;
    font-size: 14px;
    margin-right:25px;
}
.modal-action button:hover {
    color:#1D349A;
}
.modal-action .btn-light {
    background: #000000;
    border: 1px solid #000000 !important;
}
.modal-action .btn-light:hover {
    color:#000000;
}
.modal .form-group{
    padding:5px 0;
}
.modal .form-group.first {
    padding-bottom:0;
}
.backdrop.active {
	opacity: 1;
	visibility: visible;
}
.modal .alert {
    margin-top:15px;
}
.quick-view-bg {
	background: rgba(7, 40, 53, 0.4);
	position: fixed;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	z-index: 25;
	opacity: 0;
	visibility: hidden;
}

.quick-view-bg.show {
	opacity: 1;
	visibility: visible;
}

.quick-view {
	max-width: 1110px;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 10px;
	padding: 45px 15px !important;
	position: relative;
	background: white;
}

.quick-view .fa-times {
	position: absolute;
	right: 25px;
	cursor: pointer;
	top: 25px;
	font-size: 18px;
}

.quick-view .con {
	padding: 0 25px 0 0;
}

.badge {
	padding: 3px 8px;
	font-size: 12px !important;
	line-height: normal !important;
	color: white !important;
	border-radius: 10px;
}

nav li.onsale a,
.sale {
	background: #B23B24;
	color: white !important
}
nav li.onsale a{
    border:1px solid #B23B24;
}
.badge.onsale {
	background: #64B7A6;
}

.out {
	background: #ADADAD;
}

.quick-view .col-lg-6 {
	overflow: hidden;
}

/* footer */
footer {
	/*background-image: url(../images/footer.jpg);*/
	/*background-position: center center;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	padding: 35px 0 0;
	position: relative;
}

footer:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #F8F9FA;
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	opacity: 0.8;

}

footer .menu,
footer .copy,
footer .container {
	z-index: 5;
	position: relative;
}
footer .menu .container {
    border-top:1px solid rgba(0,0,0,0.1);
    padding-top:25px;
    margin-top:10px
}
footer h6 {
	display: flex;
	align-items: flex-start;
	font-size: 15px;
	line-height: 21px;
	color: #666666;
	font-weight: 500;
}
footer h6 a {
	color: #666666 !important;
	font-family: 'Figtree', sans-serif;
}

footer h6 strong {
	display: block;
	font-weight: 700;
	color: #000000;
}

footer h6 i {
	margin: 5px 10px 0 0;
    color: #1D349A;
	font-size: 20px;
}

footer h3 {
	color: #000000;
}

footer .copy {
	padding: 25px 0;
	border-top: 1px solid #e1e1e1;
	margin-top: 35px;
}

footer .copy .row {
	align-items: center;
}

footer .copy ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

footer .copy li {
	padding: 0 0 0 15px;
}

footer p {
	color: #000000;
}

footer p {
	display: block;
	font-size: 13px;
	padding: 0;
	align-items: center;
}

footer .copy p a {
	color: #1D349A !important;
	margin-right: 20px;
	background-position-x: var(--transform-origin-start);
	background-position-y: bottom;
    background-size: 100% var(--reversed-link-gap);
}
footer .copy p a:hover{
    
	background-position-x: var(--transform-origin-end);
    background-size: 0% var(--reversed-link-gap);
}
footer a {
	color: #000000 !important;
	background: linear-gradient(to var(--transform-origin-end), #1D349A, #1D349A) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat;
	background-position-x: var(--transform-origin-end);
	background-position-y: bottom;
	transition: background-size var(--animation-default), color var(--animation-default);
}

footer h5 {
	font-size: 18px;
	color: #1D349A;
	padding-top: 35px;
}

footer li {
	padding: 5px 0;
	font-size: 14px;
}

footer li a {
	color: #000000 !important;
}

footer .menu .container {
	padding: 10px 15px 25px;
}

footer .menu p {
	color: #000000 !important;
	line-height: 24px
}

footer form {
	width: 520px;
	margin: 15px 0;
	display: flex;
	flex-wrap: wrap;
}

footer input[type="email"] {
	background: none;
	border: 1px solid #e1e1e1;
	padding: 15px 25px;
	width: 340px;
	height: 48px;
	color: black;
	border-radius: 25px;
	margin-right: 15px;
}

footer button {
	width: 150px;
	height: 48px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: black;
	color: white;
}
footer button:hover{
    background:#1D349A;
}
footer .menu .col-lg-6 ul {
	display: flex;
	flex-wrap: wrap;
}

footer .menu .col-lg-6 ul li {
	width: 50%;
}

.sidemenu-bg {
	background: rgba(7, 40, 53, 0.4);
	position: fixed;
	left: 0;
	width: 100%;
	height: 100vh;
	/* opacity: 0;
	visibility: hidden; */
	top: 0;
	z-index: 15;
}

.sidemnu {
	background: white;
	height: 100vh;
	width: 300px;
	padding: 15px 0;
}

.sidemnu li {
	padding: 10px 25px;
}

.navbar-toggler:focus {
	box-shadow: none !important;
}

.breadcrumb {
	display: flex;
	align-items: center;
}

@keyframes text-underlined {
	0% {
		transform: scaleX(1);
		transform-origin: var(--transform-origin-end)
	}

	50% {
		transform: scaleX(0);
		transform-origin: var(--transform-origin-end)
	}

	51% {
		transform-origin: var(--transform-origin-start)
	}

	to {
		transform: scaleX(1)
	}
}

.btn-bg {
	position: relative;
	overflow: hidden;
}

.btn-bg span {
	position: relative;
	z-index: 5;
}

.btn-bg:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #1D349A;
	
	height: 100%;
	width: 0;
}

.tab-nav li.active:before,
.trending-now .item:hover .btn-bg:before,
.sort label button.active:before,
.trending li:hover .btn-bg:before,
.btn-bg:hover:before {
	width: 100%;
}

.search-results-modal {
	position: absolute;
	left: 0;
	top: 145px;
	width: 100%;
	background: white;
	padding: 0 0 25px;
	opacity: 0;
	visibility: hidden;
	z-index: 20;
	padding-inline: max(10rem, 50vw - var(--scrollbar-width, 0px) / 2 - var(--page-width) / 2);
	border-top: 1px solid #e1e1e1;
}

.search-results-modal.active {
	opacity: 1;
	visibility: visible;
}

.search-results-modal li {
	padding: 5px 0;
}

.search-results-modal li a {
	font-size: 16px;
}

.search-results-modal .col-lg-9 {
	padding-right: 25px;
	padding-top: 25px;
}

.search-results-modal .col-lg-3 {
	border-left: 1px solid #e1e1e1;
	padding-left: 20px;
	padding-top: 25px;
}

.no-scroll body {
	overflow: hidden;
	padding-right: var(--scrollbar-width);
}

.login-bg{
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background: rgba(7, 40, 53, 0.4);
	z-index: 15;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
}
.login-bg.show{
	opacity: 1;
	visibility: visible;
}
.login-bg .login-wrap {
	background: white;
	width:550px;
	border-radius: 20px;
	text-align: center;
	position: relative;
	padding-bottom:0;
	overflow: hidden;
	height:95vh;
}
.login-wrap .fa-times{
	position: absolute;
	right: 35px;
	top: 35px;
	font-size: 18px;
	opacity: 0.5;
	cursor: pointer;
}
.login-bg .login-wrap form {
	padding: 0 35px 0;

}

.login-bg .divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px auto 10px;
    max-width:300px;
    color: #9aa2a6;
    font-size: 13px;
}
.login-bg .divider:before, .divider:after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e7ebed;
}
.login-bg p .btn-bg {
    padding:10px 20px;
    border:1px solid black;
    background:none;
}
.login-bg p .btn-bg:hover{
    color:white !important;
}
.login-wrap form h3 {
	padding-bottom: 0;
	line-height:normal;
}
.login-wrap input[type="text"], .login-wrap input[type="password"] {
    height:40px;
}
.pers-mod form h3 {
    padding-bottom:0 !important;
}
.login-wrap .btm-con {
	background: #F8F9FA;
	padding:35px 35px;
	margin-top:25px;
}
.login-wrap .btm-con p {
	padding: 0 0 10px;
}
.login-wrap form p {
	padding-bottom:0;
    color: #6d6d6d;
}
.login-wrap .btm-con h6 {
	padding: 0 0 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: normal;
}
.login-wrap .btm-con p {
    font-size:13px;
    color: #6d6d6d;
}
.login-bg .btm-con  p .btn-bg {
    border-color:#1D349A;
    background:#1D349A;
    color:white;
        margin-top: 10px;
    display: inline-block;
}
.login-bg .btm-con  p .btn-bg:before{
    background:black;
}
.req {
    color: red;
    font-size: 13px
}
.chosen-container {
    width: 100% !important;
}

.req1 {
    top: 0;
    height: auto;
    font-size: 15px;
    overflow: visible;
}