@import 'common.css';

select.form-control {
	display: none;
}

/* HOMEPAGE */
.banner img.mobile {
	display: none !important;
}

.slider .item {
	background-size: cover;
	height: 100vh;
	background-repeat: no-repeat;
}

.banner .owl-dots {
	position: absolute;
	left: 0;
	bottom: 35px;
	right: 0;
	margin: auto;
	z-index: 100;
}

.banner .parallax-window {
	min-height: 100vh;
	background: transparent;
	width: 100%;
	background-size: cover;
}

/* PRODUCT CAROUSEL */
.product-carousel {
	padding: 20px 0 22px;
	border-bottom: 1px solid #f1eeee;
	position: relative;
}

.product-carousel:after {
	content: "";
	position: absolute;
	left: 0;
	top: 58px;
	width: 100%;
	height: 1px;
	background: #f1eeee;
}

.product-carousel .container {
	position: relative;
	z-index: 5;
}

.product-carousel ul {
	display: flex;
	justify-content: center;
	padding-bottom: 39px;
	border: none;
}

.product-carousel li {
	padding: 0 25px;
}

.product-carousel li a {
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.product-carousel li a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	height: 3px;
	background: #f52563;
	opacity: 0;
	margin: auto;

}

.product-carousel li.active a {
	color: #f52563;
}

.product-carousel li.active a:after,
.product-carousel li a:hover:after {
	opacity: 1;
}

.product-carousel .pros {
	padding: 0 50px;
}

.product-carousel .pros .item {
	padding: 5px;
}

.product-carousel .pros .item img {
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.13);
	margin: 5px auto;
	width: 140px;
	display: block;
}

.product-carousel .pros .item img:hover {
	box-shadow: 1px 1px 22px rgba(0, 0, 0, 0.13);
	transform: translateY(-5px);
}

.product-carousel .highs {
	margin: -10px 0 0;
}

.product-carousel .highs .item {
	padding: 20px 20px;
}

.product-carousel .highs .item img {
	border: 1px solid #000000;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.44);
	width: auto;
	margin: 0 auto;
}

.product-carousel .highs .item img:hover {
	box-shadow: 2px 1px 22px rgba(0, 0, 0, 0.25);
	transform: translateY(-5px);
}

/* FEATURED */
.featured {
	padding: 90px 0;
}

.featured h2 {
	text-align: center;
	padding-bottom: 75px;
	letter-spacing: 5px;
}

.feat-ca {
	margin-top: -30px;
}

.career-opportunities .career-logo .item,
.feat-ca .item {
	border: 1px solid #dbdbdb;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
	display: block;
	margin: 30px;
	width: auto !important;
}

.career-opportunities .career-logo .item:hover,
.feat-ca .item:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);
}

.career-opportunities .career-logo.owl-carousel .owl-nav button.owl-prev,
.career-opportunities .career-logo.owl-carousel .owl-nav button.owl-next,
.featured .owl-carousel .owl-nav button.owl-prev,
.featured .owl-carousel .owl-nav button.owl-next {
	position: relative;
	left: 0;
	top: 0;
	margin: 50px 10px 0;
}

.career-opportunities .owl-carousel .owl-nav button,
.featured .owl-carousel .owl-nav button {
	width: 48px;
	height: 48px;
	background: none;
	border: 1px solid #e2e5e9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.career-opportunities .career-logo.owl-carousel .owl-nav button i,
.featured .owl-carousel .owl-nav button i {
	color: #292929;
	font-size: 24px;
}

.career-opportunities .career-logo.owl-carousel .owl-nav button:hover i,
.featured .owl-carousel .owl-nav button:hover i {
	color: white;
}

/* CLASSES */
.classes {
	background: url(../images/home-class-events-bg.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 0 0 90px;
	margin-bottom: 80px;
}

.classes.classes1 {
	margin-bottom: 0;
}

.classes .title {
	text-align: center;
	padding: 60px 0;
}

.classes .title h3,
.classes .title h3 a,
.classes .title p {
	color: white;
}

.classes .title h3 {
	letter-spacing: 5px;
}

.classes .title p {
	width: 45%;
	margin: 5px auto 0;
}

.class-con {
	background: white;
	padding: 30px 10px 50px;
	min-height: 740px;
}

.class-con .tab-con-wrap ul {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #eaeaea;
	padding: 30px 80px 0;
	flex-wrap: wrap;
}

.class-con .nav-tabs li a {
	border-bottom: 3px solid transparent;
	display: block;
	padding: 0 60px 30px;
	font-weight: 500;
}

.class-con .nav-tabs li.active a,
.class-con .nav-tabs li a:hover {
	border-bottom-color: #f52563;
	color: #f52563;
}

.class-con .tab-con ul {
	padding: 0;
}

.tab-con .tabs-pane {
	display: none !important;
	visibility: hidden !important;
}

.tab-con .tabs-pane.active {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.class-con .tab-con ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	padding: 30px 80px;
}

.class-con .tab-con ul li * {
	width: 20%;
}

.class-con .tab-con ul li p.detail {
	width: 35%;
}

.class-con .tab-con ul li p.link {
	width: 85px;
}

.class-con .tab-con ul li p.time,
.class-con .tab-con ul li p.display {
	width: 110px;
}

.class-con .tab-con ul li p.time {
	width: 145px;
}

.class-con .tab-con ul li span {
	display: block;
	color: #969696;
	font-weight: 400;
	width: 100%;
}

.class-con .tab-con ul li .time span i {
	color: #969696;
	font-size: 12px;
	width: 20px;
	margin-right: 0;
}

.class-con .tab-con ul li .icon,
.class-con .tab-con ul li i {
	color: #aaaaaa;
	margin-right: 3px;
	width: 20px;
}

.class-con .tab-con ul li p {
	color: #292929;
	font-weight: 500;
	letter-spacing: 1.5px;
}

.class-con .tab-con ul li p.display,
.class-con .tab-con ul li p.display i {
	color: #f52563;
}

.class-con .tab-con ul li p.green,
.class-con .tab-con ul li p.green i {
	color: #98bd1d;
}

.class-con .tab-con ul li a {
	color: #f52563;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding-bottom: 0;
	width: 100%;
	border-bottom: 2px solid #f52563;
}

.class-con .tab-con ul li {
	padding-top: 20px;
	padding-bottom: 20px;
}

.class-con .btn {
	padding-top: 20px;
}

.class-con .tab-con ul li a span {
	font-weight: 500;
	color: #f52563;
}

.class-con .tab-con ul li a:after {

	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #292929;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.38, .32, .36, .98)0s;
	transition: -webkit-transform .2s cubic-bezier(.38, .32, .36, .98)0s;
	-o-transition: transform .2s cubic-bezier(.38, .32, .36, .98)0s;
	transition: transform .2s cubic-bezier(.38, .32, .36, .98)0s;
	transition: transform .25s cubic-bezier(.38, .32, .36, .98)0s, -webkit-transform .25s cubic-bezier(.38, .32, .36, .98)0s;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	z-index: 5;
}

.class-con .tab-con ul li a:hover:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.class-con .tab-con ul li a:hover span {
	color: #292929;

}

.classes .tab-con ul li>img {
	width: 70px;
}

.class-con .btn {
	text-align: center;
	width: 100%;
	padding: 50px 0 0;
}

.class-con .btn a {
	background: #f52563;
	width: 200px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	color: white;
}

/* CONNECT */
.connect h3,
.connect p {
	text-align: center;
}

.connect h3 {
	text-align: center;
	letter-spacing: 5px;
}

#instafeed {
	padding: 35px 10px 10px;
}

#instafeed a img {
	height: 250px;
	width: 250px;
	object-fit: cover;
	margin: 0 auto;
}

/* INNER CONTAINER */
.inner-container {
	padding: 80px 0;
}

.inner-container .sec-title {
	text-align: center;
	font-size: 36px;
	font-weight: 300;
	position: relative;
	padding-bottom: 15px;
}

.inner-container .sec-title:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 0;
	width: 95px;
	height: 3px;
	background: #f52563;
}

ul.pro-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	padding: 25px 0 65px;
}

ul.pro-list li {
	width: 190px;
	margin: 15px;
}

ul.pro-list li img {
	display: block;
	margin: 0 auto;
	border: 1px solid #f0efef;
	filter: grayscale(0%);
	padding: 5px;
	opacity: 1;
}

ul.pro-list li:hover img {
	filter: grayscale(100%);
	opacity: 0.5;
}

/* STORES  */
.stores .inner-container {
	background: #f9f9f9;
}

.stores .inner-container img {
	display: block;
	margin: 80px auto 0;
}

.stores .inner-container img:first-child {
	margin-top: 0;
}

.stores .row {
	justify-content: center;
}

.stores .con {
	background: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	padding: 35px;
	margin: 30px 0 0;
}

.stores .con img {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.stores p {
	font-size: 14px;
	padding: 0;
	font-weight: 400;
}

.stores .pink a,
.stores .pink {
	color: #f52563;
	padding: 0;
}

.stores .pink a:hover {
	color: #292929;
}

.stores h6 {
	font-size: 24px;
}

.stores .link {
	margin-bottom: 20px;
}

.stores .inner-container .btn {
	padding: 25px 0 0;
}
.state-btn-wrap button.btn-states, .state-btn-wrap button.btn-states:focus,
.stores .inner-container .btn a {
	border: 1px solid #f52563 !important;
	color: #f52563;
	padding: 10px;
	position:relative;
	background:none;
}
.state-btn-wrap button.btn-states.active,
.state-btn-wrap button.btn-states:after,
.stores .inner-container .btn a:after {
	background: #f52563 !important;
}
 .state-btn-wrap button.btn-states.active,
.state-btn-wrap button.btn-states:hover,
.stores .inner-container .btn a:hover {
	color: white;
	background:none;
}
button[type="button"].btn-states-reset{
    background:#3342B0;
}
button[type="button"].btn-states-reset:hover {
    background-color: #132082;
    border-color: #132082;
}
.stores hr {
	margin: 10px 0;
	border-bottom-color: #949494
}

/*STORE POP*/
.scroll-pane {
	padding: 30px;
}

.scroll-pane h4 {
	text-align: center;
}

.scroll-pane li {
	display: inline-block;
	padding: 10px;
}

.scroll-pane li img {
	opacity: 0.5;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}

.scroll-pane li:hover img {
	opacity: 1;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
}

#pop.inner-container {
	padding-top: 0;
}

#pop ul.pro-list {
	justify-content: flex-start;
}

#pop ul.pro-list li {
	width: 145px
}

/*MODEL*/
.model p {
	display: inline-block;
	padding-right: 40px !important;
	line-height: 20px !important;
}

.model .content td {
	padding: 10px 0;
}

/* VIDEOS */

.videos hr {
	margin: 10px 0 30px;
}

.search .srch-lft {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.search select {
	display: none;
}

.search form {
	padding: 0 0 45px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.search .input {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 78%;
	border: 1px solid #292929;
}

.search .input input {
	border: none;
	padding: 9px 15px;
}

.search button {
	background: #292929;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	width: 170px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	font-weight: 600;
	position: relative;
}

.search button:after {
	background: #f52563;
}

.videos iframe {
	display: block;
}

.videos .caption {
	background: #292929;
	padding: 5px 25px 20px;
}

.videos .caption h6 {
	color: white;
	font-weight: 400;
	font-size: 18px;
}

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

.videos .meta li,
.videos .meta li a {
	color: white;
	font-weight: 400;
}

.videos .meta li a:hover {
	color: #f52563;
}

.videos .meta li {
	margin-right: 15px;
	font-size: 13px;
}

.videos .meta li i {
	margin-right: 5px;
	font-size: 12px;
}

.video-list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 1px solid #cfcece;
	padding: 5px 0;
	margin: 20px 0 -20px;
}

.video-list ul li {
	width: 47%;
	margin: 15px 0;
	overflow: hidden;
}

.video-list li img {
	display: block;
	width: 100%;
}

.video-list ul li:hover img {
	transform: scale(1.1);
}

.video-list li h6 {
	background: #292929;
	color: white;
	padding: 15px;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	z-index: 5;
}

.video-list li h6 i {
	margin-right: 10px;
}

.videos .col-lg-4 {
	justify-content: flex-end;
}

.sidebar {
	border: 1px solid #f4f4f4;
	box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08);
	padding: 35px;
	width: 95%;
	float: right
}

.class-reg .btn {
	padding: 20px 0;
}

.edu-bill p.btn a,
.class-reg .btn a {
	padding: 13px 20px;
	font-size: 15px;
	font-weight: 500;
	background: #f52563;
	color: white;
	position: relative;
	text-transform: uppercase;
}

.edu-bill p.btn a {
	padding: 7.7px 20px;
	border: 2px solid #989797;
	color: #292929;
	background: none;
}

.edu-bill p.btn a:after {
	background: #989797;
}

.edu-bill p.btn a:hover {
	color: white;
}

.sidebar h6 {
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
}

.sidebar td span {
	color: #f52563;
}

.sidebar .edit-link span a,
.sidebar .edit-link span {
	color: #b8b7b7;
}

.sidebar .edit-link span a:hover {
	color: #f52563;
}

.sidebar .edit-link span {
	margin-left: -3px;
}

.edu--sidebar ul,
.sidebar ul {
	padding-bottom: 10px;
}

.edu--sidebar ul li,
.sidebar li {
	padding: 6px 0;
}

.edu--sidebar ul li.active a,
.sidebar li.active a {
	color: #f52563;
}

.videos .viewed li {
	display: flex;
	align-items: center;
	border: 1px solid #efefef;
	margin: 15px 0;
	padding: 5px 10px;
	justify-content: space-between;
}

.videos .viewed li img {
	width: 125px;
}

.videos .viewed li p {
	width: 51%;
	font-size: 13px;
	line-height: 18px;
	padding: 0;
}

.videos .viewed li span {
	display: block;
	color: #cfcece;
	margin-top: 5px;
}

.videos .viewed li span i {
	margin-right: 5px;
}

#result_container>h4 {
	padding-bottom: 25px;
}

#pop.video {
	padding-bottom: 0;
}

#pop.video .line {
	padding-bottom: 0;
}

/* EDUCATION */
.srch-meta {
	color: #292929;
	font-weight: 400;
}

.srch-meta span {
	color: #f52563
}

.srch-rst-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	border: 1px solid #f1f0f0;
	padding: 25px 0 0;
	margin: 20px 0 30px;
	overflow-x: hidden;
}

.srch-date {
	border: 1px solid #f52563;
	border-bottom-width: 4px;
	width: 74px;
	height: 74px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #f52563;
	font-size: 17px;
	margin: 0 20px;
	font-weight: 600;
}

.srch-content {
	width: 82%;
	margin-right: 20px;
}

.srch-content p span,
.srch-content p {
	background: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
}

.srch-content p:empty,
.srch-content p span:empty,
.srch-content p br {
	display: none;
}

.srch-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 5px;
}

.srch-title h6 {
	font-size: 18px;
	line-height: normal;
	padding-top: 0;
	color: #f52563;
	width: 80%;
}

.srch-title h6 a {
	color: #f52563;
}

.srch-title h6 a:hover {
	color: #292929;
}

.srch-title h6 span {
	font-size: 14px;
	color: #989797;
	display: block;
}

.srch-title p {
	width: 100px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #f52563 !important;
	color: white !important;
	font-size: 13px !important;
	padding: 0;
	font-weight: 600;
}

.srch-title p i {
	margin-right: 8px;
}

.srch-title p.green {
	background: #98bd1d !important;
}

.srch-rst-wrap hr {
	background: #f1f0f0;
	margin: 30px 0 1px;
	width: 100%;
	height: 1px;
	opacity: 1;
}

.srch-rst-wrap .srch-meta {
	background: #f7f7f7;
	padding: 20px 20px;
	width: 100%;
	position: relative;
	border: 1px solid white;
}

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

.srch-rst-wrap .srch-meta ul li {
	font-size: 14px;
	color: #292929;
	font-weight: 400;
}

.srch-rst-wrap .srch-meta li i {
	color: #b8b7b7;
	margin-right: 5px;
}

.career-opportunities .position-link .btn,
.pos-sidebar__body .btn a,
.googlemap .btn a,
.srch-rst-wrap .btn a {
	background: white;
	color: #f52563;
	border: 1px solid #f52563;
	width: 120px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.pos-sidebar__body .btn {
	padding: 10px 0;
}

.career-opportunities .position-link .btn span,
.pos-sidebar__body .btn span,
.googlemap .btn a span,
.srch-rst-wrap .btn a span {
	color: #f52563;
}

.career-opportunities .position-link .btn:after,
.pos-sidebar__body .btn:after,
.googlemap .btn a:after,
.srch-rst-wrap .btn a:after {
	background-color: #f52563;
}

.career-opportunities .position-link .btn:hover span,
.pos-sidebar__body .btn:hover span,
.googlemap .btn a:hover span,
.srch-rst-wrap .btn a:hover span {
	color: white;
}

.pos-sidebar__body .btn:hover a {
	border-color: black;
}

#pop .srch-content {
	width: 87%;
	margin-right: 0;
}

#pop .srch-rst-wrap .srch-meta li {
	width: 50%;
	border-left: 1px solid #e6e6e6;
	padding-left: 50px;
}

#pop .srch-rst-wrap .srch-meta li:nth-child(2n-1) {
	border-left: none;
	padding-left: 0;
}

#pop .srch-rst-wrap .btn {
	width: 100%;
}

#pop .srch-rst-wrap .btn a {
	margin: 15px auto 0;
}

#pop .srch-rst-wrap .btn a {
	background: #f52563;
	width: 150px;
	height: 45px;
}

#pop .srch-rst-wrap .srch-meta {
	border-bottom: 2px solid #f1f0f0;
}

#pop .srch-rst-wrap .btn a span {
	color: white;
}

.educ {
	overflow: hidden;
}

#pop .srch-rst-wrap .btn a:after {
	background-color: #292929;
}

#pop .srch-rst-wrap .btn a:hover {
	border-color: #292929;
}

.educ,
.educ .scroll-pane {
	padding: 0;

}

.educ .srch-rst-wrap {
	margin: 0;
	padding: 55px 25px 0;
	border: none;
}

.educ .srch-rst-wrap .srch-date {
	margin: 0;
}

/* CONTACT US */
.cnt-frst .con {
	padding-right: 50px;
}

.cnt-frst .con h6 {
	font-size: 24px;
	padding: 0;
	font-weight: 400;
}

.cnt-frst form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 30px;
}

.cnt-frst form label:nth-child(3),
.cnt-frst form label:nth-child(4) {
	width: 48%;
}

.cnt-frst form label {
	width: 100%;
	margin: 5px 0;
	font-size: 16px;
	letter-spacing: 1px;
}

.cnt-frst form label.not-valid {
	color: red;
}

form label.not-valid input,
form label.not-valid textarea {
	border-color: red !important;
}

form label input:focus,
form label textarea:focus,
form label input,
form label textarea {
	background: #f7f7f7 !important;
	border: 1px solid transparent !important;
}

.registration {
	flex-direction: ccolumn;
}

.registration label {
	width: 50%;
}

.registration .btn1 {
	background: #292929 !important;
}

form label span {
	color: #828282;
	font-weight: 400;
	font-size: 14px;
}

.cnt-frst button {
	margin: 15px 0 0;
}

form button:after {
	background: #292929 !important;
}

form button:hover span {
	color: white;
}

.cnt-frst .sidebar {
	width: 100%;
}

.cnt-frst hr {
	border-bottom-color: #e5e5e5;
	margin: 15px 0;
}

.googlemap h6,
.cnt-frst .sidebar h6 {
	color: #f52563;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 0;
	border: none;
}

.googlemap h6 i,
.cnt-frst .sidebar h6 i {
	font-size: 15px;
}

.cnt-frst .sidebar p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}

.cnt-frst .sidebar p span {
	font-weight: 300;
	color: #828282;
	font-style: italic;
	font-size: 14px;
}

.visits {
	padding: 50px 0 0;
}

.visits h3 {
	text-align: center;
	font-size: 38px;
	font-weight: 500;
	padding: 35px 0;
}

.career-rt .item>div {
	border: 1px solid #eae9e9;
	box-shadow: 2px 7px 21px rgba(0, 0, 0, 0.08);
	width: 247px;
	margin: 0 auto;
	padding: 0 15px;
}

.googlemap {
	position: relative;
	height: 600px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 80px 0 0;
}

#google-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	background-color: #e7eaf0;
}

.googlemap .container {
	position: relative;
	z-index: 5;
}

.googlemap .con {
	border: 1px solid #eae9e9;
	box-shadow: 2px 7px 21px rgba(0, 0, 0, 0.08);
	padding: 40px;
	background: white;
	width: 380px;
}

.googlemap h6 {
	padding-bottom: 15px;
}

.googlemap p {
	color: #0f102c;
	font-weight: 400;
}

.gmap_canvas,
.mapouter {
	width: 100% !important;
}

.googlemap .btn {
	padding-left: 0;
	font-size: 14px;
}

.googlemap .btn a {
	width: 140px;
	border-width: 2px;
	text-transform: uppercase;
	height: 45px;
	margin: 0;
}

.education1 .page-title {
	padding: 0;
}

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

.virtual-brands li {
	width: 17.68614%;
	margin: 15px;
}

.virtual-brands li:hover img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

/* ABOUT US*/
.about .inner-container img {
	box-shadow: 3px 1px 16px rgba(0, 0, 0, 0.07);
}

.about .con h3 {
	font-size: 30px;
}

.about .con h3 span {
	font-size: 18px;
	display: block;
	font-weight: 600;
	color: #989797;
}

.about .con p {
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	padding: 7px 0;
}

.about hr {
	background: #dbdbdb;
	margin: 75px 0 90px;
	border: none;
	width: 100%;
	height: 2px;
	display: block;
}

/*MISSION*/
.mission .inner-container h3 {
	text-align: left;
	font-size: 30px;
	margin-bottom: 25px;
	font-weight: 600;
}

.mission .con p {
	font-weight: 400;
}

.mission .inner-container .sec-title:after {
	margin: 0;
}

.mission .con p {
	font-size: 15px;
	padding: 7px 0;
}

/* PRIVACY POLICY*/
.privacy .inner-container .col-12 {
	margin-top: -20px;
}

.privacy h6 {
	font-size: 18px;
	padding: 20px 0 0;
}

.privacy p {
	padding: 7px 0;
	font-weight: 400;
	font-size: 15px;
}

.privacy ol {
	font-weight: 400;
	padding-left: 15px;
	font-size: 15px;
	margin: 0;
}

.edu-bill .con {
	padding: 0 25px
}

.req {
	color: red;
}

.payment .row>div {
	display: flex;
}

.frm-bill-info .con {
	border: 1px solid #efefef;
	margin: 20px 0;
	width: 100%;
}

body.contact .alert {
	display: none;
}

.career-opportunities .available_pos_count {
	background: #dbdbdb;
	margin-bottom: 15px;
}

.career-opportunities .position-row {
	padding: 15px 0;
	display: block;
}

.career-opportunities .position-row+.position-row {
	border-top: 1px solid #dbdbdb;
}

.career-opportunities .position-location {
	color: #b8b7b7;
}

.career-opportunities .position-action {
	display: flex;
	justify-content: flex-end;
}

.career-opportunities h5 span {
	color: #f52563;
}

.career-opportunities .flex label,
.career-opportunities .flex {
	display: flex;
	align-items: center;
}

.career-opportunities .con {
	border: 1px solid #f1eeee;
	;
	padding: 25px;
	margin: 15px 0;
}

.career-opportunities .flex label {
	padding: 10px 10px 10px 0;
}

.career-opportunities .career-logo .item img {
	width: 215px;
	display: block;
	margin: 0 auto;
}

.career-opportunities .career-logo .item {
	margin: 20px;
}

.pro {
	border: 1px solid #f0efef !important;
	padding: 5px !important;
}

#reader-container {
	height: 580px !important;
	width: 100% !important;
	background: white !important;
	margin: 0 !important;
}

#reader-container .controls .btn:hover {
	background: #f52563 !important;
}

#reader-container .controls .btn:hover .icon {
	color: white !important;
}

.alert {
	padding: 20px;
}

.alert ul li {
	list-style: disc;
}

.alert ul {
	padding: 8px 20px;
}

.information {
	background: #FFBAD2;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	align-items: center;
	z-index: 1000;
	justify-content: center;
	text-align: left;
	padding: 3px 0;
	height: 36px !important;
}

.information i {
	color: black;
	padding: 5px 0;
	font-size: 20px;
}

.information p {
	padding: 0 0 0 15px;
	font-size: 15px;
}

.information1.hide {
	top: -100%;
	overflow: hidden;
}

.information1.show {
	height: auto;
	overflow: hidden;
}

.information .close {
	position: absolute;
	right: 15px;
	top: 3px;
	color: black;
	cursor: pointer;
	font-size: 10px;
}

.information+header {
	top: 37px;
}

.information+header.sticky {
	top: 0;
}

.information1.hide+header {
	top: 0;
}

.si-landing {
	width: 92%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #dbdbdb;
	box-shadow: 0 0 10px rgb(0, 0, 0, 0.14);
}

.salon-interactive__form {
	width: 62%;
	margin: 15px auto -125px;
}

.si-landing h5 {
	font-weight: 400;
}

.si-landing h4 {
	color: #f52563;
}

.si-landing h5 strong {
	font-weight: 700;
}

.position h5 span {
	display: none;
}

.class-con h4 {
	padding-bottom: 35px;
	text-transform: uppercase;
}

.pos-sidebar {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: flex;
	justify-content: flex-end;
	opacity: 0;
	visibility: hidden;
}

.pos-sidebar__overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.pos-sidebar.show {
	opacity: 1;
	visibility: visible;
}

.pos-sidebar__inner {
	width: 550px;
	height: 100vh;
	background: white;
	padding: 15px 25px;
	overflow-y: scroll;
	position: relative;
	right: -100%;
	z-index: 5;
}

.pos-sidebar__close {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #f52563;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.pos-sidebar__head {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.pos-sidebar.show .pos-sidebar__inner {
	right: 0;
}

@media(min-width:1170px) {

	.mission .inner-container .container,
	.about .inner-container .container {
		max-width: 1170px !important;
	}
}

@media(min-width:1200px) and (max-width:1400px) {
	nav li a {
		padding-left: 22px;
		padding-right: 22px;
	}

	.search .input {
		width: 70%;
	}

	.srch-content {
		width: 80%;
	}

	.career-rt {
		width: 100% !important;
	}
}

@media(min-width:1200px) {
	.slider .item {
		padding-top: 0;
	}

	#pop iframe {
		height: 400px !important;
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.container {
		max-width: 100%;
	}

	.class-con .nav-tabs li a {
		padding-left: 45px;
		padding-right: 45px;
	}

	nav>ul>li.btn {
		padding: 0 5px !important;
	}

	nav li a {
		padding: 13px 5px;
	}

	.slider .item {
		padding-top: 120px;
	}

	.search .input {
		width: 70%;
	}

	.videos .viewed li {
		flex-direction: column;
		padding-left: 0;
		padding-right: 0;
	}

	.videos .viewed li img,
	.videos .viewed li p {
		width: 100%;
	}

	.videos .viewed li p {
		padding-top: 5px;
	}

	#pop iframe {
		height: 480px;
	}

	.srch-content {
		width: 77%;
	}

	.career-rt {
		width: 100% !important;
	}

	.career-rt .item>div {
		width: 320px;
		height: 320px;
	}
}

@media(min-width:992px) and (max-width:1099px) {
	.career-rt .item>div {
		width: 270px !important;
		height: 270px !important;
	}

	.virtual-brands li {
		width: 13.667% !important;
	}
}

@media(min-width:992px) {
	header nav>ul>li:last-child {
		padding-bottom: 8px;
		margin-bottom: 0;
	}

	header .dropdown {
		position: absolute;
		left: 0;
		top: 110px;
		width: 100%;
		background: rgba(255, 255, 255, 0.98);
		padding: 20px 0;
		opacity: 0;
		visibility: hidden;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.07);
	}

	header.sticky .dropdown {
		top: 80px;
	}

	header nav>ul>li:hover .dropdown {
		opacity: 1;
		visibility: visible;
	}

	header .dropdown .row {
		justify-content: center;
	}

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

	header .dropdown ul li {
		width: 45%;
		padding: 4px 0;
	}

	.events .inner-container .row,
	.videos .inner-container .row {
		display: block;
	}

	.events .inner-container [class*="col-lg-"],
	.videos .inner-container [class*="col-lg-"] {
		float: left;
	}

	.events .inner-container .col-lg-4,
	.videos .inner-container .col-lg-4 {
		position: sticky;
		top: 110px;
	}

	.mission .inner-container .row {
		align-items: center;
	}

	.mission .col-lg-6:last-child {
		position: relative;
		z-index: 5;
	}

	.mission .con {
		padding: 90px 60px;
		box-shadow: 3px 1px 16px rgba(0, 0, 0, 0.07);
		position: relative;
		left: -120px;
		z-index: 100;
		background: white;
		width: 700px;
	}

	.mission .con p {
		font-size: 18px;
		line-height: 30px;
		font-weight: 400;
	}

	.slider .item img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}

	.career-opportunities .career-logo.owl-carousel .owl-nav,
	.featured .owl-carousel .owl-nav {
		display: flex;
		justify-content: center;
	}

	.career-rt {
		display: block;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 85%;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	.career-rt .item>div {
		width: 300px;
		height: 300px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 30px;
	}

	.virtual-brands li {
		width: 17.312%;
	}

	.career-rt .item {
		position: relative;
	}

	.career-rt .item .front {
		z-index: 900;
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		transition: all .6s ease-in-out;
	}

	.career-rt .item .back {
		position: absolute;
		top: 0;
		z-index: 1000;
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		transition: all .6s ease-in-out;
	}

	.career-rt .item:hover .front {
		z-index: 900;
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}

	.career-rt .item:hover .back {
		z-index: 1000;
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
	}
}

@media(max-width:991px) {
	header .dropdown {
		display: none;
	}

	.career-rt .item .back {
		display: none;
	}

	.information .info-con {
		width: 80%;
	}

	.information p {
		line-height: 15px;
	}

	.owl-nav {
		display: flex;
		justify-content: center;
	}

	.menu {
		width: 30px;
		height: 40px;
		border-radius: 100%;
		position: absolute;
		right: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		top: 40px;
		bottom: 0;
		margin: auto;
		cursor: pointer;
	}

	.menu span {
		width: 100%;
		height: 2px;
		background: black;
		border-radius: 10px;
		display: block;
		margin: 0 auto;
		position: relative;
	}

	.menu span:before,
	.menu span:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		background: black;
		border-radius: 10px;
		display: block;
		left: 0;
	}

	.menu span:after {
		bottom: -7px;
	}

	.menu span:before {
		top: -7px;
	}

	nav {
		position: absolute;
		left: 0;
		top: 90px;
		width: 100%;
		background: #161616;
		height: 0;
		z-index: 100;
		transition: all 200ms linear;
		overflow: hidden;
	}

	header.sticky nav {
		top: 80px;
	}

	nav.show {
		height: 440px;
	}

	nav .menu-frst li {
		border-top: 1px solid #333338;
	}

	nav li:first-child {
		border-top: none;
	}

	nav li:last-child a {
		display: block;
		margin: 0 0 25px;
	}

	nav .menu-frst {
		overflow-y: scroll;
		width: 100%;
		display: block;
		margin: 30px 0 0;
	}

	nav .visible-sm {
		margin-bottom: 20px;
		display: block;
	}

	nav .menu-frst li:last-child {
		display: none;
	}

	header nav>ul {
		flex-direction: column;
		align-items: flex-start;
	}

	header nav ul li {
		width: 100%;
		padding: 10px 45px !important;
	}

	header nav ul li a {
		color: white;
		font-size: 18px;
		padding: 5px 0;
		display: block;
	}

	header nav ul li:last-child {
		padding-top: 10px !important;
	}

	h2 {
		font-size: 36px;
	}

	.class-con {
		padding-top: 40px;
	}

	.class-con .tab-con ul li {
		padding-left: 10px;
		padding-right: 10px;
	}

	.product-carousel select.form-control {
		width: 240px;
	}

	.classes {
		margin-bottom: 40px;
	}

	.featured .owl-carousel .owl-nav button.owl-next,
	.featured .owl-carousel .owl-nav button.owl-prev {
		margin: 0 15px 30px;
	}

	.featured .owl-carousel .owl-nav button.owl-next {
		right: 0;
		left: auto;
	}

	.classes .title {
		padding: 30px 0;
	}

	.owl-dots .owl-dot span {
		background: rgba(0, 0, 0, 0.08);
	}

	.banner .owl-dots .owl-dot span {
		background: white;
	}

	.banner .owl-dots .owl-dot.active span {
		background: #f52563;
	}

	.product-carousel .pros {
		padding: 0 50px;
	}

	.pros.owl-carousel .owl-nav button.owl-prev,
	.pros.owl-carousel .owl-nav button.owl-next {
		top: 12%;
	}

	.product-carousel .highs .item {
		padding-left: 0;
		padding-right: 0;
	}

	.product-carousel .highs .item img {
		width: 100% !important;
	}

	.product-carousel:after {
		display: none;
	}

	.container {
		max-width: 100%;
	}

	.page-title {
		padding: 15px 0;
	}

	.hide {
		display: none;
	}

	.search select {
		width: 185px;
		height: 45px;
		font-size: 18px;
		border: 1px solid #e2e2e2 !important;
		display: block;
		margin: 0;
	}

	.inner-container {
		padding: 50px 0;
	}

	.career-rt .item {
		padding: 0;
		margin: 15px 0;
	}

	.cnt-frst .con {
		padding: 0 0 30px;
	}

	.visits h3 {
		padding: 0;
	}

	.virtual-brands {
		justify-content: center;
	}

	.mission .inner-container img,
	.about .inner-container img {
		display: block;
		margin: 0 auto 25px;
	}

	.about .con h3 {
		text-align: center;
	}

	.about hr {
		margin: 25px 0 30px;
	}
}

@media(min-width:768px) {
	.cnt-sli {
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin: 55px -5px 120px;
	}

	.cnt-sli .item {
		margin: 0 5px;
	}

	.information+header+.banner {
		padding-top: 39px;
	}

	.information.hide+header+.banner {
		padding-top: 0;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.classes .title p {
		width: 90%;
	}

	.cnt-sli {
		margin-top: 25px;
	}

	.slider .item {
		padding-top: 82px;
		height: auto;
	}

	footer .social a {
		margin-right: 4px;
	}

	.feat-ca {
		padding: 0 30px;
	}

	.featured {
		padding: 50px 0 30px;
	}

	.featured h2 {
		padding-bottom: 40px;
	}

	.class-con .nav-tabs li a {
		padding: 0 20px 20px;
	}

	.class-con {
		min-height: 660px;
	}

	.stores h6 {
		font-size: 19px;
	}

	.search .input {
		width: 71%;
	}

	.srch-content {
		width: 80%;
	}

	.search .srch-lft {
		width: 76%;
	}

	.virtual-brands li {
		width: 20.968%;
	}

	#instafeed a img {
		height: 320px;
		width: 100%;
	}
}

@media(min-width:768px) and (max-width:800px) {

	.search .input {
		width: 68%;
	}

	.virtual-brands li {
		width: 20.968% !important;
	}
}

@media(max-width:767px) {

	.information+header+.banner {
		padding-top: 45px;
	}

	.information.hide+header+.banner {
		padding-top: 0;
	}

	.pos-sidebar__head {
		padding-top: 60px;
	}

	.si-landing {
		width: 100%;
	}

	.salon-interactive__form {
		width: 90%;
	}

	.career-opportunities .position-action {
		position: relative;
	}

	.career-opportunities .position-action .btn {
		position: absolute;
		top: -35px;
	}

	.sec-bill-title {
		font-size: 26px;
	}

	.edu-bill .col-md-9 .con {
		padding: 30px 0;
	}

	.mission .con h3 {
		text-align: center;
	}

	.mission .con {
		padding-top: 15px;
	}

	.mission .inner-container .sec-title:after {
		margin: auto;
	}

	header .normal {
		display: none;
	}

	header .sticky {
		display: block;
	}

	.container {
		width: 100% !important;
		max-width: 100%;
	}

	.product-carousel {
		padding: 5px 0 15px;
	}

	.product-carousel ul {
		padding-top: 25px;
		padding-bottom: 15px;
	}

	.product-carousel li a {
		padding-bottom: 5px;
	}

	.banner img {
		display: none !important;
	}

	.banner img.mobile {
		display: block !important;
	}

	.classes {
		background-image: url(../images/home-class-events-bg-mobile.jpg);
		background-attachment: scroll;
		padding-bottom: 50px;
		margin-bottom: 25px;
	}

	.class-con {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.class-con .tab-con-wrap ul {
		justify-content: center;
	}

	.classes .title {
		padding-bottom: 10px;
	}

	.class-con .tab-con-wrap ul {
		padding: 0;
		border-top: none;
	}

	.class-con .btn {
		padding-top: 20px;
	}

	.class-con .nav-tabs li a {
		padding: 0 30px 8px;
	}

	.classes .title p {
		width: 100%;
	}

	.cnt-sli {
		margin-top: 15px;
	}

	header.sticky img {
		width: auto;
	}

	h3 {
		font-size: 30px !important;
	}

	.class-con .tab-con ul li p.link {
		margin: 0 auto;
	}

	.class-con .tab-con ul li p:nth-child(4) {
		width: 100%;
		text-align: center;
	}

	.class-con .tab-con ul li p:nth-child(4) {
		margin-top: 20px;
	}

	footer .col-lg-4:first-child {
		text-align: center;
	}

	footer .col-lg-4:first-child p {
		text-align: center;
		width: 100%;
	}

	.featured {
		padding: 25px 0 0;
	}

	.featured h2 {
		padding-bottom: 15px;
	}

	.connect {
		padding-bottom: 35px;
	}

	.slider .item {

		height: auto;
	}

	footer .copy {
		margin-top: 20px;
	}

	footer {
		padding-top: 30px;
	}

	.product-carousel .highs .item {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 10px;
	}

	.product-carousel .highs .item img {
		margin: 0 30px;
	}

	.product-carousel .highs {
		padding: 0 40px;
	}

	.feat-ca {
		padding: 35px 0 0;
	}

	.feat-ca .item {
		margin: 30px 15px;
	}

	.class-con .nav-tabs li:nth-child(1),
	.class-con .nav-tabs li:nth-child(2) {
		display: none;
	}

	.inner-container {
		padding: 40px 0;
	}

	.search .input {
		width: 70%;
	}

	#google-container {
		position: relative;
		margin-bottom: 25px;
	}

	.googlemap .con {
		margin: 0 auto;
	}

	.googlemap {
		margin-top: 45px;
		height: auto;
	}

	.cnt-frst form {
		padding-top: 0;
	}

	.sidebar {
		width: 100%;
		margin: 35px 0 0;
		padding: 20px;
	}

	.registration label {
		width: 100%;
	}

	.class-con {
		min-height: auto;
		padding-bottom: 25px;
	}

	#reader-container .controls,
	#reader-container .content {
		width: 100%;
	}
}

@media(min-width:501px) and (max-width:767px) {
	.search .srch-lft {
		width: 74%;
	}

	.search .input {
		width: 62%;
	}

	.virtual-brands li {
		width: 28%;
	}

	.srch-content {
		width: 79%;
	}
}

@media(max-width:500px) {
	.stores h6 {
		font-size: 17px;
	}

	.slider .item {
		padding-top: 0;
	}

	.product-carousel {
		padding: 10px 0 0;
	}

	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next {
		top: 35%;
	}

	.classes .tab-con ul li>img,
	.class-con .tab-con ul li p.time,
	.class-con .tab-con ul li p.display,
	.product-carousel ul {
		display: none;
	}

	footer {
		text-align: center;
	}

	.feat-ca .item {
		margin: 30px 15px;
	}

	footer .row {
		justify-content: center;
	}

	footer .col-lg-4 p {
		text-align: center;
		padding-top: 15px;
	}

	footer img {
		display: block;
		margin: 0 auto;
	}

	footer .copy {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
	}

	footer h6 {
		padding-top: 25px;
	}

	ul.pro-list {
		justify-content: center;
		padding-bottom: 25px;
	}

	ul.pro-list:last-child {
		padding-bottom: 0;
	}

	ul.pro-list li {
		width: 170px;
		margin-left: 0;
		margin-right: 0;
	}

	#pop ul.pro-list li {
		width: 142px;
	}

	.inner-container .sec-title {
		font-size: 29px;
	}

	.search .input {
		width: 100%;
		margin-bottom: 10px;
	}

	.googlemap .con,
	.search button {
		width: 100%;
	}

	.video-list ul li {
		width: 100%;
	}

	.srch-content {
		width: 100%;
		margin: 20px 20px 0;
	}

	.srch-rst-wrap .srch-meta ul li {
		width: 48%;
		margin: 10px 0;
	}

	.srch-rst-wrap .srch-meta ul li:last-child {
		width: 100%;
		padding-left: 0;
	}

	.srch-rst-wrap .srch-meta ul li:last-child a {
		margin: 10px 0 0;
	}

	#pop .srch-content {
		width: 100%;
		margin: 20px 0 0;
	}

	#pop .srch-rst-wrap .srch-meta li {
		width: 100%;
		border: none;
		padding: 3px 0;
	}

	.search .srch-lft {
		width: 100%;
	}

	.search select {
		width: 100%;
		margin: 20px 0 0;
	}

	.virtual-brands li {
		width: 44%;
		margin: 10px;
	}

	.cnt-frst .sidebar p span {
		display: inline-block;
	}

	#instafeed a img {
		height: 340px;
		width: 330px;
	}

	.srch-title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 10px;
	}

	.edu-bill .inner-container hr {
		margin: 0 0 15px;
	}

	.srch-title h6 {
		width: 100%;
	}

	.cnt-frst form label:nth-child(3),
	.cnt-frst form label:nth-child(4) {
		width: 100%;
	}

	.si-landing h4 {
		font-size: 26px;
	}

	.si-landing h5 {
		font-size: 22px;
	}

	.salon-interactive__form {
		margin-bottom: -25px;
	}

	.pos-sidebar__inner {
		width: 90%;
	}

	.information1 {
		flex-direction: column;
		align-items: center;
		height: auto !important;
		padding: 15px 0;
	}

	.information+header {
		top: 86px;
	}

	.information1 .info-icon {
		display: none;
	}

	.information+header+.banner {
		padding-top: 90px;
	}

	.information.hide+header+.banner {
		padding-top: 0;
	}
}

@media(max-width:767px) {
	.banner .owl-dots {
		bottom: 5px;
	}

	.banner .owl-dots .owl-dot span {
		width: 7px;
		height: 7px;
		margin: 5px 4px;
	}
}

#search_keyword {
	font-family: 'Jost', FontAwesome
}

.man-btn {
	width: 170px;
	margin-top: 5px
}

@media(max-width:991px) {
	.man-btn {
		margin: 5px auto
	}

	#reader-container .controls .btn.overview,
	#reader-container .overviews {
		display: none !important;
	}

	#reader-container .controls,
	#reader-container .content {
		right: 0 !important;
	}

	#reader-container .vertical.flex {
		flex-direction: row !important
	}
}

@media(max-width:767px) {

	#reader-container .controls .left,
	#reader-container .controls .right {
		height: 30% !important;
	}

	#reader-container .controls .right {
		right: -10px !important;
	}

	#reader-container .controls .left {
		left: -10px !important;
	}

	#reader-container .controls .topright {
		height: auto !important;
		bottom: 52px;
		right: 0;
		left: 0;
		margin: auto;
		top: auto !important;
	}

	.page-title h2 {
		font-size: 26px;
	}

	#reader-container .controls .icon {
		line-height: 35px !important;
	}

	#reader-container .controls .btn {
		width: 35px !important;
		height: 35px !important;
	}

	#reader-container {
		height: 500px !important;
	}
}

/*NEW STYLE EMMAN 27 SEPT 2023*/
@media(min-width:1200px) {
	.product-carousel .highs {
		width: 70%;
		margin: 0 auto;
	}

	.box-shadow {

		margin: 10px 0;
		display: flex;
		flex-wrap: wrap;
	}
}

.box-shadow {
	border-radius: 0.4rem;
	margin-bottom: 3rem;
	background-color: #fff;
	border: 0.1rem solid #dddff7;
	-webkit-box-shadow: 0 2px 3px rgba(225, 223, 249, 0.9);
	box-shadow: 0 2px 3px rgba(225, 223, 249, 0.9);
	width: 100%;
}

.promotion-item__image {
	display: block;
	text-align: center;
	position: relative;
	padding: 1.2rem;
	text-decoration: none !important;
}

.promotion-item__image>img {
	max-height: 100%;
}

.btn-image__zoom1,
.btn-image__zoom {
	font-size: 20px;
	line-height: 1;
	border: 0;
	color: #dddff7;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 10;
	background-color: transparent;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
}

.btn-image__zoom1:hover,
.btn-image__zoom:hover,
.btn-image__zoom:focus {
	color: #b0b3d7;
}

.promotion-item small.text-danger {
	display: none;
	font-size: 88%;
	margin-top: 0.5rem;
	letter-spacing: 0.03rem;
}

.promotion-item__info {
	background-color: #f1effc;
	border-radius: 0 0 0.4rem 0.4rem;
	padding: 0 1.5rem 20px;
	text-align: center;
	width: 100%;
}

.promotion-item__image {
	display: block;
	text-align: center;
	position: relative;
	height: 155px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.promotion-item__info>h6 {
	overflow: hidden;
	line-height: 21px;
	margin-bottom: 0.5rem;
	padding-bottom: 0;
	font-size: 15px;
	font-weight: 400;
}

.promotion-item__price {
	color: #fe6565;
	font-weight: 700;
	font-size: 14px;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
}

.promotion-item__price>span {
	text-decoration: line-through;
	color: #535353;
	font-weight: 400;
	font-size: 90%;
}

.promotion-item__action .qty-box-wrap>.btn {
	font-size: 12px;
	padding: 0.35rem 1.8rem;
	color: #54437d;
	border-color: #54437d;
}

.promotion-item__action .qty-box-wrap>.btn:hover {
	color: #fff;
	background-color: #54437d;
	border-color: #54437d;
}

.clearance-listing .col-lg-4 {
	display: flex;
	flex-wrap: wrap;
}

.promotion-item__savings>span {
	padding: 0.04rem 0.82rem;
	font-size: 12px;
	line-height: 1.4rem;
	border-radius: 2rem;
}

.badge-success {
	color: #fff;
	background-color: #2dca73;
}

button.close.btn-modal-close {
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 0;
	border: 1px solid #fff;
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 100;
	background: transparent;
	opacity: 0.8;
	text-shadow: none;
	font-size: 17px;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	z-index: 1050;
}

button.close.btn-modal-close i {
	margin: 0;
}

#zoomImageModal .modal-dialog-centered {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#zoomImageModal .modal-content {
	border-radius: 0.6rem;
	width: auto;
}

#zoomImageModal .modal-body .img-fluid {
	max-width: 38%;
}


.ajax-loader {

	position: relative;

	margin-bottom: 2.5rem;

	min-height: 20rem;

}

.infinite-scroll .spinner,
.ajax-loader:after {

	background: #fff url("../images/spinner-6.svg") no-repeat top 7rem center;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 10;

	height: 100%;


	background-size: 5.5rem auto;

}

.ajax-loader:after {

	content: "";

}

.infinite-scroll .spinner {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	border: none;
}

.infinite-scroll a {
	border: none !important;
	background: none !important;
	display: block;
	text-align: center;
}

.edu--sidebar h6 {
	color: #7d80a3;
	font-size: 16px;
	line-height: 3rem;
	padding: 5px 20px;
	letter-spacing: 0.05rem;
	font-weight: 700;
	border-bottom: 0.1rem solid #e4e1f1;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	margin: 0;
	width: 100%;
}

.edu--sidebar h6 a {
	color: #9273e3;
}

.edu--sidebar ul {
	width: 100%;
	padding-top: 10px;
}

.edu--sidebar ul li {
	padding: 10px 20px;
}

.edu--sidebar ul li a {
	font-weight: 400;
}

.accordion-list {
	list-style: none;
	margin: 0;
}

.booklet-wrapper {
	padding-bottom: 3rem;
}

.flip-catalog-wrapper {
	position: relative;
}

.floader-wrapper {
	visibility: visible;
	opacity: 1;
	z-index: 998;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	background: #f6f4ff;
	height: 100%;
	top: 0;
	color: #333;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 150px 0;
	text-align: center;
}

.floaded .floader-wrapper {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
}

.progress-circle-wrapper {
	position: relative;
	width: 72px;
	height: 72px;
	margin: 20px auto;
}

.page-load-inner>img {
	display: block;
	margin: 0 auto 20px;
}

.custom-progress {
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 0.3px;
	width: 72px;
	height: 72px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 25px 0;
	z-index: 100;
	margin-left: -5px;
}

.progress-circle,
.progress-circle:after {
	border-radius: 50%;
	width: 72px;
	height: 72px;
}

.progress-circle {
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	border-left: 4px solid #9273e3;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	box-shadow: 0 0px 20px rgba(5, 90, 5, 0.1), inset 0 0px 25px rgba(5, 90, 5, 0.1);
	margin-left: -5px;
}

@-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);
	}
}

.booklet-wrapper .promotion-item {
	cursor: pointer;
}

.booklet .b-p1 .b-wrap {
	border-right: 3px solid #A299BD;
	padding-right: 7px !important;
}

.booklet .b-p2 .b-wrap {
	border-left: 3px solid #A299BD;
	padding-left: 7px !important;
}

.cat-logos__head {
	background-color: #000000;
	padding: 20px 0 15px;
	text-align: center;
}

.cat-logos__head>h4 {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 17px;
	line-height: 1;
	font-weight: 400;
}

.cat-logos__head>h3 {
	text-transform: uppercase;
	color: #714197;
	letter-spacing: 2px;
	font-size: 26px;
	margin: 0;
	padding: 0;
	font-family: times;
}

.cat-logos__body {
	padding: 10px;
}

.cat-logos {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
}

.cat-logos>li {
	padding: 12px 10px;
}

.cat-logos>li>a {
	display: block;
	max-width: 110px;
}

.cat-logos__footer {
	padding: 10px 0;
}

.cat-logos__footer>h6 {
	font-weight: 600;
}

.cat-logos__footer>p {
	text-transform: uppercase;
	color: #714197;
}

.cats-index-page {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.booklet .promotion-item__action .qty-box-wrap>.btn {
	padding: 0.35rem 1.318rem;
}

.booklet .promotion-item__info {
	padding: 0 1rem 20px;
}

.booklet .promotion-item__info>h6 {
	height: 50px;
}

.booklet-wrapper .promotion-item__savings {
	min-height: 24px;
}

.booklet .promotion-item__price {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.booklet .promotion-item__image {
	height: 154px;
}

.booklet .col-lg-4 {
	padding: 0 7px;
}

.slick-slide {
	min-height: 510px;
}
.modal-dialog {
    margin:0 auto !important;
    max-width:100%;
}
.modal-content {
    position:initial;
    background:none;
    height:100vh;
}
.modal-header{
    border:none;
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    z-index:1000;
}
.close {
    background:none !important;
    color:white;
    font-size: 38px !important;
    padding: 0 !important;
}
.modal-body video{
    display:block;
    width:70%;
}
.online-preview .row{
    justify-content:center;
}
.online-preview .con-wrap{
    display: block;
    max-width:700px;
    width:100%;
    margin: 15px auto;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
}
.online-preview .con-wrap .img{
    cursor:pointer;
    position:relative;
}
.online-preview .con-wrap .img i {
       position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color:white;
    width:65px;
    height:65px;
    background:rgba(0,0,0,0.3);
    border-radius:100%;
}
.online-preview .con-wrap h5 {
    text-align:center;
    padding:20px;
    font-size:17px;
}
@media(min-width:1300px) and (max-with:1400px) {
	.booklet .promotion-item__image {
		height: 144px;
	}

	.booklet-wrapper .my-10 img,
	.booklet-wrapper .promotion-item {
		margin: 17px 0;
	}
}

@media (max-width: 1199px) {

	.booklet-prev,
	.booklet-next {
		display: none !important;
	}

	.cat-logos__footer {
		padding: 0;
	}

	.cat-logos__footer>h6 {
		font-size: 15px;
		font-weight: 400;
	}

	.cat-logos>li {
		padding: 12px 8px;
	}

	.slick-slider .col-lg-4 {
		padding: 0 7px;
		display: flex;
		flex-wrap: wrap;
	}

	.slick-slider .col-lg-4 .promotion-item {
		display: flex;
		flex-wrap: wrap;
	}

	.promotion-item__action .qty-box-wrap>.btn {
		padding: 0.3rem 1.59rem;
	}

	.promotion-item__info>h6 {
		overflow: hidden;
		text-overflow: ellipsis;
		.promotion-item__savings white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.promotion-item__info {
		height: 160px;
	}
}

@media (max-width: 992px) {
	.accordion-list {
		display: none;
		height: 27rem;
		overflow-y: auto;
	}

	.booklet-wrapper .slick-slide img {
		width: 100%;
	}

	.box-shadow {
		width: 99.5%;
	}

	.promotion-item__action .qty-box-wrap>.btn {
		padding: 0.3rem 1.541rem;
	}
}

@media (max-width: 767px) {
	.promotion-item__info {
		border-radius: 0;
		padding: 1.2rem;
	}

	.promotion-item__action .qty-box-wrap>.btn {
		padding: 0.35rem 1rem;
	}

	.promotion-item__info>h6 {
		line-height: 21px;
	}

	.box-shadow {
		align-items: flex-start;
	}

	.promotion-item__image {
		height: 120px;
	}

	.booklet-wrapper .slick-list {
		width: 100%;
	}

	.booklet-nav {
		display: none !important;
	}

	.cat-logos__head>h3 {
		font-size: 26px !important;
	}
	.modal-body video {
	    width:90%;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.promotion-item__image {
		height: 192px;
	}
	.modal-body video {
	    width:80%
	}
}

.row7 {
	margin-left: -7px;
	margin-right: -7px;
}