/*!
 * Web Fonts from Fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2018 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mostardesign
 * License URL: https://www.fontspring.com/licenses/mostardesign/webfont
 *
 *
 */

@font-face {
	font-family: SofiaPro-regular;
	src: url(../fonts/sofiapro/sofiapro-regular-webfont.woff2) format('woff2'), url(../fonts/sofiapro/sofiapro-regular-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}


/*!
 *
 *
 */

@font-face {
	font-family: SofiaPro;
	src: url(../fonts/sofiapro/SofiaProLight.otf) format("opentype")
}

@font-face {
	font-family: SofiaPro;
	font-weight: 700;
	src: url(../fonts/sofiapro/SofiaPro-Bold.otf) format("opentype")
}

@font-face {
	font-family: SofiaPro;
	font-style: italic;
	src: url(../fonts/sofiapro/SofiaProLight-Italic.otf) format("opentype")
}

@font-face {
	font-family: SofiaPro;
	font-style: italic;
	font-weight: 700;
	src: url(../fonts/sofiapro/SofiaPro-BoldItalic.otf) format("opentype")
}

.flexB {
	display: flex;
	flex-wrap: wrap
}

.flexB .postContainer img {
	width: 100%
}

.cell-vertical-middle {
	display: table-cell;
	vertical-align: middle;
	float: none
}

.diff_style,
.diff_style.pl_for_left {
	display: inline-block
}

.post_meta_title {
	float: left
}

.singlepost .col-content .post_meta.noposotion {
	position: static
}

.diff_style.pl_for_left {
	width: 80%
}

.videoloop .post_image img {
	width: 100%
}

.whiteBox .bottomPart .purpleBoxButton {
	color: #666;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 30% 15px;
	text-align: center
}

.whiteBox .bottomPart .purpleBoxButton .borderButt {
	border: 2px solid #6f3b67;
	background: #6f3b67;
	color: #fff;
	margin-right: 1.2em;
	border-radius: 4px;
	line-height: 40px;
	padding: 0 20px;
	display: inline-block!important;
	height: 44px;
	font-size: 1.1em
}

.whiteBox .purpleBoxButton .borderButt a:hover,
.whiteBox .purpleBoxButton .borderButt:hover {
	background: #280d26!important;
	border-color: #280d26!important;
	color: #fff!important
}

.whiteBox .purpleBoxButton h3 {
	color: #777;
	font-size: 2.5em;
	margin: 30px 0;
	text-align: center
}

.whiteBox .title {
	z-index: 1
}

.purpleBoxButton .borderButt:hover a {
	color: #fff!important
}

@media only screen and (max-width:991px) {
	.whiteBox .bottomPart .purpleBoxButton {
		padding: 0 15px
	}
	.whiteBox .purpleBoxButton h3 {
		font-size: 1.5em
	}
	.whiteBox .bottomPart .purpleBoxButton .borderButt {
		width: 100%
	}
}

@media only screen and (min-width:1023px) {
	.img_full img {
		height: auto;
		width: 100%
	}
}

.flexit {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center
}

.flexit .flexed {
	width: 100%
}

@keyframes mymove {
	0% {
		filter: hue-rotate(0deg)
	}
	17% {
		filter: hue-rotate(40deg)
	}
	34% {
		filter: hue-rotate(233deg)
	}
	50% {
		filter: hue-rotate(160deg)
	}
	68% {
		filter: hue-rotate(131deg)
	}
	87% {
		filter: hue-rotate(-12deg)
	}
	100% {
		filter: invert(100%)
	}
}

.colorchange {
	animation: mymove 10s infinite;
	animation-play-state: paused
}

.colorchange:hover {
	animation-play-state: running
}

.site-logo {
	margin-bottom: 30px
}

.text-center {
	text-align: center
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html body {
	font-style: normal;
	font-weight: 400;
	color: #666;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.6
}

body {
	margin: 0
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	background: #fff
}

a,
a:visited {
	color: #6f3b67
}

#content>section>div>div.row.contentContainer.contentContainer--class.class.singlepost>div.col-md-4.col-content>p {
	font-size: 36px;
	color: #6f3b67
}

#classes-loop>form>div.form-sectional.form-section>div>div>div.col-xs-12.col-md-12.newFilterSection>div>p {
	color: #6f3b67
}

a:active,
a:focus,
a:hover {
	color: #2c1829;
	text-decoration: none
}

a:focus {
	outline: dotted thin
}

footer a,
footer a:visited {
	color: #004169
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4,
h5 {
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	color: #000
}

h2 {
	font-size: 40px
}

.h1 {
	font-size: 2em;
	font-size: 36px;
	margin: .67em 0
}

.h2 {
	font-size: .7em;
	font-size: 30px;
	margin: .47em 0
}

.title-h1 {
	color: #000;
	margin-top: 5px;
	font-size: 26px;
	margin-bottom: 10px
}

.text-big {
	font-size: 22px
}

body .text-white,
body a.text-white {
	color: #fff
}

.imagebg .title-h1 {
	color: #fff;
	margin-top: 5px;
	font-size: 40px;
	margin-bottom: 20px
}

.imagebg .title-text {
	margin-top: 5px;
	font-size: 20px
}

.text-left-2x {
	padding-left: 30px
}

body .no-padding {
	padding: 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

ol,
ul {
	margin: 0 0 1.5em 3em
}

ul.nav {
	margin: 0
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li>ol,
li>ul {
	margin-bottom: 0;
	margin-left: 1.5em
}

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

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	height: 100px
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

label {
	font-weight: 500
}

blockquote {
	color: #000;
	margin: 10px 0 0;
	padding: 0 10px 0 60px;
	quotes: "\201C" "\201D" "\2018" "\2019";
	font-size: 1.5em;
	position: relative;
	border: none
}

blockquote:before {
	color: #000;
	content: "\201D";
	font-size: 5em;
	line-height: .1em;
	left: 0;
	top: 25px;
	font-family: "Times New Roman", Times, serif;
	position: absolute
}

blockquote p {
	display: inline
}

blockquote em {
	font-size: .7em
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

body a.button {
	display: inline-block;
	background-color: #cc6;
	border: 1px solid #fff568;
	color: #3a5f82;
	padding: 12px 30px;
	border-radius: 5px
}

body a.button:hover {
	background-color: #e1e1a1
}

body a.button-c1 {
	background-color: #00997c;
	border: 1px solid #00997c;
	color: #fff;
	padding: 12px 30px;
	border-radius: 5px
}

body a.button-c1:hover {
	background-color: #007962
}

.alert {
	margin: 0
}

.btn {
	font-family: SofiaPro, sans-serif;
	font-weight: 700;
	border: 2px solid transparent
}

.btn-primary,
a.btn-primary {
	background-color: #6f3b67;
	border-color: #6f3b67;
	color: #fff
}

.btn-primary:hover,
a.btn-primary:hover {
	color: #fff;
	background-color: #4e2948;
	border-color: #4e2948
}

.btn-secondary,
a.btn-secondary {
	background-color: #6f3b67;
	border-color: #6f3b67;
	color: #fff;
	font-size: 1.1em
}

.btn-secondary:hover,
a.btn-secondary:hover {
	color: #fff;
	background-color: #280d26;
	border-color: #280d26
}

.btn-quaternary {
	background-color: #535d69;
	border-color: #535d69
}

.btn-quaternary:hover {
	color: #fff;
	background-color: #3c444d;
	border-color: #3c444d
}

.btn-white-invert,
a.btn-white-invert {
	background-color: transparent;
	color: #fff;
	border-color: #fff
}

.btn-white-invert:hover,
a.btn-white-invert:hover {
	color: #e6e6e6;
	border-color: #e6e6e6
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #6f3b67;
	border-color: #6f3b67
}

.pagination>li>a,
.pagination>li>span {
	color: #6f3b67
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #000
}

a.social-bg-i {
	width: 50px;
	height: 50px;
	text-align: center;
	display: inline-block;
	background: #6f3b67;
	border-radius: 50px;
	padding-top: 5px;
	margin-right: 10px;
	font-size: 1.8em
}

a.social-bg-i i {
	color: #fff
}

a.social-bg-i:hover {
	background: #4e2948
}

.form-control {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 0;
	border: 1px solid #fff;
	color: #212121;
	height: auto
}

.no-records {
	width: 100%;
	max-width: 1000px;
	padding: 20px;
	background-color: #fff;
	text-align: center;
	margin: 0 auto
}

.i-spacer {
	width: 20px;
	display: inline-block
}

html.app-fullheight,
html.app-fullheight body,
html.app-fullheight body #content {
	height: 100%
}

#page {
	padding-top: 86px
}

@media (max-width:768px) {
	#page {
		padding-top: 70px
	}
}

@media screen and (min-width:768px) {
	#content {
		min-height: 600px
	}
}

#page.page-image {
	padding-top: 0;
	height: 100%
}

body .navbar-default {
	margin-bottom: 0;
	position: fixed;
	z-index: 99;
	width: 100%
}

.menu-cell {
	display: table-cell
}

.navbar-brand {
	border-right: 1px solid #fff;
	padding: 6.5px 1.5rem 6.5px .5rem
}

@media (min-width:769px) {
	.navbar-brand {
		padding: 10px 1.5rem 6.5px .5rem
	}
}

.navbar-brand img {
	height: 67px;
	width: auto;
	position: relative;
	z-index: 999
}

@media (max-width:768px) {
	.navbar-brand img {
		height: 55px;
		max-width: 100%
	}
}

.navbar-default {
	background-color: #fff;
	padding: 0;
	border-bottom: 2px solid #e2e2e2;
	font-family: SofiaPro, sans-serif
}

.navbar-default .navbar-nav {
	padding: 15px 0
}

.navbar-default .navbar-nav li.dropdown.open>a {
	background: 0 0
}

.navbar-default .navbar-nav li a {
	padding: .8rem .75rem .6rem;
	color: #666;
	border: 0 solid transparent;
	font-size: 1.25em;
	transition: all .3s
}

.navbar-default .navbar-nav li a:active,
.navbar-default .navbar-nav li a:hover {
	color: #6f3b67
}

.navbar-default .navbar-nav li a.current_item,
.navbar-default .navbar-nav li a.current_item:hover {
	background: 0 0;
	color: #6f3b67
}

@media (max-width:767px) {
	.navbar-default .navbar-nav li a {
		border-bottom: 1px solid #eee
	}
}

.navbar-default .navbar-nav li .dropdown-menu li a {
	padding: .5rem .75rem
}

.navbar-default .navbar-nav li.btn-login {
	border-left: 1px solid #000;
	padding-left: 30px;
	margin-left: 10px
}

@media (max-width:768px) {
	.navbar-default .navbar-nav li.btn-login {
		border: none;
		padding: 0;
		margin: 0
	}
}

.navbar-default .navbar-nav li.btn-login a {
	border: 2px solid #706f6f;
	margin-right: 1.2em;
	border-radius: 4px;
	line-height: 40px;
	padding: 0 20px;
	height: 44px;
	font-size: 1.1em
}

@media (max-width:768px) {
	.navbar-default .navbar-nav li.btn-login a {
		margin: 10px 0 5px
	}
}

.navbar-default .navbar-nav li.btn-login a:hover {
	background: #6f3b67;
	border-color: #6f3b67;
	color: #fff
}

.navbar-default .navbar-nav li.btn-register a {
	border: 2px solid #6f3b67;
	background: #6f3b67;
	color: #fff;
	margin-right: 1.2em;
	border-radius: 4px;
	line-height: 40px;
	padding: 0 20px;
	height: 44px;
	font-size: 1.1em
}

.navbar-default .navbar-nav li.btn-register a:hover {
	background: #280d26;
	border-color: #280d26;
	color: #fff
}

.navbar-default .navbar-nav li.btn-login a,
.navbar-default .navbar-nav li.btn-register a {
	padding-left: 1.4rem;
	padding-right: 1.4rem
}

.navbar-default .navbar-nav li.dropdown-noticealert {
	border-left: 2px solid #7d7d7d;
	padding-left: 5px;
	margin-left: 10px
}

@media (max-width:767px) {
	.navbar-default .navbar-nav li.dropdown-noticealert {
		border: none;
		padding: 0;
		margin: 0
	}
}

.navbar-default .navbar-nav li.dropdown-profile {
	margin-top: -.5em
}

.navbar-default .navbar-nav li.dropdown-profile a {
	padding-top: 0;
	padding-bottom: 0
}

@media (max-width:768px) {
	.navbar-default .navbar-nav li.dropdown-profile {
		margin-top: -13px
	}
}

.navbar-default .navbar-nav li.flr {
	float: right
}

.navbar-default .navbar-nav li.flr .userName {
	font-weight: 700
}

.navbar-default .navbar-nav li.flr .userName i {
	font-size: 12px
}

@media (max-width:767px) {
	.navbar-default .navbar-nav li.flr {
		float: none;
		text-align: center
	}
	.navbar-default .navbar-nav li.flr .userName {
		display: block;
		margin-top: 10px
	}
	.navbar-default .navbar-nav li.flr .noticecenter-icon {
		border-top: 1px solid #ccc;
		width: 70%;
		margin: 10px auto 0
	}
	.navbar-default .navbar-nav li.flr a {
		border-bottom: 0
	}
	.navbar-default .navbar-nav li.flr .dropdown-menu li a {
		text-align: center!important
	}
}

@media (min-width:768px) {
	.navbar-default .navbar-nav.navbar-left>li:first-child>a {
		padding-left: 2rem
	}
}

.navbar-default .navbar-nav.navbar-right a.dropdown-toggle.dropdown-toggle--profile {
	padding: 2px 1rem 0rem;
	color: #666
}

.navbar-default .navbar-nav.navbar-right a.dropdown-toggle.dropdown-toggle--profile .menu_profilepicture {
	width: 60px;
	height: 60px;
	background-position: top center;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid #6f3b67;
	display: inline;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

@media (min-width:768px) and (max-width:1024px) {
	.navbar-default .navbar-nav li {
		float: none;
		display: inline-block
	}
	.navbar-default .navbar-nav li a {
		padding: .8rem .3rem .6rem;
		font-size: 1em
	}
	.navbar-default .navbar-nav li a.noticecenter-icon {
		padding: .8rem 0 .6rem
	}
	.navbar-default .navbar-nav.navbar-right a.dropdown-toggle.dropdown-toggle--profile {
		padding: 10px 0 0
	}
	.navbar-default .navbar-nav.navbar-right a.dropdown-toggle.dropdown-toggle--profile .menu_profilepicture {
		width: 50px;
		height: 50px
	}
}

body .navbar-default .navbar-nav .caret {
	display: none
}

body .navbar-default .navbar-nav .caret.showCaret {
	display: block;
	width: 8px;
	height: 8px;
	float: right;
	margin: 10px 0 0
}

body .navbar-right .dropdown-menu {
	left: 15%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border-style: solid;
	border-color: #6f3b67;
	border-width: 3px 0 0;
	min-width: 200px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	backface-visibility: visible
}

body .navbar-right .dropdown-menu.newDrop {
	position: relative;
	left: 0;
	transform: translateX(0);
	right: 0;
	border: none;
	box-shadow: inherit
}

body .navbar-right .dropdown-menu.newDrop:before {
	display: none
}

body .navbar-nav>li>.dropdown-menu {
	margin-top: 6px
}

body .dropdown-menu>li>a {
	padding: 10px 20px
}

body .dropdown-menu:before {
	position: absolute;
	top: -10px;
	left: 88%;
	right: auto;
	transform: translate(-50%, 0);
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #6f3b67;
	border-left: 10px solid transparent;
	border-bottom-color: #6f3b67;
	content: ''
}

body .dropdown-menu>.active>a,
body .dropdown-menu>.active>a:focus,
body .dropdown-menu>.active>a:hover {
	color: #6f3b67;
	background-color: transparent
}

body .navbar-toggle {
	top: 25px;
	border: none;
	color: #004168;
	box-shadow: none
}

body .navbar-default .navbar-toggle:focus,
body .navbar-default .navbar-toggle:hover {
	background-color: transparent
}

body .navbar-default .navbar-toggle .icon-bar {
	background-color: #212121
}

body .navbar-default .navbar-toggle:focus .icon-bar,
body .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #9d9d9d
}

body .navbar-default .navbar-nav .open .dropdown-menu>li.text-center>a {
	font-weight: 600!important
}

@media (max-width:767px) {
	body .navbar-default {
		padding: 0;
		position: fixed
	}
	body .navbar-default .navbar-toggle {
		z-index: 999
	}
	body .navbar-default .navbar-collapse {
		padding: 80px 10px 10px;
		background-color: #fff;
		top: 0;
		position: fixed;
		width: 100%;
		z-index: 99
	}
	body .navbar-toggle {
		top: 10px
	}
	body .navbar-default .navbar-nav>li>a,
	body .navbar-nav>li>a {
		padding: 10px;
		color: #212121
	}
	body .navbar-nav .open .dropdown-menu {
		position: relative;
		min-width: auto;
		box-shadow: 0 8px 10px rgba(0, 0, 0, .115);
		-webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, .115);
		border-top: 2px solid #6f3b67;
		margin: 10px 0
	}
	body .navbar-nav .open .dropdown-menu.newDrop {
		box-shadow: inherit;
		-webkit-box-shadow: inherit;
		border-top: none;
		border-radius: 0
	}
	body .dropdown-menu:before {
		display: none
	}
	body .navbar-default .navbar-nav .open .dropdown-menu>li.text-center>a {
		text-align: center!important;
		font-weight: 600!important
	}
	body .navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align: left!important
	}
	body .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	body .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
	body .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		background-color: transparent;
		color: #004168
	}
	body .dropdown-menu>li>a {
		padding: 5px 10px;
		white-space: normal
	}
}

.nav-favorite nav ul {
	list-style: none;
	margin: 30px 0
}

.nav-favorite nav ul li {
	display: inline-block
}

.nav-favorite nav ul li a {
	display: block;
	padding: 10px 20px;
	margin: 10px 5px;
	background-color: #fff;
	color: #666;
	border-radius: 10px
}

.nav-favorite nav ul li.active a,
.nav-favorite nav ul li:hover a {
	color: #6f3b67
}

.app-image .navbar-default {
	background-color: #fff
}

.navbar-default .navbar-nav li a.noticecenter-icon {
	font-size: 1.5em;
	position: relative;
	color: #666;
	padding: .8rem .75rem .6rem
}

@media (max-width:992px) {
	.navbar-default .navbar-nav li a.noticecenter-icon .bell .info-dot {
		top: 0;
		right: -4px
	}
}

.navbar-default .navbar-nav li a.noticecenter-icon .info-dot {
	width: 16px;
	height: 16px;
	border-radius: 50px;
	position: absolute;
	top: 25px;
	right: 15px;
	background: #666;
	transition: all .3s;
	display: none;
	font-size: .5em;
	color: #fff;
	text-align: center;
	line-height: 16px
}

.navbar-default .navbar-nav li a.noticecenter-icon.new-message {
	color: #af50a8
}

.navbar-default .navbar-nav li a.noticecenter-icon.new-message .info-dot {
	background: #af50a8;
	display: block
}

.navbar-default .navbar-nav li a.noticecenter-icon.new-message:hover {
	color: #92238a
}

.navbar-default .navbar-nav li a.noticecenter-icon.new-message:hover .info-dot {
	background: #92238a
}

.navbar-default .navbar-nav li a.noticecenter-icon:hover {
	color: #6f3b67
}

.navbar-default .navbar-nav li a.noticecenter-icon:hover .info-dot {
	background: #6f3b67
}

.table-noticealerts .table-unread td a {
	font-weight: 700;
	color: #000
}

.table-noticealerts .table-read td a {
	color: #666
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto!important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .4375rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
	content: "";
	display: table
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
	clear: both
}

body .row {
	margin: 0
}

body .filter-row {
	margin-bottom: 20px;
	text-align: center
}

body .filter-column {
	margin: 0 10px;
	display: inline-block
}

body .filter-column .form-control {
	width: auto
}

embed,
iframe,
object {
	max-width: 100%
}

.wrap {
	padding-top: 100px
}

.navbar-brand {
	height: auto
}

a.btn {
	padding: 10px 25px;
	display: inline-block;
	clear: both;
	border-radius: 4px
}

a.btn-big {
	font-size: 1.2em
}

a.btn-pink,
body .btn-pink {
	background-color: #6f3b67;
	color: #fff
}

.btn-pink:hover,
a.btn-pink:hover {
	background-color: #2c1829;
	color: #fff
}

.btn-white,
.btn-white:hover,
a.btn-white,
a.btn-white:hover {
	background-color: #fff;
	color: #6f3b67
}

.btn-black,
.btn-black:hover,
a.btn-black,
a.btn-black:hover {
	background-color: #666;
	color: #fff
}

h1.top-banner-title {
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.4;
	color: #fff
}

.top-banner-pricing {
	font-size: 1.5em;
	color: #6f3b67
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password] {
	background: #f2f2f2;
	color: #666;
	padding: 25px 10px;
	border-radius: 5px
}

.form-group .form__control {
	background: #fff!important;
	color: #666!important;
	border-radius: 5px;
	padding: 7px 10px!important;
	border: 1px solid #ccc!important;
	margin-bottom: 20px!important;
	width: 100%;
	display: block
}

ul.nav-tabs {
	margin: 0 20px;
	z-index: 9;
	border: none
}

ul.nav-tabs .btn-pink {
	float: right
}

body .nav-tabs>li {
	margin-bottom: -2px
}

.nav-tabs>li>a {
	color: #6f3b67
}

.nav-tabs>li.active>a {
	border-radius: 10px 10px 0 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background: #f2f1f1;
	border-width: 1px 1px 0;
	border-color: #e2e2e2;
	border-style: solid
}

.tab-content {
	background: #f2f1f1;
	padding: 2rem;
	border-radius: 10px;
	border-width: 1px;
	border-color: #e2e2e2;
	border-style: solid
}

.tab-content .form-group label {
	margin-left: 1.3em
}

.tab-content .form-control {
	background: #fff;
	padding: 1.3em;
	border-radius: 10px;
	border: 1px solid #e2e2e2
}

#hero-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 600px;
	overflow: hidden;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

#hero-wrap .flexed,
#hero-wrap .textinfo {
	width: 100%
}

@media (max-width:1200px) {
	#hero-wrap {
		height: 500px
	}
}

@media (max-width:950px) {
	#hero-wrap {
		height: 500px
	}
}

@media (max-width:768px) {
	#hero-wrap {
		height: 300px
	}
}

#hero-wrap .textinfo .welcome-area {
	width: 100%;
	min-width: 400px;
	float: left;
	text-align: center
}

#hero-wrap .textinfo .welcome-area a.btn {
	margin-top: 10px
}

#hero-wrap h1.title {
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin-bottom: 10px
}

@media (min-width:1000px) {
	#hero-wrap h1.title {
		font-size: 4em;
		line-height: 1.2
	}
}

#hero-wrap .subtitle {
	font-size: 1.2em;
	color: #6f3b67
}

#hero-wrap .btn {
	margin: 4px 10px;
	font-weight: 700
}

@media (min-width:1000px) {
	#hero-wrap .subtitle {
		font-size: 1.5em
	}
}

.pageheader {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 400px;
	overflow: hidden;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.pageheader .flexed,
.pageheader .textinfo {
	width: 100%
}

@media (max-width:992px) {
	.pageheader {
		height: 300px
	}
}

@media (max-width:778px) {
	.pageheader {
		height: 250px
	}
}

.pageheader .textinfo .welcome-area {
	width: 100%;
	max-width: 800px;
	text-align: center;
	margin: 0 auto
}

.pageheader .textinfo .welcome-area h1 {
	display: inline-block;
	padding: 4px 20px 12px
}

.pageheader .textinfo .welcome-area a.btn {
	margin-top: 10px
}

.pageheader h1.title {
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin-bottom: 10px
}

@media (min-width:1000px) {
	.pageheader h1.title {
		font-size: 4em;
		line-height: 1.2
	}
}

.pageheader .subtitle {
	font-size: 1.2em;
	color: #6f3b67
}

.pageheader .btn {
	margin: 4px 10px;
	font-weight: 700
}

@media (min-width:1000px) {
	.pageheader .subtitle {
		font-size: 1.5em
	}
}

.fullcitat {
	overflow: hidden;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px
}

.fullcitat .flexed {
	width: 100%
}

.fullcitat .content-area {
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding: 20px
}

.fullcitat .textinfo .welcome-area a.btn {
	margin-top: 10px
}

.fullcitat h3.title {
	font-size: 2em;
	line-height: 1;
	color: #fff;
	margin-bottom: .2em
}

@media (min-width:1000px) {
	.fullcitat h3.title {
		font-size: 3em;
		line-height: 1.2
	}
}

.fullcitat .subtitle {
	font-size: 1.2em;
	color: #6f3b67
}

.fullcitat .btn {
	margin: 4px 10px
}

.fullcitat .btn:hover {
	background: #6f3b67;
	border-color: #6f3b67;
	color: #fff
}

.container_teachers_carousel {
	padding-bottom: 50px
}

.container_teachers_carousel h2 {
	padding-top: 40px;
	text-align: center
}

.owl-next,
.owl-prev {
	position: absolute;
	top: 40%
}

.owl-next span,
.owl-prev span {
	font-size: 4em;
	font-family: 'Open Sans', sans-serif
}

.owl-prev {
	left: 0
}

.owl-next {
	right: 0
}

.three_textcol .row {
	padding: 60px 0
}

.three_textcol .row .col {
	padding: 40px
}

.borderButt a {
	color: #fff
}

.borderButt:hover a {
	color: #763669
}

.divoblique {
	overflow: hidden;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px
}

.divoblique .content-area {
	width: 40%;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0 auto;
	height: 100%
}

@media (max-width:778px) {
	.divoblique .content-area {
		width: 80%;
		font-size: .6em
	}
}

.divoblique .outer {
	background: rgba(111, 59, 103, .9);
	padding-right: 200px;
	right: -200px;
	position: absolute;
	height: 100%;
	display: block;
	transform: skewX(-18deg)
}

.divoblique .outer.giftcardSection {
	background-color: #763669;
	background-image: url(../layout/bg-icon.png);
	background-repeat: repeat;
	transform: inherit
}

.divoblique .outer.giftcardSection .inner {
	transform: inherit
}

.divoblique .outer.giftcardSection .inner .innerinner {
	text-align: center
}

.divoblique .outer.giftcardSection .inner .innerinner h3 {
	color: #fff;
	font-size: 1em;
	margin: 30px 0 0
}

@media (max-width:992px) {
	.divoblique .outer.giftcardSection .inner .innerinner h3 {
		font-size: .8em
	}
}

.divoblique .outer.giftcardSection .inner .innerinner .fa {
	font-size: 35px;
	padding: 20px 0
}

@media (max-width:992px) {
	.divoblique .outer.giftcardSection .inner .innerinner .fa {
		font-size: 1.2em
	}
}

.divoblique .outer.giftcardSection .inner .innerinner .borderButt {
	border: 1px solid #fff;
	font-size: .5em;
	font-weight: 700;
	color: #fff;
	padding: 14px 10px;
	width: 55%;
	margin: 0 auto;
	display: block;
	background: 0 0
}

.divoblique .outer.giftcardSection .inner .innerinner .borderButt a {
	color: #fff!important
}

@media (max-width:992px) {
	.divoblique .outer.giftcardSection .inner .innerinner .borderButt {
		font-size: .6em
	}
}

.divoblique .outer.giftcardSection .inner .innerinner .borderButt:hover {
	background: #fff;
	border-color: #fff;
	color: #6f3b67
}

.divoblique .outer.giftcardSection .inner .innerinner .borderButt:hover a {
	color: #6f3b67!important
}

.divoblique .outer .inner {
	transform: skewX(18deg);
	padding: 20px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center
}

.divoblique .outer .inner .flexed {
	width: 100%
}

.divoblique .outer .inner .innerinner {
	width: 100%;
	padding: 20px;
	font-size: 1.9em;
	line-height: 1.2;
	font-weight: 700;
	color: #fff
}

.divoblique .textinfo .welcome-area a.btn {
	margin-top: 10px
}

.divoblique h3.title {
	font-size: 2em;
	line-height: 1;
	color: #fff;
	margin-bottom: .2em
}

@media (min-width:1000px) {
	.divoblique h3.title {
		font-size: 3em;
		line-height: 1.2
	}
}

.divoblique .subtitle {
	font-size: 1.2em;
	color: #6f3b67
}

.divoblique .btn {
	margin: 4px 10px
}

.glyphicon-ok:before {
	content: "\f00c";
	font-family: FontAwesome
}

body .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	margin-top: 10px
}

@media (min-width:576px) AND (max-width:767px) {
	.loop .postContainer:nth-child(1n+1) {
		clear: left
	}
}

@media (min-width:768px) AND (max-width:992px) {
	.loop .postContainer:nth-child(2n+1) {
		clear: left
	}
}

@media (min-width:992px) {
	.loop .postContainer:nth-child(3n+1) {
		clear: left
	}
}

@media (min-width:576px) AND (max-width:767px) {
	.challengeloop.loop .postContainer:nth-child(1n+1),
	.programloop.loop .postContainer:nth-child(1n+1) {
		clear: left
	}
}

@media (min-width:768px) AND (max-width:992px) {
	.challengeloop.loop .postContainer:nth-child(2n+1),
	.programloop.loop .postContainer:nth-child(2n+1) {
		clear: none
	}
	.challengeloop.loop .postContainer:nth-child(3n+1),
	.programloop.loop .postContainer:nth-child(3n+1) {
		clear: left
	}
}

@media (min-width:992px) {
	.challengeloop.loop .postContainer:nth-child(3n+1),
	.programloop.loop .postContainer:nth-child(3n+1) {
		clear: none
	}
	.challengeloop.loop .postContainer:nth-child(5n+1),
	.programloop.loop .postContainer:nth-child(5n+1) {
		clear: none
	}
}

.loop article {
	margin-bottom: 20px
}

.loop article a {
	display: block
}

.post-class {
	padding: 5px;
	background-color: #fff
}

.bgimage-full {
	display: table;
	width: 100%;
	min-height: 800px;
	height: 100%;
	background: center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: alphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"
}

.full-container {
	padding: 0 2%;
	max-width: 1400px;
	margin: 0 auto
}

.login .section,
.section {
	padding: 50px 0
}

.login .no_padding_login_sec .section {
	padding: 0
}

@media (max-width:768px) {
	.section {
		padding: 20px 0
	}
}

.row-height .col {
	min-height: 300px;
	padding: 20px;
	background: #f2f1f1
}

@media (min-width:992px) {
	.row-height {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.row-height .col {
		min-height: 400px;
		flex: 1;
		padding: 60px 40px
	}
}

@media (min-width:992px) and (max-width:768px) {
	.row-height .col {
		padding: 20px
	}
}

@media (min-width:1200px) {
	.row-height .col {
		min-height: 400px;
		padding: 6% 7%
	}
}

.row-height .col-bgcover {
	background-size: cover;
	background-position: center
}

.bg-lightgrey {
	background-color: #eceeee
}

.bg-default {
	background-color: #f2f2f2
}

.recruit-info h1 {
	color: #666;
	margin-top: 10px;
	font-size: 2.5em
}

@media (max-width:992px) {
	.recruit-info h1 {
		font-size: 2em
	}
}

.recruit-info .subtitle {
	color: #6f3b67;
	font-size: 1.2em;
	margin-top: 0;
	padding-bottom: 0
}

.page-account {
	padding: 40px
}

@media (max-width:778px) {
	.page-account {
		padding: 10px
	}
}

.page-account .nav-sidebar {
	background: #fff
}

@media (max-width:778px) {
	.page-account .nav-sidebar {
		margin: 0 0 10px
	}
}

.page-account .nav-sidebar nav ul {
	list-style: none;
	margin: 0;
	padding: 20px 10px
}

@media (max-width:778px) {
	.page-account .nav-sidebar nav ul {
		padding: 10px 5px
	}
}

.page-account .nav-sidebar nav ul li a {
	display: block;
	padding: 10px 15px 10px 50px;
	margin: 10px 5px;
	color: #666;
	position: relative;
	text-align: left;
	border: 1px solid #f2f2f2;
	border-left: 5px solid #f2f2f2
}

.page-account .nav-sidebar nav ul li a i {
	position: absolute;
	top: 13px;
	left: 15px
}

.page-account .nav-sidebar nav ul li a:hover {
	border-left: 5px solid #6f3b67
}

.page-account .nav-sidebar nav ul li.active a,
.page-account .nav-sidebar nav ul li:hover a {
	color: #6f3b67
}

.page-account .nav-sidebar nav ul li.active a {
	border-left: 5px solid #6f3b67
}

.page-account .account-content {
	padding: 5px 0 40px 40px
}

@media (max-width:778px) {
	.page-account .account-content {
		padding: 5px 0
	}
}

@media (min-width:778px) {
	.page-account .account-content .titlecontainer .subtitle,
	.page-account .account-content .titlecontainer h1,
	.page-account .account-content .titlecontainer p {
		text-align: left
	}
}

.page-account .account-content .form-row {
	clear: both;
	margin: 20px 0;
	padding: 15px;
	background: #fff;
	float: left;
	width: 100%
}

@media (max-width:778px) {
	.page-account .account-content .form-row {
		margin: 5px 0
	}
}

.page-account .account-content .form-row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%
}

.page-account .account-content .form-row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)>.dropdown-toggle {
	width: 100%;
	margin: 0;
	overflow: hidden;
	height: 50px;
	position: relative;
	display: block;
	background: #f2f2f2;
	color: #666;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: none;
	border-radius: 5px
}

.page-account .account-content .form-row .form-group {
	width: 44%;
	margin: 10px 3%;
	float: left
}

@media (max-width:778px) {
	.page-account .account-content .form-row .form-group {
		width: 98%;
		margin: 10px 1%
	}
}

.page-account .account-content .form-row .form-group.full-group {
	width: 94%
}

@media (max-width:778px) {
	.page-account .account-content .form-row .form-group.full-group {
		width: 98%;
		margin: 10px 1%
	}
}

.page-account .account-content .form-row .form-group h3 {
	margin: 5px 0
}

.page-account .account-content .form-row .form-group label {
	display: none
}

.page-account .account-content .form-row .form-group label.show {
	display: inline
}

.page-account .account-content .form-row .form-group input[type=text],
.page-account .account-content .form-row .form-group input[type=email],
.page-account .account-content .form-row .form-group input[type=password] {
	background: #f2f2f2;
	color: #666;
	padding: 15px 10px;
	border-radius: 5px
}

.page-account .account-content .form-row.paymentSec .form-group {
	margin-right: 1%;
	margin-left: 0;
	width: 30%
}

@media (max-width:767px) {
	.page-account .account-content .form-row.paymentSec .form-group {
		width: 99%
	}
}

.page-account .account-content .form-row.paymentSec .form-group.sField {
	width: 12%
}

@media (max-width:767px) {
	.page-account .account-content .form-row.paymentSec .form-group.sField {
		width: 49%
	}
}

.page-account .account-content .form-row.paymentSec .btn {
	padding: 14px 12px;
	margin-top: 10px
}

@media (max-width:767px) {
	.page-account .account-content .form-row.paymentSec .btn {
		width: 96%;
		margin-left: 10px
	}
}

.page-account .account-content .account-recruit-link h2 {
	padding-bottom: 0
}

.page-account .account-content .account-recruit-link h3.subtitle {
	text-align: left;
	display: block;
	margin-bottom: 20px
}

@media (min-width:778px) {
	.page-account .account-content .account-recruit-link .col-recruit-link {
		margin-top: 60px
	}
}

.form-group-checkbox input {
	float: left
}

.form-group-checkbox label {
	padding-left: 30px
}

.page-login section,
.page-register section {
	color: #000
}

.video-note {
	float: left;
	width: 100%;
	padding: 20px 10px 10px;
	line-height: 1.3;
	font-size: .9em
}

.video-note .note-delete {
	margin-top: 1em;
	float: right
}

.video-note .profilepicture {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	background-position: top center;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid #6f3b67;
	vertical-align: middle
}

.video-note .meta_data {
	margin-top: 5px;
	font-size: 1em
}

.meta_content a.comment-delete {
	float: right
}

p.text-center {
	font-size: 40px;
	color: #fff;
	font-family: SofiaPro, sans-serif;
	font-weight: 700;
	text-align: center
}

@media (max-width:767px) {
	p.text-center {
		font-size: 18px;
		text-align: left
	}
}

.register-blade .container {
	max-width: 700px
}

.register-blade .container .form-row {
	float: left;
	width: 100%;
	margin: 0 0 30px;
	clear: both
}

.register-blade .container .form-row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%
}

.register-blade .container .form-row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)>.dropdown-toggle {
	width: 100%;
	margin: 0;
	overflow: hidden;
	height: 50px;
	position: relative;
	display: block;
	background: #f2f2f2;
	color: #666;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: none;
	border-radius: 5px
}

.register-blade .container .form-row .form-group {
	width: 44%;
	margin: 10px 3%;
	float: left
}

@media (max-width:778px) {
	.register-blade .container .form-row .form-group {
		width: 94%
	}
}

.register-blade .container .form-row .form-group.full-group {
	width: 94%
}

.register-blade .container .form-row .form-group label {
	display: none
}

.register-blade .container .form-row .form-group input[type=text],
.register-blade .container .form-row .form-group input[type=email],
.register-blade .container .form-row .form-group input[type=password] {
	background: #f2f2f2;
	color: #666;
	padding: 15px 10px;
	border-radius: 5px
}

.register-blade .container .form-row.submit-row .terms {
	width: 100%;
	float: left;
	margin-bottom: 30px
}

.register-blade .container .form-row.submit-row .terms label {
	width: 90%;
	display: inherit;
	padding: 0;
	text-align: left;
	margin-left: 10px
}

.register-blade .container .form-row.submit-row .terms input[type=checkbox] {
	float: left;
	width: 5%;
	min-width: 20px
}

.register-blade .container .form-row.submit-row .form-group {
	width: 94%;
	margin: 0 3%;
	float: left
}

.register-blade .container .form-row.submit-row .form-group .btn {
	width: 100%;
	display: block;
	padding: 15px 10px;
	font-size: 1.1em
}

.login-blade .container {
	max-width: 700px
}

.login-blade .container .form-row {
	float: left;
	width: 100%;
	margin: 0 0 30px;
	clear: both
}

.login-blade .container .form-row .select {
	width: 94%;
	margin: 0 3%;
	overflow: hidden;
	height: 50px;
	position: relative;
	display: block;
	background: #f2f2f2;
	color: #666;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: none;
	border-radius: 5px
}

.login-blade .container .form-row .select select {
	height: 50px;
	width: 100%;
	padding: 5px 10px;
	font-size: 16px;
	background: #f2f2f2;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 5px
}

.login-blade .container .form-row .select:after {
	content: "\f0dc";
	font-family: FontAwesome;
	color: #fff;
	padding: 15px 8px;
	position: absolute;
	right: 0;
	top: 0;
	background: #6f3b67;
	z-index: 1;
	text-align: center;
	width: 10%;
	height: 100%;
	pointer-events: none;
	box-sizing: border-box;
	border-radius: 5px
}

.login-blade .container .form-row .form-group {
	width: 44%;
	margin: 10px 3%;
	float: left
}

@media (max-width:778px) {
	.login-blade .container .form-row .form-group {
		width: 94%
	}
}

.login-blade .container .form-row .form-group label {
	display: none
}

.login-blade .container .form-row .form-group input[type=text],
.login-blade .container .form-row .form-group input[type=email],
.login-blade .container .form-row .form-group input[type=password] {
	background: #f2f2f2;
	color: #666;
	padding: 15px 10px;
	border-radius: 5px
}

.login-blade .container .form-row.submit-row .terms {
	width: 100%;
	float: left;
	margin-bottom: 30px
}

.login-blade .container .form-row.submit-row .terms label {
	width: 90%;
	display: inherit;
	padding: 0;
	text-align: left;
	margin-left: 10px
}

.login-blade .container .form-row.submit-row .terms input[type=checkbox] {
	float: left;
	width: 5%;
	min-width: 20px
}

.login-blade .container .form-row.submit-row .form-group {
	width: 94%;
	margin: 0 3%;
	float: left
}

.login-blade .container .form-row.submit-row .form-group .btn {
	width: 100%;
	display: block;
	padding: 15px 10px;
	font-size: 1.1em
}

#classes-loop .loop h2 {
	font-size: 1.6em;
	color: #777;
	min-height: 2.8em
}

.section-caro {
	padding: 40px 0 30px
}

@media (max-width:768px) {
	.section-caro {
		padding: 60px 30px 30px
	}
}

.section-caro .sectiontext {
	text-align: center;
	margin-bottom: 40px
}

.owl-carousel {
	margin: 0 auto
}

.owl-carousel .owl-stage {
	display: table;
	height: 100%
}

.owl-carousel .owl-item {
	display: table-cell;
	height: 100%
}

.carousel .item {
	height: 100%
}

.carousel .item .tile {
	display: block;
	position: relative;
	height: 100%;
	margin: 0 5px;
	font-weight: 300;
	-webkit-backface-visibility: hidden
}

.carousel .item .the-image {
	display: block;
	width: 100%;
	max-width: 323px;
	height: auto;
	max-height: 227px;
	overflow: hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.carousel .item .the-image img {
	position: relative
}

.carousel .one-title,
.carousel .the-title {
	display: block;
	padding-top: 5px;
	width: 100%;
	vertical-align: middle;
	text-align: center
}

.carousel h4 {
	line-height: 1.5em
}

.carousel .the-text {
	display: block;
	font-size: 1em;
	font-weight: 200;
	padding: 0 10px 10px
}

.section.min-height-auto {
	min-height: auto
}

@media (max-width:1024px) {
	.login .section {
		min-height: auto
	}
}

.sidebar .form-horizontal.ajaxfilter {
	margin-bottom: 20px
}

.sidebar aside form {
	text-align: center
}

@media screen and (max-width:4000px) and (min-width:1921px) {
	.login-white {
		min-height: 810px
	}
}

.mar-bottom {
	margin-bottom: 50px
}

.mobile-img,
.mobilebanner {
	display: none!important
}

@media screen and (max-width:767px) {
	.videoBanner {
		display: none!important
	}
	.mobilebanner {
		display: block!important
	}
	.mobilebanner .welcome-area {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}
	.desktop-img {
		display: none!important
	}
	.mobile-img {
		display: block!important
	}
}

.profile {
	margin: 20px 0
}

.profile-sidebar {
	padding: 20px 0 10px;
	background: #fff
}

.profile-userpic img {
	float: none;
	margin: 0 auto;
	width: 50%;
	height: 50%;
	-webkit-border-radius: 50%!important;
	-moz-border-radius: 50%!important;
	border-radius: 50%!important
}

.profile-usertitle {
	text-align: center;
	margin-top: 20px
}

.profile-usertitle-name {
	color: #5a7391;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 7px
}

.profile-usertitle-job {
	text-transform: uppercase;
	color: #5b9bd1;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 15px
}

.profile-userbuttons {
	text-align: center;
	margin-top: 10px
}

.profile-userbuttons .btn {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	padding: 6px 15px;
	margin-right: 5px
}

.profile-userbuttons .btn:last-child {
	margin-right: 0
}

.profile-usermenu {
	margin-top: 30px
}

.sidebar-menu ul li {
	border-bottom: 1px solid #f0f4f7
}

.sidebar-menu ul li:last-child {
	border-bottom: none
}

.sidebar-menu ul li a {
	color: #93a3b5;
	font-size: 14px;
	font-weight: 400
}

.sidebar-menu ul li a i {
	margin-right: 8px;
	font-size: 14px
}

.sidebar-menu ul li a:hover {
	background-color: #fafcfd;
	color: #5b9bd1
}

.sidebar-menu ul li.active {
	border-bottom: none
}

.sidebar-menu ul li.active a {
	color: #5b9bd1;
	background-color: #f6f9fb;
	border-left: 2px solid #5b9bd1;
	margin-left: -2px
}

.profile-content {
	padding: 20px;
	background: #fff;
	min-height: 460px
}

html {
	font-size: 20px
}

[class*=col-] {
	padding-left: 7.5px;
	padding-right: 7.5px
}

@media (min-width:1350px) {
	.container {
		width: 1300px
	}
}

@media (min-width:993px) {
	#page section .container-index {
		width: 1000px
	}
	#page section .container-index .loop h2 {
		font-size: 1.4em
	}
	#page section .container-index .loop .post_image,
	#page section .container-index .loop.challengeloop .post_image,
	#page section .container-index .loop.collectionloop .post_image,
	#page section .container-index .loop.programloop .post_image {
		height: 170px;
		overflow: hidden
	}
}

.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.row.videoloop {
	margin-top: 2rem
}

.row.videoloop .d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.row.videoloop .d-flex .postContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex!important
}

.row.videoloop .d-flex .postContainer .post_container.post_container_new {
	min-height: 158px
}

.row.contentContainer {
	background-color: #fbfafc;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 1rem;
	position: relative
}

.row.contentContainer.contentContainer--class {
	border-top: 3px solid #29a9e0
}

.row.contentContainer h3 {
	margin: 0
}

.accordionButton {
	font-size: 1em;
	background-color: #fbfafc;
	cursor: pointer;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 0
}

.accordionButton i {
	vertical-align: bottom
}

.accordionButton i:first-of-type {
	margin-right: 1rem
}

.accordionButton i:last-of-type {
	color: #6f3b67;
	float: right;
	transition: all .3s
}

.accordionButton.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.accordionButton.active i:last-of-type {
	transform: rotate(45deg)
}

.accordionContent {
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease-out
}

.accordionContent .contentContainer {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.form--videonote {
	padding-top: 0
}

@media (max-width:992px) {
	.singlepost .post_headingContainer {
		width: 100%;
		text-align: center
	}
}

.singlepost .col-content {
	position: initial
}

.singlepost .col-content .post_meta {
	position: absolute;
	bottom: 20px
}

@media (max-width:992px) {
	.singlepost .col-content .post_meta {
		position: relative;
		bottom: auto;
		padding-bottom: 20px
	}
}

.singlepost .post_headerlink {
	padding: .75rem;
	display: inline;
	display: inline-block;
	border-right: 2px solid #eee
}

.singlepost .post_headerlink:last-child {
	border-right: none
}

.singlepost .post_headerlink.post_headerlink--likes {
	color: #6f3b67;
	padding-right: 0
}

.singlepost .post_headerlink.post_headerlink--likes:hover i::before {
	content: "\f004"
}

.singlepost .post_headerlink.post_headerlink--playlist {
	color: #666
}

.singlepost .post_headerlink.post_headerlink--playlist:hover i::before {
	content: "\f005"
}

.singlepost .post_headerlink.post_headerlink--share a {
	color: #666
}

.singlepost .post_headerlink.post_headerlink--share a i.fa {
	margin-left: 10px
}

.singlepost .post_headingContainer {
	float: right
}

.singlepost .post_title {
	padding: 0;
	color: #6f3b67;
	margin: .5rem 0 1rem
}

@media (max-width:1025px) {
	.singlepost .post_title {
		text-align: center;
		width: 100%;
		font-size: 28px
	}
}

.singlepost .post_meta {
	margin-top: 15px
}

.singlepost .post_meta .meta_object {
	margin: 8px 0;
	display: block
}

.singlepost .post_meta .meta_object .post_meta_title {
	color: #000;
	min-width: 100px;
	display: inline-block
}

.singlepost .post_meta .meta_object .post_teacher {
	margin-top: 1em;
	display: inline-block;
	color: #666
}

.singlepost .post_meta .meta_object .post_meta_level {
	color: #666
}

.singlepost .post_imageContainer {
	padding-right: 0
}

.singlepost .post_imageContainer img {
	width: 100%;
	height: auto
}

.post_teacherImageContainer {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	border: 1px solid #6f3b67;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	display: inline;
	display: inline-block;
	margin-right: 11px
}

.form-control {
	font-size: 1em
}

.form--videocomment .form-group,
.form.form--videonote .form-group {
	margin-bottom: 0
}

.form--videocomment textarea,
.form.form--videonote textarea {
	border: 1px solid #6f3b67;
	border-radius: 5px;
	border-radius: 5px 5px 0 0;
	resize: none
}

.form--videocomment input[type=submit],
.form.form--videonote input[type=submit] {
	width: 100%;
	background-color: #6f3b67;
	border-color: #6f3b67;
	color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: 1em;
	padding: .5rem
}

.btn.btn--videologin {
	font-size: 18px;
	position: absolute;
	bottom: 1rem;
	display: block;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	background-color: #000
}

.single-class .post_content {
	padding-right: 7.5px
}

.video-col {
	padding: 0!important
}

#myElement {
	position: absolute;
	top: 0;
	z-index: 1;
	background: 0 0;
	width: 100%;
	height: auto;
	text-align: center
}

.loading_video {
	padding: 40px 0;
	float: left;
	width: 100%
}

a.note-delete {
	color: #6f3b67
}

body a.class_signin {
	color: #6f3b67;
	display: inline-block;
	font-size: 20px;
	margin-bottom: 1em
}

body a.class_signin i {
	margin-right: 10px
}

body a.class_link {
	color: #6f3b67
}

html .jw-error .jw-preview,
html .jw-stretch-uniform .jw-preview,
html .jwplayer .jw-preview {
	background-size: cover
}

@media (min-width:768px) {
	.bottomborder {
		border-bottom: 2px solid #6e356c
	}
}

@media (min-width:768px) {
	.titlecontainer {
		width: 100%
	}
}

.titlecontainer h1 {
	color: #000;
	margin: 0;
	font-size: 2.5em;
	text-align: center
}

.titlecontainer p.h1 {
	color: #000;
	margin: 0;
	font-size: 2.5em;
	text-align: center;
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

.titlecontainer .subtitle {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #6f3b67;
	margin: .5em 0 0;
	font-size: 1.2em;
	text-align: center
}

.titlecontainer .subtitle.subNew {
	margin: 10px 0 15px
}

.filterbar {
	transition: all .3s;
	margin-bottom: 0!important
}

@media (min-width:768px) {
	.filterbar {
		border-top: 2px solid #6e356c;
		position: relative;
		clear: both
	}
}

.filterbar .filterbar-tab {
	color: #666;
	cursor: pointer;
	display: inline;
	display: inline-block;
	padding: .5rem;
	transition: all .3s;
	width: 100%
}

@media (min-width:768px) {
	.filterbar .filterbar-tab {
		width: 100%;
		padding: .3rem .4rem;
		margin-top: 0;
		font-size: 14px
	}
}

.filterbar .filterbar-tab i {
	transition: all .3s;
	color: #666
}

@media (min-width:768px) {
	.filterbar .filterbar-tab.is-active {
		background-color: #e2e2e2
	}
}

.filterbar .filterbar-tab.is-active i {
	transform: rotateX(180deg)
}

.filterbar .filterbar-tab.is-active .filtercontent {
	display: block
}

.filterbar .filterbar-tab .activefiltercount {
	color: #ff0505;
	margin-left: .5rem
}

@media (min-width:768px) {
	.filterbar .filterbar-tab .activefiltercount {
		display: none
	}
}

.filterbar .filterbar-tab .filtercontent {
	width: 97%;
	display: none;
	color: #6f3b67;
	border: 2px solid #e2e2e2;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 1rem
}

@media (min-width:768px) {
	.filterbar .filterbar-tab .filtercontent {
		margin-top: 0;
		text-align: left;
		left: 0;
		z-index: 99;
		top: 71px;
		position: absolute;
		margin-left: 7.5px;
		margin-right: 7.5px;
		background: #fff;
		max-height: 320px;
		overflow-y: scroll
	}
}

.filterbar .filterbar-tab .filtercontent .filtercontent-option {
	cursor: pointer;
	color: #666;
	padding: .5rem;
	text-align: left;
	display: block;
	width: 100%;
	float: left;
	transition: color .3s;
	font-family: SofiaPro, sans-serif;
	font-weight: 400;
	font-size: .8rem;
	border-bottom: 1px solid #ececec
}

.filterbar .filterbar-tab .filtercontent .filtercontent-option.is-active {
	color: #773669;
	font-weight: 700;
	position: relative
}

.filterbar .filterbar-tab .filtercontent .filtercontent-option.is-active:after {
	font-family: FontAwesome;
	top: 7;
	right: 0;
	padding-right: 10px;
	content: "\f058";
	position: absolute;
	color: #773669;
	cursor: pointer;
	font-size: 20px
}

.filterbar .filterbar-tab .filtercontent .filtercontent-option:hover {
	font-weight: 700
}

@media (min-width:768px) {
	.filterbar .filterbar-tab .filtercontent .filtercontent-option {
		width: 100%;
		border-bottom: 1px solid #ececec;
		float: none;
		padding: .3rem 1rem
	}
}

.filterbar .filterbar-text {
	display: inline;
	display: inline-block;
	position: relative;
	width: 100%;
	padding: .575rem 0
}

.filterbar .filterbar-text input {
	border: 1px solid #e2e2e2;
	padding: .3rem .5rem;
	border-radius: 3px;
	width: 100%
}

@media (min-width:768px) {
	.filterbar .filterbar-text input {
		width: 98.3%
	}
}

.filterbar .filterbar-text i {
	font-size: 1rem;
	margin-left: -2rem;
	position: relative;
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #6f3b67;
	cursor: pointer;
	z-index: 9
}

@media (min-width:768px) {
	.filterbar .filterbar-text i {
		position: relative;
		top: 0;
		right: 0
	}
}

.activefilters {
	border-radius: 0;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0
}

@media (min-width:768px) {
	.activefilters {
		position: relative
	}
}

@media (max-width:768px) {
	.activefilters {
		display: none
	}
}

.activefilters>span {
	color: #000;
	float: left;
	font-size: 18px;
	padding: 18px 1rem;
	font-family: SofiaPro, sans-serif;
	display: none;
	font-weight: 700
}

@media (min-width:768px) {
	.activefilters>span {
		display: inline
	}
}

.activefilters a.activefilter {
	cursor: pointer;
	color: #666;
	display: inline;
	display: inline-block;
	padding: .5rem 1rem
}

@media (min-width:768px) {
	.activefilters a.activefilter {
		padding: 1rem
	}
}

@media (max-width:768px) {
	.activefilters a.activefilter {
		display: none
	}
}

.row.loop {
	margin-top: 1rem
}

.single.single--collection .archive-post--collection .post_content,
.single.single--teacher .post_meta_style {
	display: none
}

.single.single--teacher .archive-post--challenge .post_meta_style,
.single.single--teacher .archive-post--program .post_meta_style {
	display: inline;
	display: inline-block
}

.archive-post {
	background-color: #fff;
	border-radius: 5px;
	display: block;
	border: 1px solid #e2e2e2;
	border-bottom: 2px solid #ccc;
	color: #666;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden
}

.archive-post.archive-post--challenge .post_content,
.archive-post.archive-post--class .post_content,
.archive-post.archive-post--collection .post_content,
.archive-post.archive-post--program .post_content {
	height: 4em;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	position: relative;
	font-size: .9em
}

.archive-post.archive-post--challenge .post_content:after,
.archive-post.archive-post--class .post_content:after,
.archive-post.archive-post--collection .post_content:after,
.archive-post.archive-post--program .post_content:after {
	transition: 180ms ease;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	content: "";
	position: absolute;
	top: -3.9em;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	pointer-events: none
}

.archive-post.archive-post--teacher {
	border: none;
	margin-bottom: 2rem
}

.archive-post.archive-post--teacher .teacher_image {
	background-position: top center;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid #6f3b67;
	width: 280px;
	height: 280px;
	display: inline-block
}

.archive-post.archive-post--teacher .teacher_title {
	color: inherit;
	font-size: 30px
}

.archive-post.archive-post--teacher .teacher_contentContainer {
	width: 100%;
	padding: 8px 1rem;
	float: left
}

.archive-post.archive-post--teacher .teacher_contentContainer .teacher_style {
	font-weight: 700
}

.archive-post.archive-post--style {
	border: none;
	margin-bottom: 2rem
}

@media (min-width:778px) and (max-width:992px) {
	.archive-post.archive-post--style:nth-of-type(2n+1) {
		clear: left
	}
}

@media (min-width:992px) {
	.archive-post.archive-post--style:nth-of-type(3n+1) {
		clear: left
	}
}

.archive-post.archive-post--style .style_contentContainer {
	width: 100%;
	padding: 8px 1rem;
	float: left
}

.archive-post.archive-post--style .style_contentContainer .style_title {
	color: #000;
	font-size: 1.6em;
	display: block;
	margin: .2em 0
}

.archive-post.archive-post--style .style_contentContainer .style_content {
	color: #666
}

.archive-post .post_image {
	border-top: 0 solid #29a9e0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 235px;
	background-position: center center;
	background-size: cover
}

.archive-post .post_likes {
	position: absolute;
	color: #222;
	left: 0;
	top: 0;
	padding: .5rem;
	text-shadow: 1px 1px 1px #fff
}

.archive-post .post_likes i {
	margin-right: 5px
}

@media (max-width:379px) {
	.archive-post .post_duration {
		width: 60px;
		text-align: center
	}
}

.archive-post .post_container,
.archive-post .post_container1 {
	padding: 1rem;
	color: #666
}

.archive-post .post_container .post_title,
.archive-post .post_container1 .post_title {
	margin: 0;
	padding-bottom: .5rem;
	font-size: 1.6em;
	color: #777;
	min-height: 2.8em
}

.archive-post .post_container .post_teacherimage,
.archive-post .post_container1 .post_teacherimage {
	float: left
}

.archive-post .post_container .post_meta,
.archive-post .post_container1 .post_meta {
	font-size: .9em;
	color: #666
}

.archive-post .post_container .post_meta .post_meta_style,
.archive-post .post_container1 .post_meta .post_meta_style {
	color: #29a9e0;
	font-weight: 700
}

.archive-post .post_container .post_meta .post_meta_teacher,
.archive-post .post_container1 .post_meta .post_meta_teacher {
	font-weight: 700;
	color: #666
}

.archive-post .post_container .post_meta .post_level,
.archive-post .post_container1 .post_meta .post_level {
	color: #666
}

.archive-post .post_container.post_container_new,
.archive-post .post_container1.post_container_new {
	padding: 1rem 1rem 0
}

.archive-post .post_container1 {
	padding: .2rem 1rem 1rem;
	display: table;
	width: 100%
}

@media (min-width:993px) {
	.archive-post .timeTop {
		display: block
	}
	.archive-post .timeBott {
		display: none
	}
}

@media (max-width:992px) {
	.archive-post {
		overflow: hidden
	}
	.archive-post .timeTop {
		display: none
	}
	.archive-post .timeBott {
		display: block
	}
	.archive-post .post_content {
		display: none!important
	}
	.archive-post .post_container.post_container_new {
		padding: .6rem .8rem .6rem 0;
		min-height: 7em
	}
	.archive-post h2 {
		font-size: 1em!important;
		min-height: inherit!important;
		padding-bottom: .4rem!important
	}
	.archive-post .post_container1 {
		padding: .4rem 1rem .6rem;
		border-top: 1px solid #ccc
	}
	.archive-post .postimgSec .post_image {
		height: auto;
		padding: 10px
	}
	.archive-post .post_meta {
		font-size: .8em!important;
		line-height: 1.4
	}
	.archive-post .post_meta .post_level {
		padding-top: 2px;
		display: inline-block
	}
	.archive-post .post_meta .row {
		margin-left: -7.5px;
		margin-right: -7.5px
	}
	.archive-post .post_meta .row .text-right {
		text-align: right
	}
	.archive-post .post_duration {
		top: 2px!important;
		font-size: .7em!important
	}
}

@media (max-width:420px) {
	.archive-post h2 {
		font-size: .8em!important
	}
}

.row.noMar {
	margin-left: -7.5px;
	margin-right: -7.5px
}

.weekTitle.h2 {
	color: #6f3b67;
	clear: both;
	display: block;
	text-align: center;
	padding-bottom: 0;
	margin-top: 2rem
}

.notes_note {
	border-top: 1px solid #ccc
}

.notes_note:last-of-type {
	border-bottom: 1px solid #ccc
}

.notes_note .meta_data {
	font-size: .8em;
	color: #6f3b67
}

.comments .comment {
	float: left;
	width: 100%;
	padding: 20px 10px 10px;
	line-height: 1.3;
	font-size: .9em;
	border-top: 1px solid #ccc
}

.comments .comment:last-of-type {
	border-bottom: 1px solid #ccc
}

.comments .comment.child {
	padding-left: 40px;
	background-color: #f3f2f4
}

.comments .comment .pictureholder {
	width: 80px;
	padding-right: 10px;
	float: left;
	text-align: center
}

.comments .comment .pictureholder .profilepicture {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	background-position: top center;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid #78a8bf;
	vertical-align: middle
}

.comments .comment .btn-reply {
	cursor: pointer;
	text-decoration: underline;
	color: #78a8bf;
	font-size: .9em;
	float: right
}

.comments .comment .comment-content {
	width: auto;
	max-width: 450px;
	float: left
}

.comments .comment .meta_data {
	margin-top: 3px;
	font-size: .8em;
	color: #6f3b67
}

.archive .blog {
	margin: 40px 0;
	border-bottom: 1px solid #000
}

.archive .blog:first-child {
	margin-top: 15px
}

@media (min-width:769px) {
	.archive .blog .blog__post {
		padding-left: 30px
	}
}

.archive .blog .blog__title {
	padding: 0 0 5px;
	font-size: 1.6em;
	line-height: 1em;
	margin: 0 0 10px
}

@media (max-width:768px) {
	.archive .blog .blog__title {
		margin: 20px 0 10px;
		font-size: 1.2em
	}
}

.archive .blog .blog__title,
.archive .blog .blog__title a {
	color: #000
}

.archive .blog .blog__content {
	font-size: .95em
}

.archive .blog .blog__meta {
	font-size: 13px;
	width: 100%;
	margin-top: 0;
	color: #666;
	padding: 30px 0
}

.archive .blog .blog__meta .post_content_t {
	display: inline-block
}

.archive .blog .blog__meta .cat_index {
	display: inline-block;
	color: #6f3b67;
	text-align: right;
	float: right;
	font-weight: 600
}

@media (max-width:768px) {
	.archive .blog .blog__meta .post_content_t {
		display: block
	}
	.archive .blog .blog__meta .cat_index {
		margin: 10px 0;
		text-align-last: left;
		float: left
	}
}

.blog .post-share {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin-top: 15px;
	width: 100%;
	float: left;
	clear: both
}

.blog .post-share .share-box {
	float: left;
	width: 50%;
	min-height: 54px;
	line-height: 54px;
	text-align: center
}

@media (max-width:768px) {
	.blog .post-share .share-box {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 1.5em
	}
	.blog .blog-single article {
		padding: 10px 0
	}
}

.blog .post-share .post-author {
	border-left: 1px solid #bbb
}

.blog .post-share .share-buttons a {
	margin: 0 4px
}

.blog .post-share .post-author {
	font-style: italic
}

.blog .post-share .the-author {
	text-transform: uppercase;
	font-style: normal
}

.single--post .blog .share_text_c {
	display: inline-block
}

@media (max-width:768px) {
	.single--post .blog .share_text_c {
		display: block
	}
}

.single--post .blog h1 {
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 20px
}

@media (max-width:768px) {
	.single--post .blog h1 {
		font-size: 1.3em;
		padding-bottom: 15px
	}
}

.single--post .blog .spacer-line {
	content: " ";
	width: 200px;
	height: 2px;
	background: #6f3b67;
	display: block;
	margin: 0 auto
}

.single--post .blog .meta-date {
	text-align: center;
	margin-top: 12px;
	font-size: .8em;
	font-style: italic;
	color: #a0a0a0;
	margin-bottom: 20px
}

.single--post .blog .blog__content {
	color: #444;
	font-size: 1em;
	line-height: 1.5
}

.single--post .blog .blog__content h2 {
	font-size: 1.6em;
	margin: 10px 0 5px;
	padding: 0
}

.single--post .blog .blog__content h3 {
	font-size: 1.4em;
	margin: 10px 0 5px;
	padding: 0
}

.single--post .blog .blog__content h4 {
	font-size: 1.2em;
	margin: 10px 0 5px;
	padding: 0
}

.single--post .blog .blog__content p {
	margin: 0 0 15px
}

.sidebar .form-horizontal.ajaxfilter {
	background: #f7f7f7;
	padding-top: 10px
}

@media (max-width:768px) {
	.sidebar {
		padding-top: 30px
	}
	.sidebar .form-group {
		padding: 0 10px
	}
}

.sidebar .widget {
	margin: 0 0 25px;
	list-style: none;
	padding: .5rem .5rem 1.5rem
}

.sidebar .widget .widget_title {
	margin: 0 0 7px;
	padding: 5px 10px 10px;
	font-size: 1.4em;
	position: relative
}

.sidebar .widget .widget_title .title_whiter {
	position: relative;
	background: #fff;
	padding-right: 20px
}

.sidebar .widget .widget_title:before {
	content: '';
	position: absolute;
	top: 40%;
	right: 0;
	border-top: 1px solid #000;
	background: #000;
	width: 90%;
	transform: translateY(-50%)
}

.sidebar .widget .widget_content {
	padding: 5px 10px
}

.sidebar .widget a {
	padding: 0 10px;
	margin-bottom: 3px;
	display: block
}

.sidebar .widget .active a {
	text-decoration: underline
}

.sidebar .widget_wiki {
	background: #6f3b67;
	color: #fff
}

.sidebar .widget_wiki .widget_title {
	color: #fff
}

.sidebar .widget_wiki .widget_title .title_whiter {
	background: #6f3b67
}

.sidebar .widget_wiki .widget_title:before {
	border-top: 1px solid #fff
}

.sidebar .widget_wiki a {
	color: #fff
}

.sidebar .widget_wiki a:hover {
	color: #ccc
}

a.card {
	cursor: pointer
}

.card {
	padding-bottom: 30px;
	height: 240px;
	overflow: hidden
}

.card .card_container {
	bottom: 0;
	left: 0;
	width: 100%;
	position: absolute;
	padding-bottom: 5px
}

.card .card_label {
	position: absolute;
	right: 0;
	font-size: 16px
}

.card .card_label.btn--blue {
	color: #fff
}

.card .card_image {
	transition: all .4s;
	border-radius: 5px;
	position: relative;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.card .card_image .card_title {
	padding: .3em 1em
}

.card .card_image .card_title h1,
.card .card_image .card_title h2,
.card .card_image .card_title h3,
.card .card_image .card_title h4 {
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em
}

.card .card_image .card_content {
	transition: max-height .4s ease-in;
	max-height: 0;
	font-size: .9em;
	padding: 0 1.1em;
	overflow: hidden;
	color: #fff
}

.card .card_image .card_content p {
	margin: 0 0 5px
}

.card .card_image .card_content .btn {
	margin-bottom: 5px
}

.card:hover .card_image .card_content {
	max-height: 90px
}

.pricingrow {
	text-align: center
}

.pricingrow h1.p {
	font-size: 1.2em;
	font-weight: 400;
	color: #6f3b67;
	margin-top: 0;
	font-family: 'Open Sans', sans-serif
}

.pricingrow h2.h1 {
	font-size: 2.5em;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 10px;
	color: #000
}

.pricingrow .pricingcards {
	max-width: 900px;
	margin: 60px auto 0
}

.pricingrow .pricingcards .pricecard .card_container {
	background: #fff;
	padding: 20px;
	border: 2px solid #e2e2e2;
	border-radius: 5px;
	text-align: center
}

@media (max-width:768px) {
	.pricingrow .pricingcards .pricecard .card_container {
		margin-bottom: 30px
	}
}

.pricingrow .pricingcards .pricecard .card_container h3 {
	font-size: 1.6em;
	border-bottom: 2px solid #e2e2e2;
	padding-bottom: 15px
}

.pricingrow .pricingcards .pricecard .card_container .description {
	min-height: 4em;
	display: block
}

.pricingrow .pricingcards .pricecard .card_container .price {
	font-size: 2.2em;
	color: #000
}

.pricingrow .pricingcards .pricecard .card_container .btn {
	display: block
}

.pricingrow .pricingcards .pricecard .card_container .wintext {
	padding: 20px 0 0;
	margin: 0
}

.pricingrow .pricingcards .pricecard.card-2 .card_container {
	margin-top: -20px
}

@media (max-width:768px) {
	.pricingrow .pricingcards .pricecard.card-2 .card_container {
		margin-top: 0
	}
}

.pricingrow .pricingcards .pricecard.card-2 .card_container h3 {
	margin-top: 20px;
	margin-bottom: 30px
}

.pricingrow .pricingcards .pricecard.card-2 .card_container .wintext {
	color: #000
}

#page section .container-index .loop h2,
.accordionButton,
.archive-post .post_container .post_title,
.singlepost .post_title,
.weekTitle.h2 {
	font-family: SofiaPro-regular, sans-serif;
	font-weight: 400
}

@media (max-width:767px) {
	.footer_mb:not(:last-child) {
		margin-bottom: 20px
	}
}

#MainprofileImage {
	background: top center #6e356c;
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	margin: 0 auto;
	width: 60px;
	height: 60px;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid #78a8bf;
	vertical-align: middle
}

.col-md-12.text-center.copyright1 {
	text-align: left;
	margin-top: 20px;
	padding-top: 10px;
	color: #7c5d7c;
	font-size: .9em;
	border-top: 1px solid #fff
}

.giftImg.whiteBox {
	padding: 0;
	margin-top: 20px
}

.giftImg.whiteBox .purpleBox {
	position: inherit;
	height: auto;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .4);
	top: 0;
	right: 0;
	background-color: #280d26
}

.giftImg.whiteBox .purpleBox h3 {
	color: #fff;
	font-size: 1em;
	margin: 10px
}

.giftImg.whiteBox .purpleBox i {
	font-size: 42px;
	padding: 20px 0
}

.giftImg.whiteBox .purpleBox .borderButt {
	border: 1px solid #fff;
	font-size: 1em;
	font-weight: 700;
	color: #763669;
	padding: 4px 0;
	width: 75%;
	margin: 0 auto;
	display: block;
	background: #fff
}

.bs-docs-footer {
	background-color: #280d26;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: 200;
	font-size: 1em;
	line-height: 1.8
}

.bs-docs-footer .footer-brand {
	display: inline-block
}

@media (max-width:992px) {
	.bs-docs-footer .footer-brand {
		margin-bottom: 20px
	}
}

.bs-docs-footer .footer-brand img {
	width: 100%;
	max-width: 200px
}

.bs-docs-footer h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em
}

.bs-docs-footer ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.bs-docs-footer a,
.bs-docs-footer a.btn,
.bs-docs-footer a:link,
.bs-docs-footer a:link.btn,
.bs-docs-footer a:visited,
.bs-docs-footer a:visited.btn {
	color: #fff
}

.bs-docs-footer a:focus,
.bs-docs-footer a:hover {
	text-decoration: underline
}

.bs-docs-footer .soc-icon {
	width: 20px;
	display: inline-block;
	text-align: center;
	margin-right: 5px
}

.bs-docs-footer .soc-icon .fa {
	-webkit-transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.bs-docs-footer .soc-icon .fa:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #9f71ad
}

.bs-docs-footer .copyright {
	margin-top: 20px;
	padding-top: 10px;
	color: #7c5d7c;
	font-size: .9em
}

.bs-docs-footer .copyright a,
.bs-docs-footer .copyright a:link,
.bs-docs-footer .copyright a:visited {
	color: #7c5d7c
}

.bs-docs-footer .copyright .fa {
	-webkit-transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.bs-docs-footer .copyright .fa:hover {
	color: #9f71ad!important;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}

@media (max-width:768px) {
	body footer .col-md-4 {
		margin-bottom: 30px
	}
	body footer .full-container {
		padding: 20px 0 0
	}
}

.slideshow {
	position: relative;
	z-index: 10;
	cursor: pointer
}

.slideshow.is-hidden {
	z-index: -1;
	opacity: 0
}

.slideshow .slide-playbutton {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 99
}

.slideshow .slide-playbutton i {
	font-size: 2.5em;
	color: #78a8bf;
	transition: color .3s
}

.slideshow:hover .slide-playbutton i {
	color: #805485
}

.slideshow .slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0
}

.slideshow .slide:first-child {
	opacity: 1
}

.slideshow .slide.active {
	z-index: 10;
	opacity: 1
}

.slideshow .slide.last-active {
	z-index: 9;
	opacity: 1
}

.newSec {
	padding: 0 0 50px;
	background: #fff
}

.banner {
	display: table;
	width: 100%;
	height: 520px;
	text-align: center
}

.banner .post_title {
	padding: 200px 0 0;
	color: #fff;
	font-size: 50px
}

.banner .subHead {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size: 26px
}

@media (max-width:764px) {
	.banner {
		height: 320px;
		background-attachment: inherit!important
	}
	.banner .post_title {
		padding: 125px 0 0
	}
}

.singleContent {
	padding: 50px 0
}

.post_title.center {
	text-align: center;
	margin: 0 0 50px
}

.subHead {
	color: #000
}

.box-img .img-circle {
	width: 200px;
	height: 200px;
	object-fit: cover
}

.row.marBott {
	margin-bottom: 40px
}

.form-filtr,
.form-section,
.form-sectional {
	background: #6e356c
}

.form-filtr .titlecontainer h1,
.form-filtr .titlecontainer h2,
.form-filtr .titlecontainer p.h1,
.form-section .titlecontainer h1,
.form-section .titlecontainer h2,
.form-section .titlecontainer p.h1,
.form-sectional .titlecontainer h1,
.form-sectional .titlecontainer h2,
.form-sectional .titlecontainer p.h1 {
	color: #fff
}

.form-filtr .filterbar,
.form-section .filterbar,
.form-sectional .filterbar {
	width: 100%;
	left: 0
}

@media (min-width:768px) {
	.form-filtr .filterbar,
	.form-section .filterbar,
	.form-sectional .filterbar {
		width: 52%;
		left: 25%
	}
}

.form-filtr .filterbar .filterbar-tab i.fa-angle-down,
.form-filtr .filterbar .filterbar-tab.filter-partFour i.fa-angle-down,
.form-section .filterbar .filterbar-tab i.fa-angle-down,
.form-section .filterbar .filterbar-tab.filter-partFour i.fa-angle-down,
.form-sectional .filterbar .filterbar-tab i.fa-angle-down,
.form-sectional .filterbar .filterbar-tab.filter-partFour i.fa-angle-down {
	float: right
}

@media (min-width:768px) {
	.form-sectional .titlecontainer {
		width: 100%
	}
}

.fa-angle-down:before {
	color: #773669;
	font-size: 25px
}

.col-xs-12.form-filter-partTwo,
.filtr-activa,
.flt-part {
	background: #e2e2e2
}

.activefilters,
.activefilters.form-filter-partThree {
	padding-left: 25%;
	border: 0
}

.activefilters a.activefilter i {
	color: #773669
}

@media (min-width:768px) {
	#calender .modal-dialog {
		margin-top: 100px
	}
}

.grey {
	background: #e2e2e2;
	padding: 50px 0 0;
	font-family: 'Open Sans', sans-serif
}

.grey .greyTitle {
	text-align: center
}

.grey .greyTitle h1 {
	margin: 0 0 50px;
	color: #000;
	font-size: 2.5em;
	text-align: center;
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

.grey .greyTitle p.h1 {
	margin: 0 0 50px;
	color: #000;
	text-align: center;
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

.grey .greyCont {
	text-align: center;
	margin-bottom: 50px
}

.grey .greyCont i {
	font-size: 40px;
	color: #773669;
	width: 50px
}

.grey .greyCont h2 {
	color: #000
}

.grey .greyCont p {
	font-size: 14px
}

.section-partOne {
	background: #e2e2e2;
	margin-top: 0
}

.minPad {
	padding-top: 30px;
	padding-bottom: 30px
}

.minPad.noBottom {
	padding-bottom: 0
}

.inputBox {
	margin-bottom: 10px
}

.inputBox .lbl {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	display: block;
	font-family: SofiaPro, sans-serif;
	margin-bottom: 0
}

.newSearch {
	display: none
}

@media (min-width:768px) {
	.newSearch {
		padding-top: 5px;
		margin-top: 10px;
		border-top: 0 solid #111;
		text-align: center;
		color: #111;
		-webkit-transition: width .4s ease-in-out;
		transition: width .4s ease-in-out;
		display: block
	}
}

.newSearch input[type=text] {
	background: 0 0;
	border: 0;
	width: 75px;
	text-align: left;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
	padding-left: 10px
}

.newSearch input[type=text]:before {
	color: #666;
	content: "\f007";
	font-family: FontAwesome;
	position: absolute;
	top: 2px;
	left: 5px
}

.newSearch input[type=text]:focus {
	border: none;
	box-shadow: none;
	outline: 0;
	width: 95%;
	text-align: left;
	border-bottom: 1px solid #111
}

.newSearch ::placeholder {
	color: #111;
	opacity: 1
}

.newSearch :-ms-input-placeholder {
	color: #111
}

.newSearch ::-ms-input-placeholder {
	color: #111
}

.greySection {
	display: table;
	width: 100%
}

#calender .modal-dialog {
	width: 450px
}

#calender .modal-header {
	background: #f2f2f2;
	border-bottom: 1px solid #dcdcdc;
	border-radius: 6px 6px 0 0
}

#calender .modal-header .modal-title {
	font-family: SofiaPro, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	color: #000
}

#calender .modal-header .close {
	margin-top: 5px;
	font-size: 28px
}

#calender .modal-body p {
	font-family: SofiaPro, sans-serif;
	font-weight: 400
}

#calender .modal-body p.modal-subTitle {
	font-size: 1.4em;
	color: #000;
	line-height: 1.2em;
	margin-bottom: 20px
}

.calenderSec {
	font-size: 24px;
	text-align: right;
	padding-top: 10px
}

#calender .dateCalender {
	border: 1px solid #aaa;
	padding: 5px;
	font-family: SofiaPro, sans-serif
}

#calender .dateCalender p {
	font-size: 1rem;
	font-weight: 400;
	color: #000;
	text-align: center;
	margin-bottom: 0
}

#calender .dateCalender .ui-datepicker {
	width: 100%
}

#calender .dateCalender .ui-datepicker.ui-widget.ui-widget-content {
	border: 0;
	border-radius: 0
}

#calender .dateCalender .ui-datepicker.ui-widget {
	font-family: SofiaPro, sans-serif;
	font-size: 1.1rem;
	margin-top: 15px
}

#calender .dateCalender .ui-datepicker .ui-datepicker-header {
	border: 0;
	background: 0 0
}

#calender .dateCalender .ui-datepicker .ui-datepicker-title {
	line-height: 1.1em;
	text-align: center;
	font-weight: 400;
	font-size: 1.2em
}

#calender .dateCalender .ui-datepicker .ui-state-default {
	border: 0;
	background: 0 0;
	text-align: center
}

#calender .dateCalender .ui-datepicker .ui-state-active,
#calender .dateCalender .ui-datepicker .ui-state-highlight {
	background: #504d4d;
	color: #fff
}

#calender .dateCalender .timePicker {
	text-align: center;
	padding: 0 0 10px
}

#calender .dateCalender .timePicker #timepicker {
	border: 0;
	background: #504d4d;
	color: #fff;
	padding: 12px 10px;
	text-align: center;
	font-size: .9rem;
	font-family: SofiaPro, sans-serif;
	font-weight: 400;
	position: relative
}

#calender .dateCalender .timePicker .time_pick {
	display: table;
	width: 100%
}

#calender .dateCalender .timePicker .time_pick:after {
	font-family: FontAwesome;
	top: 12px;
	right: 90px;
	padding-right: 10px;
	content: "\f063";
	position: absolute;
	color: #fff;
	cursor: pointer;
	font-size: 20px
}

#calender .dateCalender .timePicker .time_pick .timepicker_wrap {
	position: relative;
	left: 108px!important;
	border-radius: 0;
	background: #000;
	box-shadow: inherit;
	padding: 10px 0
}

#calender .dateCalender .timePicker .time_pick .timepicker_wrap .next,
#calender .dateCalender .timePicker .time_pick .timepicker_wrap .prev {
	border-radius: 0;
	padding: 12px 20px
}

#calender .dateCalender .timePicker .time_pick .timepicker_wrap .prev {
	background-position: 50% -23%
}

#calender .dateCalender .timePicker .time_pick .timepicker_wrap .next {
	background-position: 50% 117%
}

#calender .dateCalender .timePicker .time_pick .timepicker_wrap input.timepicki-input {
	border-radius: 0;
	font-family: SofiaPro, sans-serif;
	font-weight: 400;
	font-size: 15px
}

#calender .setReminder {
	text-align: center;
	margin: 20px 0 0
}

#calender .setReminder .purpleBtn {
	background-color: #963490;
	padding: 10px 20px;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 10px
}

#calender .setReminder h4 {
	color: #963490
}

.filtercontent::-webkit-scrollbar,
.ui-timepicker-wrapper::-webkit-scrollbar {
	width: .5em
}

.filtercontent::-webkit-scrollbar-track,
.ui-timepicker-wrapper::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.filtercontent::-webkit-scrollbar-thumb,
.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
	background-color: #a9a9a9;
	outline: #708090 solid 1px
}

body .noBrd {
	border: 0
}

.yogaBanner {
	height: 350px;
	overflow: hidden;
	font-family: SofiaPro, sans-serif
}

.yogaBanner .yogaBannerText {
	background: #4e254c;
	padding: 5rem 1em 0;
	height: 600px;
	width: 27%;
	float: right;
	position: relative
}

.yogaBanner .yogaBannerText:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 600px 120px;
	border-color: transparent transparent #4e254c;
	position: absolute;
	content: "";
	left: -120px;
	top: 0
}

.yogaBanner .yogaBannerText h3 {
	color: #fff;
	font-size: 32px;
	margin-bottom: 40px
}

.yogaBanner .yogaBannerText .bannerBtn {
	padding: 15px 30px;
	border-radius: 0;
	font-size: 20px;
	background: #b5c9c9;
	color: #fff;
	font-weight: 700;
	min-width: 220px
}

@media (max-width:1400px) {
	.yogaBanner .yogaBannerText h3 {
		font-size: 34px
	}
}

@media (max-width:1100px) {
	.yogaBanner .yogaBannerText {
		width: 38%
	}
	.yogaBanner .yogaBannerText h3 {
		font-size: 30px
	}
}

@media (max-width:768px) {
	.yogaBanner {
		height: 400px;
		background-position: left top!important
	}
	.yogaBanner .yogaBannerText {
		width: 100%;
		padding: 5rem 3rem 0;
		background: rgba(66, 24, 63, .9)
	}
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	border-color: #fff
}

.carousel .carousel-inner {
	background: #6e356c
}

.carousel .carousel-inner .item {
	margin: 0;
	padding: 0
}

.carousel .carousel-inner .item .imgSlide {
	padding: 0
}

.carousel .carousel-inner .item .imgSlide img {
	height: 500px
}

@media (max-width:768px) {
	.carousel .carousel-inner .item .imgSlide img {
		height: 300px
	}
}

@media (max-width:420px) {
	.carousel .carousel-inner .item .imgSlide img {
		height: 200px
	}
}

.carousel .carousel-inner .item .imgText {
	padding: 0
}

.carousel .carousel-inner .item .imgText .imgContent {
	padding: 0 50px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 2.4em;
	font-weight: 700;
	text-align: center;
	display: table;
	min-height: 500px
}

.carousel .carousel-inner .item .imgText .imgContent p {
	display: table-cell;
	vertical-align: middle
}

@media (min-width:1200px) {
	.carousel .carousel-inner .item .imgText .imgContent {
		font-size: 2em
	}
}

@media (max-width:1199px) {
	.carousel .carousel-inner .item .imgText .imgContent {
		font-size: 1.6em
	}
}

@media (max-width:768px) {
	.carousel .carousel-inner .item .imgText .imgContent {
		min-height: 300px;
		font-size: 1em;
		padding: 0 15px
	}
}

@media (max-width:420px) {
	.carousel .carousel-inner .item .imgText .imgContent {
		min-height: 200px
	}
}

.carousel .carousel-control {
	opacity: .1
}

.carousel .carousel-control .fa-left,
.carousel .carousel-control .fa-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: -10px;
	font-size: 30px
}

.carousel .carousel-control .fa-left {
	left: 30%;
	margin-left: -10px
}

.carousel .carousel-control .fa-right {
	right: 30%;
	margin-right: -10px
}

.carousel .carousel-control:hover {
	opacity: .9
}

.carousel h2 {
	color: #0072b5
}

.carousel h2 small {
	color: #289bde
}

.carousel col-lg-4 p {
	text-align: center
}

.archive-post:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.archive-post .post_duration {
	position: absolute;
	right: 6px;
	top: 5px;
	padding: .2rem .5rem;
	font-size: .6em;
	z-index: 10;
	background: #6f3b67;
	color: #fff;
	font-weight: 700;
	border-radius: 2px
}

.welcome_c_area h2 {
	margin-top: 0;
	font-size: 28px;
	width: 100%;
	background: #f7f7f7;
	padding: 15px 20px;
	text-align: center
}

@media (max-width:767px) {
	.welcome_c_area h2 {
		font-size: 18px
	}
}

.my-teacher-section .my-teacher-card {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-color: #fff;
	min-height: 190px;
	text-align: center;
	padding: 20px;
	cursor: pointer;
	border-radius: .5em;
	transition: box-shadow .3s, border-bottom .3s;
	margin-bottom: 15px
}

.my-teacher-section .my-teacher-card .avatar {
	width: 70px;
	background-size: cover;
	border-radius: 100%
}

.my-teacher-section .my-teacher-card .teacher-name {
	font-size: 1em;
	margin: 12px 0 10px;
	letter-spacing: 1px;
	text-transform: uppercase
}

.my-teacher-section .my-teacher-card .my-teacher-style {
	line-height: 20px;
	font-size: 80%;
	margin-top: 5px
}

.my-teacher-section .my-teacher-card .my-teacher-style .ember-view {
	display: block
}

.my-teacher-section .my-teacher-card:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
	border-bottom: 2px solid rgba(0, 0, 0, .2)
}

@media (min-width:768px) and (max-width:1349px) {
	.logout #page {
		padding-top: 85px
	}
}

.filterBut,
.filterBut i {
	display: none
}

@media (min-width:768px) {
	.modal-open .purplePopup {
		display: none!important
	}
}

@media (max-width:767px) {
	body .navbar-right .dropdown-menu {
		left: 50%
	}
	body .navbar-default .navbar-collapse {
		height: 100vh
	}
	body .navbar-default .navbar-nav>li>a,
	body .navbar-nav>li>a {
		padding: 15px
	}
	.nav-favorite nav ul {
		padding: 0
	}
	.minPad {
		padding: 20px 0
	}
	.minPad .titlecontainer {
		text-align: right;
		position: relative
	}
	.minPad .titlecontainer h1,
	.minPad .titlecontainer p.h1 {
		text-align: left;
		font-size: 2em
	}
	.minPad .titlecontainer .subtitle {
		text-align: left;
		font-size: 1em;
		margin-bottom: 5px
	}
	.minPad .titlecontainer .filterBut {
		display: block;
		position: absolute;
		top: 1px;
		right: 16px;
		border: 2px solid rgba(255, 255, 255, .2);
		color: #fff;
		padding: 6px 20px;
		font-size: .8em;
		border-radius: 3px;
		cursor: pointer;
		z-index: 2
	}
	.minPad .titlecontainer .filterBut:hover {
		border: 2px solid #fff
	}
	.form-sectional .filterbar {
		display: none
	}
	.modal-open .purplePopup {
		display: block!important
	}
	.purplePopup .modal-dialog {
		position: relative;
		width: 100%;
		margin: 0;
		height: 100%;
		overflow: hidden
	}
	.purplePopup .modal-dialog .modal-content {
		height: 100%;
		border: 0;
		box-shadow: inherit;
		background: rgba(78, 33, 77, .99)
	}
	.purplePopup .modal-dialog .modal-content .modal-header {
		border-bottom: 1px solid #5a355a;
		background: #40193f
	}
	.purplePopup .modal-dialog .modal-content .modal-header .close {
		border: 1px solid rgba(255, 255, 255, .1);
		color: #fff;
		padding: 9px 20px;
		font-size: .8em;
		border-radius: 3px;
		opacity: 1;
		font-weight: 700;
		text-shadow: inherit;
		background: #543353
	}
	.purplePopup .modal-dialog .modal-content .modal-header .modal-title {
		color: #fff
	}
	.purplePopup .modal-dialog .modal-body {
		padding: 0
	}
	.purplePopup .modal-dialog .modal-body .form-sectional {
		background: 0 0
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar {
		display: block;
		padding-top: 0;
		margin-top: 0;
		border-top: none
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab {
		border: 0;
		background: 0 0;
		padding: 0;
		border-bottom: 2px solid rgba(255, 255, 255, .1);
		color: #fff
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .fa-angle-down:before {
		color: #fff
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filterHead {
		padding: .5rem 1rem;
		text-align: left
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent {
		padding: 1rem;
		border: 0;
		background: #40193f;
		border-radius: 0;
		width: 100%;
		float: left
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option {
		color: #fff;
		border-bottom: 0;
		width: 33%;
		font-size: .7rem;
		padding: .5rem
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option.is-active {
		color: #9c4b8b
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option.is-active:after {
		color: #9c4b8b;
		top: 10px;
		font-size: 16px
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .activefiltercount {
		color: #9c4b8b;
		font-weight: 700
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .newSearch {
		border: 0;
		display: block
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .newSearch .js-submit {
		color: #fff
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .newSearch input[type=text]:focus {
		width: 88%
	}
}

@media (max-width:767px) and (max-width:480px) {
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option {
		font-size: .6rem
	}
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option.is-active:after {
		font-size: 14px
	}
}

@media (max-width:767px) and (min-width:768px) {
	.purplePopup .modal-dialog .modal-body .form-sectional .filterbar {
		display: none
	}
}

@media (max-width:480px) {
	.yogaBanner .yogaBannerText {
		padding: 5rem 2rem 0
	}
	.yogaBanner .yogaBannerText h3 {
		font-size: 26px
	}
	.navbar-brand {
		width: 68%
	}
	#hero-wrap .textinfo .welcome-area {
		min-width: inherit
	}
	a.btn-secondary {
		font-size: .9em
	}
	a.btn-big {
		font-size: 1em
	}
}

@media (max-width:450px) {
	.minPad .titlecontainer h1,
	.minPad .titlecontainer p.h1 {
		font-size: 1em;
		width: 75%;
		padding: 10px 0 8px
	}
	.minPad .titlecontainer .subtitle {
		font-size: .7em;
		width: 75%
	}
}

@media (max-width:360px) {
	.minPad .titlecontainer .filterBut {
		padding: 3px 15px
	}
	.minPad .titlecontainer h1,
	.minPad .titlecontainer p.h1 {
		padding: 6px 0 4px
	}
}

@media (max-width:720px) {
	#calender .dateCalender .timePicker .time_pick:after {
		top: 12px;
		right: 60px;
		padding-right: 10px;
		font-size: 14px
	}
	#calender .modal-dialog {
		margin: 0;
		padding: 10px;
		width: 100%
	}
	#calender .modal-header .modal-title {
		font-size: 18px
	}
	#calender .modal-header h4#success-message {
		font-size: 15px
	}
	#calender .modal-body p.modal-subTitle {
		font-size: 14px
	}
	#calender .dateCalender p {
		font-size: 15px
	}
	#calender .dateCalender .ui-datepicker .ui-datepicker-title {
		font-size: 16px
	}
	#calender .ui-datepicker th {
		font-size: 14px
	}
	#calender .ui-datepicker td {
		font-size: 13px
	}
	#calender .dateCalender .timePicker #timepicker {
		height: 40px;
		line-height: 40px
	}
	#calender .dateCalender .timePicker .time_pick .timepicker_wrap {
		top: 10px!important;
		left: 55px!important
	}
	#calender .mer_tx,
	#calender .mi_tx,
	#calender .ti_tx {
		margin: 8px 0
	}
	#calender .setReminder .purpleBtn {
		font-size: 14px;
		line-height: 40px;
		height: 40px;
		padding: 0 12px
	}
	#calender .setReminder {
		margin-top: 20px
	}
	#calender .modal-body p {
		font-size: 13px
	}
	#calender .setReminder h4 {
		font-size: 15px
	}
}

@media (max-width:375px) {
	#calender .dateCalender .timePicker .time_pick .timepicker_wrap {
		top: 10px!important;
		left: 34px!important
	}
	#calender .dateCalender .timePicker .time_pick:after {
		right: 49px
	}
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	width: 1em;
	height: 1em;
	top: 4px
}

#calender.newCalender .modal-dialog {
	width: 450px
}

#calender.newCalender .modal-dialog .modal-header {
	padding: 10px 15px
}

#calender.newCalender .modal-dialog .modal-header .modal-title {
	font-size: 1rem
}

#calender.newCalender .modal-dialog .modal-header .close {
	margin-top: 0
}

#calender.newCalender .dateCalender {
	position: relative
}

#calender.newCalender .dateCalender .mySchedule {
	text-align: left;
	background: #2c0a28;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	font-family: SofiaPro, sans-serif;
	font-weight: 700;
	font-size: 1em
}

#calender.newCalender .dateCalender .ui-datepicker .ui-datepicker-header {
	position: absolute;
	top: 10px;
	right: 0
}

#calender.newCalender .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	font-size: .8em;
	margin: 0 1.5em;
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

#calender.newCalender .dateCalender .ui-datepicker table {
	font-size: .7em
}

#calender.newCalender .dateCalender .ui-datepicker th {
	text-align: left;
	padding: 0 .3em
}

#calender.newCalender .dateCalender .ui-datepicker td {
	background: #f4f3f3;
	padding: 5px;
	border: 2px solid #fff
}

#calender.newCalender .dateCalender .ui-datepicker td.undefined {
	opacity: 1
}

#calender.newCalender .dateCalender .ui-datepicker td.undefined span {
	font-weight: 400;
	border: 1px dotted #2c0a28;
	color: #333;
	border-radius: 50%
}

#calender.newCalender .dateCalender .ui-datepicker .ui-state-default {
	background: 0 0;
	padding: 0;
	width: 44px;
	height: 44px;
	line-height: 44px
}

#calender.newCalender .dateCalender .ui-datepicker .ui-state-active,
#calender.newCalender .dateCalender .ui-datepicker .ui-state-highlight {
	font-weight: 700;
	border: 1px solid #2c0a28;
	color: #333;
	border-radius: 50%
}

#calender.newCalender .dateCalender .timePicker .time_pick:after {
	right: 118px
}

#calender.newCalender .dateCalender #error-msg,
#calender.newCalender .dateCalender #error-msgg {
	text-align: center;
	background: red;
	font-size: 12px
}

#calender.newCalender .dateCalender #error-msg .help-block,
#calender.newCalender .dateCalender #error-msgg .help-block {
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 5px 2px 3px
}

#calender.newCalender #success-message {
	text-align: center;
	background: #2fa20b;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	display: block
}

@media (max-width:768px) {
	#calender.newCalender .modal-dialog {
		margin: 0 auto
	}
	#calender.newCalender .modal-dialog .dateCalender .mySchedule {
		font-size: .9em
	}
	#calender.newCalender .modal-dialog .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
		font-size: .8em
	}
	#calender.newCalender .ui-datepicker .ui-datepicker-next,
	#calender.newCalender .ui-datepicker .ui-datepicker-prev {
		top: 3px
	}
}

@media (max-width:494px) {
	#calender.newCalender .modal-dialog {
		width: 100%
	}
	#calender.newCalender .modal-dialog .dateCalender .ui-state-default {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
	#calender.newCalender .modal-dialog .modal-header {
		padding: 10px
	}
	#calender.newCalender .modal-dialog .modal-header .close {
		font-size: 23px;
		margin-top: 0
	}
	#calender.newCalender .timePicker .time_pick:after {
		display: none
	}
}

@media (max-width:400px) {
	#calender.newCalender .modal-dialog .dateCalender .ui-state-default {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 11px
	}
	#calender.newCalender .meridian,
	#calender.newCalender .mins,
	#calender.newCalender .time {
		margin: 0
	}
}

.section .show_more_height {
	min-height: auto
}

.section .show_more_height .more_action button {
	margin: 20px 0
}

body,
html {
	height: 100%
}

#page {
	min-height: 100%
}

.whiteBox {
	padding: 20px;
	background: #fff;
	position: relative
}

.whiteBox.bigBox .bottomPart .boxTitle {
	margin-top: 0
}

@media (max-width:1600px) {
	.whiteBox.bigBox {
		min-height: 530px
	}
}

@media (max-width:1334px) {
	.whiteBox.bigBox {
		min-height: 524px
	}
}

.whiteBox .title {
	font-family: SofiaPro, sans-serif;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 10px;
	position: absolute;
	left: 0;
	top: 20px;
	font-weight: 700
}

.whiteBox .title.green {
	background: #b5c9c9
}

.whiteBox .title.green.blue {
	left: -28px
}

.whiteBox .title.purple {
	background: #773669
}

.whiteBox .title.blue {
	background: #78a8bf;
	left: -20px;
	top: 0
}

@media (max-width:991px) {
	.whiteBox .title.blue {
		top: -70px
	}
}

.whiteBox .bottomPart {
	margin: 50px 0 0
}

@media (max-width:767px) {
	.whiteBox .bottomPart {
		margin: 65px 0 0
	}
}

.whiteBox .bottomPart.noMar {
	margin-top: 0
}

.whiteBox .bottomPart .img {
	margin-bottom: 10px
}

.whiteBox .bottomPart .img.imgBig {
	max-height: 449px;
	overflow: hidden
}

.whiteBox .bottomPart .boxTitle {
	font-size: 1.4em;
	color: #5d5d5d;
	padding-bottom: 10px;
	font-weight: 700
}

.whiteBox .bottomPart .boxContent {
	font-size: .8em;
	height: 12em;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	position: relative
}

.whiteBox .bottomPart .boxContent.boxContentNew {
	height: 4em
}

.whiteBox .bottomPart .boxContent:after {
	transition: 180ms ease;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	content: "";
	position: absolute;
	top: -3.9em;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	pointer-events: none
}

.whiteBox .bottomPart .bottomNew {
	margin: 0 -7.5px
}

.whiteBox .bottomPart .bottomNew .post_meta {
	font-size: .9em
}

.whiteBox .bottomPart .bottomNew .calenderSec {
	padding-top: 0
}

.whiteBox .bottomPart .divider {
	border-top: 1px solid #c7c7c7
}

.whiteBox .bottomPart .borderButt {
	border: 1px solid #000;
	font-size: 1em;
	font-weight: 700;
	color: #000;
	padding: 10px;
	width: 80%;
	margin: 0 auto;
	display: block;
	background: 0 0;
	text-align: center
}

.whiteBox .bottomPart .borderButt:hover {
	background: #6f3b67;
	border-color: #6f3b67;
	color: #fff
}

.whiteBox .bottomPart .cardContent {
	padding-right: 10px
}

.whiteBox .bottomPart .cardContent h3 {
	font-weight: 400;
	color: #6f3b67;
	font-size: 1.4em;
	margin-top: 0
}

.whiteBox .bottomPart .cardContent p {
	font-size: .9em;
	color: #000
}

.whiteBox .personalLink {
	padding-top: 30px
}

.whiteBox .personalLink h4 {
	color: #000
}

.whiteBox .personalLink .int {
	width: 100%;
	padding: 18px 15px;
	font-size: 1em;
	font-weight: 400;
	font-family: SofiaPro, sans-serif;
	color: #000;
	background: #f2f1f1;
	border: 0;
	border-radius: 0;
	box-shadow: none
}

.whiteBox .personalLink .socialSec {
	padding-top: 20px
}

.whiteBox .personalLink .socialSec .socialIcon {
	display: table;
	width: 100%
}

.whiteBox .personalLink .socialSec .socialIcon a {
	width: 50px;
	height: 50px;
	text-align: center;
	display: inline-block;
	background: #763669;
	border-radius: 50%;
	padding-top: 5px;
	margin-right: 10px;
	font-size: 1.8em
}

.whiteBox .purpleBox {
	background-color: #763669;
	background-image: url(../layout/bg-icon.png);
	background-repeat: repeat;
	text-align: center;
	color: #fff;
	padding: 30px;
	width: 100%;
	position: absolute;
	right: -21px;
	top: -20px;
	height: 100vh
}

@media (max-width:991px) {
	.whiteBox .purpleBox {
		height: auto;
		margin-top: 30px;
		position: inherit;
		top: 0;
		right: 0
	}
}

.whiteBox .purpleBox h3 {
	color: #fff;
	font-size: 2em;
	margin: 10px
}

.whiteBox .purpleBox i {
	font-size: 70px;
	padding: 20px 0
}

.whiteBox .purpleBox .borderButt {
	border: 1px solid #fff;
	font-size: 1.2em;
	font-weight: 700;
	color: #fff;
	padding: 12px 10px;
	width: 75%;
	margin: 0 auto;
	display: block;
	background: 0 0
}

.whiteBox .purpleBox .borderButt:hover {
	background: #fff;
	border-color: #fff;
	color: #6f3b67
}

.whiteBox.gap {
	padding: 10px 20px;
	background: #fff;
	margin: 15px 0;
	display: table;
	width: 100%
}

.whiteBox.gap.fullLayout {
	padding: 20px 20px 0;
	overflow: hidden
}

@media (max-width:991px) {
	.whiteBox.gap.fullLayout {
		overflow: visible;
		padding: 20px
	}
}

.whiteBg .form-sectional .minPad {
	padding: 30px
}

.whiteBg .form-sectional .minPad .topHead {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: table;
	width: 100%
}

.whiteBg .form-sectional .minPad .topHead .titleNew h1 {
	font-size: 1.8em;
	color: #fff
}

.whiteBg .form-sectional .minPad .topHead .calenderSec {
	padding-top: 0
}

.whiteBg .form-sectional .minPad .topHead .calenderSec i {
	color: #fff
}

@media (min-width:768px) {
	.whiteBg .form-sectional .minPad .filterbar {
		width: 90%;
		left: 5%
	}
}

.whiteBg.gap {
	padding: 20px;
	background: #fff;
	margin: 15px 0
}

.whiteBg .calenderSec {
	padding-top: 0
}

@media (max-width:991px) {
	.whiteBg .calenderSec {
		font-size: 18px
	}
}

.whiteBg .calenderSec i {
	color: #666
}

.archive-post .post_image {
	height: auto
}

.modal-open .ui-timepicker-wrapper {
	width: 13em
}

.modal-open .ui-timepicker-list li {
	font-size: 14px;
	padding: 6px
}

.modal-open .ui-timepicker-list li.ui-timepicker-selected,
.modal-open .ui-timepicker-list li:hover {
	background: #963490
}

.more_action.dashMore {
	margin-top: 20px
}

.more_action button {
	height: 24px;
	margin-bottom: 40px
}

.more_action button.load_action:after,
.more_action button.load_action:before {
	width: 49%
}

.more_action button.load_action img {
	background: #fff;
	z-index: 999;
	width: 40px;
	height: 40px;
	margin-top: -10px;
	position: relative
}

.more_action .show_more_data {
	margin-top: 0;
	font-size: .9em
}

.more_action.showMore button {
	height: auto;
	margin-bottom: 0
}

.noShadow .archive-post:hover {
	box-shadow: inherit
}

.teacherCarousel .whiteBox {
	display: block
}

#dashCalender {
	display: table;
	width: 100%
}

#dashCalender .dateCalender {
	position: relative
}

#dashCalender .dateCalender .mySchedule {
	text-align: left;
	background: #2c0a28;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	font-family: SofiaPro, sans-serif;
	font-weight: 700;
	font-size: 1em;
	margin-left: -28px
}

#dashCalender .dateCalender #caleandar {
	display: table;
	width: 100%
}

#dashCalender .dateCalender #caleandar .cld-main {
	width: 100%;
	margin-top: 15px
}

#dashCalender .dateCalender #caleandar .cld-main .cld-datetime {
	position: absolute;
	right: 0;
	top: 7px;
	font-family: SofiaPro, sans-serif;
	color: #000;
	font-size: 1.1em;
	font-weight: 700;
	width: 60%
}

@media (max-width:410px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-datetime {
		position: relative;
		margin-top: -15px;
		margin-bottom: 15px;
		width: 80%
	}
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels {
	margin: 0
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-label,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-label {
	text-align: left;
	font-family: SofiaPro, sans-serif;
	color: #000;
	font-size: 1em;
	font-weight: 700;
	padding-left: 5px;
	margin-bottom: 5px
}

@media (max-width:480px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-label,
	#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-label {
		font-size: .8em
	}
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day {
	border: 1px solid #fff;
	background: #f4f3f3;
	height: 60px;
	overflow-y: inherit
}

@media (max-width:410px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day,
	#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day {
		height: 40px
	}
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number {
	text-align: center;
	line-height: 46px;
	width: 48px;
	margin: 0 auto
}

@media (max-width:1450px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number,
	#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number {
		line-height: 35px;
		width: 35px;
		margin: 8px auto 0;
		height: 35px
	}
}

@media (max-width:1216px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number,
	#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number {
		line-height: 25px;
		width: 26px;
		margin: 13px auto 0;
		height: 26px;
		font-size: .8em
	}
}

@media (max-width:991px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number,
	#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number {
		line-height: 35px;
		width: 35px;
		margin: 8px auto 0;
		height: 35px;
		font-size: 1
	}
}

@media (max-width:410px) {
	#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number,
	#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number {
		line-height: 22px;
		width: 24px;
		margin: 3px auto 0;
		height: 24px;
		font-size: .7em
	}
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number.eventday,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number.eventday {
	border-radius: 50%;
	font-weight: 700;
	border: 1px solid #2c0a28;
	color: #333
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number .cld-title,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number .cld-title {
	display: none;
	position: absolute;
	top: 54px;
	z-index: 999;
	line-height: 14px;
	text-align: center;
	width: 100px;
	background: #fff;
	border: 1px solid #dcdcdc;
	font-weight: 700;
	color: #6e356c;
	padding: 5px;
	left: -20px
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number .cld-title a,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number .cld-title a {
	color: #ab5ba8
}

#dashCalender .dateCalender #caleandar .cld-main .cld-days .cld-day .cld-number:hover .cld-title,
#dashCalender .dateCalender #caleandar .cld-main .cld-labels .cld-day .cld-number:hover .cld-title {
	display: block
}

@media (min-width:576px) AND (max-width:767px) {
	.Fourcoloum .loop .postContainer:nth-child(1n+1) {
		clear: none
	}
}

@media (min-width:768px) AND (max-width:992px) {
	.Fourcoloum .loop .postContainer:nth-child(2n+1) {
		clear: none
	}
}

@media (min-width:992px) {
	.Fourcoloum .loop .postContainer:nth-child(3n+1) {
		clear: none
	}
}

.Fourcoloum .loop .postContainer .archive-post {
	min-height: 476px;
	width: 100%
}

@media (max-width:991px) {
	.Fourcoloum .loop .postContainer .archive-post {
		min-height: inherit
	}
}

.dashSlider .archive-post.archive-post--teacher .teacher_image {
	width: 180px;
	height: 180px
}

.dashSlider .archive-post.archive-post--teacher h3 {
	margin: 0
}

.dashSlider .archive-post.archive-post--teacher h3 .teacher_title {
	font-size: 24px;
	color: #737373
}

.dashSlider .archive-post.archive-post--teacher .teacher_contentContainer {
	padding: 0
}

.dashSlider .archive-post.archive-post--teacher .teacher_contentContainer .colorText {
	font-size: 10px
}

.dashSlider .owl-nav .owl-next,
.dashSlider .owl-nav .owl-prev {
	top: 22%
}

.indicator {
	border-top: 1px solid #c7c7c7;
	padding: 15px 0;
	margin: 20px 0 0;
	font-size: 1em;
	font-weight: 700;
	color: #333
}

.indicator .circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

.indicator .circle.solid {
	border: 1px solid #2c0a28
}

.indicator .circle.dotted {
	border: 1px dotted #2c0a28
}

@media (min-width:992px) and (max-width:1600px) {
	.indicator .circle {
		width: 30px;
		height: 30px;
		margin-right: 5px
	}
}

@media (max-width:510px) {
	.indicator .circle {
		width: 30px;
		height: 30px;
		margin-right: 5px
	}
}

@media (max-width:420px) {
	.indicator .circle {
		width: 20px;
		height: 20px;
		margin-right: 2px
	}
}

@media (min-width:992px) and (max-width:1600px) {
	.indicator {
		font-size: .8em
	}
}

@media (max-width:510px) {
	.indicator {
		font-size: .8em
	}
}

@media (max-width:410px) {
	.indicator {
		font-size: .5em
	}
}

.more_action.greyBg .button.load_action img {
	background: #f2f2f2
}

.lessSix {
	display: table;
	width: 100%
}

.testimonailSec {
	padding: 60px 0
}

.testimonailSec .testiBox {
	padding-right: 60px
}

.testimonailSec .testiBox h2.h4,
.testimonailSec .testiBox h4 {
	font-size: 1.5em;
	color: #000
}

@media (max-width:991px) {
	.testimonailSec .testiBox {
		padding-right: 0
	}
}

@media (max-width:991px) {
	.testimonailSec .owl-nav {
		text-align: center
	}
	.testimonailSec .owl-nav .owl-next,
	.testimonailSec .owl-nav .owl-prev {
		position: inherit
	}
}

.testimonailSec .owl-next,
.testimonailSec .owl-prev {
	top: 94%
}

.testimonailSec .owl-prev {
	left: 38%;
	width: 50px;
	height: 50px;
	border: 3px solid #763669!important;
	border-radius: 50%
}

@media (max-width:1260px) {
	.testimonailSec .owl-prev {
		left: 37%
	}
}

.testimonailSec .owl-next {
	right: 48%;
	width: 50px;
	height: 50px;
	border: 3px solid #763669!important;
	border-radius: 50%
}

@media (max-width:1260px) {
	.testimonailSec .owl-next {
		right: 47%
	}
}

.testimonailSec .owl-next span,
.testimonailSec .owl-prev span {
	font-size: 3em;
	font-family: 'Open Sans', sans-serif;
	line-height: 30px;
	color: #763669
}

.testimonailSec .tagLine {
	text-align: center
}

.testimonailSec .tagLine h2 {
	font-size: 2em;
	color: #2a2a2a;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 20px
}

.testimonailSec .tagLine h2 strong {
	font-weight: 700;
	color: #763669
}

.testimonailSec .tagLine .icon {
	width: 45%
}

.testimonailSec .tagLine .text {
	margin-top: 10px
}

@media (max-width:991px) {
	.testimonailSec .tagLine {
		border-top: 1px solid #ececec;
		padding-top: 30px;
		margin-top: 10px
	}
	.testimonailSec .tagLine .icon {
		width: 24%
	}
}

.testimonailSec .col-md-3 {
	border-left: 1px solid #ececec
}

.accorTitle {
	text-align: right;
	color: #763669;
	padding-bottom: 5px
}

.accorTitle i {
	font-size: 20px;
	margin-top: 10px;
	font-style: normal;
	cursor: pointer
}

.accorTitle i.accClose:after {
	content: "\f138";
	font-family: FontAwesome;
	margin: 10px 0 0;
	display: inline-block
}

.accorTitle i:after {
	content: "\f13a";
	font-family: FontAwesome;
	margin: 10px 0 0;
	display: inline-block
}

.accorTitle .title {
	z-index: 2
}

.whiteBox #accordion {
	margin-bottom: 0
}

.whiteBox #accordion .panel {
	border: 0;
	box-shadow: inherit
}

.whiteBox #accordion .panel .panel-heading {
	background: 0 0;
	border: 0;
	border-radius: 0;
	padding: 0
}

.whiteBox #accordion .panel .panel-collapse .panel-body {
	padding: 0;
	border: 0
}

.floatRigt {
	float: right;
	margin: 20px 0 0 20px
}

.floatRigt .calenderSec1 {
	padding-top: 0
}

.floatRigt .fa-2x {
	font-size: 32px;
	margin-top: 4px
}

.floatRigt .fa-star {
	font-size: 16px;
	display: inline-block;
	float: right;
	margin: 10px 5px 0 0
}

.floatRigt .rattBut {
	-webkit-transition: width 2s;
	transition: width 2s;
	width: auto;
	float: left
}

.floatRigt .rattBut.done i {
	color: #6e356c
}

.floatRigt .rattBut.done .starBox {
	float: right
}

.floatRigt .rattBut span {
	float: left;
	padding: 0;
	display: none
}

.floatRigt .rattBut i {
	color: #666;
	font-weight: 400;
	font-size: 26px
}

.floatRigt .rattBut:hover span {
	display: block
}

button:focus {
	outline: 0;
	border: none;
	text-shadow: inherit
}

.heartFollow .fa-heart {
	margin-top: 4px;
	font-size: 16px;
	font-weight: 700;
	float: right;
	width: auto
}

.heartFollow .fa-heart:before {
	font-size: 18px;
	color: #ad4c9e;
	margin-right: 5px;
	font-weight: 400
}

.heartFollow .fa-heart span {
	font-family: SofiaPro, sans-serif;
	font-weight: 700;
	font-size: 16px;
	border-radius: 3px;
	color: #353535;
	position: relative;
	float: right
}

.heartFollow .calenderSec {
	padding-top: 0;
	float: left;
	font-size: 20px
}

@media (min-width:768px) {
	.modal-dialog.ratingModel {
		width: 400px
	}
}

#starRating {
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0
}

#starRating li {
	display: inline;
	padding: 0 10px
}

#starRating li i {
	font-size: 30px
}

.form-sectional .filterbar {
	width: 100%;
	left: 0;
	text-align: center;
	margin-top: 15px;
	border-top: 1px solid #7d507c;
	padding-top: 15px
}

@media (min-width:768px) {
	.form-sectional .filterbar .inputBox {
		float: none;
		display: inline-block;
		margin-bottom: 0
	}
}

.form-sectional .filterbar .filterbar-tab {
	background: 0 0;
	border: 0;
	color: #fff;
	padding: .3rem 1rem 2em
}

.form-sectional .filterbar .filterbar-tab .fa-angle-down:before {
	color: #fff;
	font-size: 14px;
	padding: 4px 0 0 6px;
	display: inline-block
}

.form-sectional .filterbar .filterbar-tab .filtercontent {
	background: #582757;
	border: 0;
	overflow: visible;
	max-height: auto;
	border-radius: 0;
	padding: 10px
}

.form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option {
	border-bottom: none;
	color: #fff;
	float: left;
	font-size: .7rem;
	width: 25%
}

body .footBut {
	margin-top: 20px
}

body .footBut h5 {
	font-size: .9em
}

body .footBut a {
	margin-bottom: 15px
}

body .footBut a.button.newsletter {
	background-color: #3eb4c2;
	padding: 5px 20px;
	border-radius: 4px;
	font-size: .9em;
	border: 1px solid #3eb4c2
}

body .footBut a.button.gift {
	background-color: #8461a1;
	padding: 5px 20px;
	border-radius: 4px;
	font-size: .9em;
	border: 1px solid #8461a1
}

body .footBut a .fa {
	padding-right: 5px
}

.notification {
	background: #6e356c
}

.notification .titlecontainer h1,
.notification .titlecontainer h2,
.notification .titlecontainer p {
	color: #fff
}

.notiList .table-noticealerts td {
	padding: 15px 20px
}

.notiList .table-noticealerts td .fa {
	padding: 0 0 0 10px
}

.notiList .table-noticealerts td .fa.fa-eye {
	color: #000
}

.notiList .table-noticealerts td .fa.fa-times {
	color: #e7423d
}

.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #eaeaea
}

.imgoverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(6, 6, 6, .5);
	z-index: 9999;
	display: table
}

.imgoverlay .videoButtons {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.imgoverlay .videoButtons a {
	border: 1px solid #fff;
	padding: 8px 20px;
	border-radius: 4px;
	font-size: .7rem;
	color: #fff;
	margin-right: 10px;
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

.imgoverlay .videoButtons a:hover {
	background: #fff;
	color: #6e356c
}

@media (max-width:1200px) {
	#hero-wrap.forRecruit {
		height: auto
	}
}

#hero-wrap .overlayBg {
	padding: 20px 40px;
	text-align: center
}

#hero-wrap .overlayBg h1 {
	font-size: 2em;
	margin-top: 0;
	margin-bottom: 20px
}

#hero-wrap .overlayBg .overlayText {
	font-size: 14px;
	color: #fff
}

@media (max-width:420px) {
	#hero-wrap .overlayBg .overlayText {
		font-size: 12px
	}
}

#hero-wrap .overlayBg .overlayBottom .btn-pink {
	margin: 0 0 20px;
	width: 400px
}

#hero-wrap .overlayBg .overlayBottom .btn-pink:hover {
	background: #fff;
	border-color: #fff;
	color: #6f3b67
}

#hero-wrap .overlayBg .overlayBottom .countdownSection {
	padding: 20px;
	display: table;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	border-radius: 10px
}

@media (max-width:992px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection {
		width: 80%
	}
}

@media (max-width:560px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection {
		width: 100%;
		padding: 5px
	}
}

#hero-wrap .overlayBg .overlayBottom .countdownSection h4 {
	text-transform: uppercase
}

@media (max-width:420px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection h4 {
		font-size: 12px
	}
}

#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days {
	display: inline-block;
	padding: 20px 0;
	width: 20%;
	border-radius: 10px
}

@media (max-width:420px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days {
		padding: 6px 0;
		border-radius: 4px
	}
}

#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days p {
	margin: 0;
	font-family: SofiaPro, sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	color: #fff
}

@media (max-width:768px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days p {
		font-size: 1em
	}
}

@media (max-width:768px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days p {
		font-size: .8em
	}
}

#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days p.countdown-unit {
	font-weight: 400;
	font-size: 1em
}

@media (max-width:768px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days p.countdown-unit {
		font-size: .8em
	}
}

@media (max-width:480px) {
	#hero-wrap .overlayBg .overlayBottom .countdownSection .countdown-days p.countdown-unit {
		font-size: .5em
	}
}

#hero-wrap .overlayBg .emailUs {
	width: 50%;
	margin: 0 auto
}

@media (max-width:992px) {
	#hero-wrap .overlayBg .emailUs {
		width: 90%
	}
}

#hero-wrap .overlayBg .emailUs .emailField {
	width: 75%;
	float: left;
	padding: 12px 10px
}

@media (max-width:1200px) {
	#hero-wrap .overlayBg .emailUs .emailField {
		width: 65%
	}
}

@media (max-width:992px) {
	#hero-wrap .overlayBg .emailUs .emailField {
		width: 100%;
		margin-bottom: 10px
	}
}

#hero-wrap .overlayBg .emailUs .btn {
	padding: 12px;
	float: right;
	margin: 0!important
}

@media (max-width:992px) {
	#hero-wrap .overlayBg .emailUs .btn {
		width: 100%
	}
}

#hero-wrap.forRecruit {
	display: block
}

#hero-wrap.forRecruit .row-height .col {
	padding: 2% 3%
}

#hero-wrap.forRecruit .row-height .col .subtitle {
	margin-top: 0
}

#hero-wrap.forRecruit .row-height .col .form-group input[type=email] {
	background: #fff;
	color: #666;
	padding: 14px 10px;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
	float: left;
	width: 50%;
	margin-right: 15px
}

@media (max-width:480px) {
	#hero-wrap.forRecruit .row-height .col .form-group input[type=email] {
		width: 100%;
		padding: 10px
	}
}

#hero-wrap.forRecruit .row-height .col .form-group .btn {
	margin: 0;
	padding: 14px 20px
}

@media (max-width:480px) {
	#hero-wrap.forRecruit .row-height .col .form-group .btn {
		width: 100%;
		padding: 10px;
		margin-top: 10px
	}
}

@media (max-width:480px) {
	#hero-wrap.forRecruit .row-height .col .form-group {
		margin-bottom: 20px
	}
}

#hero-wrap.forRecruit .row-height .col .countdown-clock {
	display: table;
	width: 100%;
	margin: 15px 0 10px
}

#hero-wrap.forRecruit .row-height .col .countdown-clock .countdown-days {
	float: left;
	width: 16%;
	text-align: center;
	background: #e6e6e6;
	margin: 0 1% 0 0;
	padding: 14px 0;
	border-radius: 5px
}

@media (max-width:480px) {
	#hero-wrap.forRecruit .row-height .col .countdown-clock .countdown-days {
		width: 23%
	}
}

#hero-wrap.forRecruit .row-height .col .countdown-clock .countdown-days .countdown-count {
	font-weight: 700;
	font-family: SofiaPro, sans-serif;
	color: #6f3b67;
	margin-bottom: 0
}

#hero-wrap.forRecruit .row-height .col .countdown-clock .countdown-days .countdown-unit {
	font-family: SofiaPro, sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0
}

#hero-wrap.forRecruit .row-height .col .smallHeading {
	font-size: 12px;
	color: #8a8a8a
}

.socialIcon .fa {
	-webkit-transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.socialIcon .fa:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #9f71ad
}

.meta_object .duratinSec {
	position: relative
}

.meta_object .duratinSec .pp.animated {
	display: inline-block;
	font-size: 0;
	position: absolute;
	left: 10px;
	top: 4px
}

.meta_object .duratinSec .pp.animated svg {
	width: 14px;
	height: 14px
}

.meta_object .duratinSec .pp.animated svg circle {
	fill: #fff!important;
	stroke: #ccc!important
}

.animateChart {
	position: relative;
	float: left;
	margin-top: 2px;
	margin-right: 8px
}

.animateChart .pp.animated {
	display: inline-block;
	font-size: 0;
	z-index: 9
}

.animateChart .pp.animated svg {
	width: 14px;
	height: 14px
}

@media (max-width:991px) {
	.animateChart {
		margin-top: 4px
	}
}

.collectionDash.newSec {
	padding-bottom: 0
}

.collectionDash .post_container1,
.collectionDash .timeTop {
	display: none
}

.collectionDash .archive-post {
	border-bottom: 1px solid #e2e2e2
}

.collectionDash .archive-post .post_image img {
	height: 270px
}

.collectionDash .viewAll {
	text-align: center;
	margin-top: 30px
}

.container_teachers h2 {
	color: #000;
	text-align: center;
	font-weight: 700;
	font-family: SofiaPro, sans-serif
}

.container_teachers .archive-post.archive-post--teacher .teacher_image {
	border-radius: inherit;
	border: 0;
	width: 100%;
	height: 100%
}

.container_teachers .archive-post.archive-post--teacher .teacher_image img {
	width: 100%;
	height: auto
}

.container_teachers .archive-post.archive-post--teacher .row {
	margin: 0 -7.5px
}

.container_teachers .archive-post.archive-post--teacher .teacher_title {
	line-height: 1em;
	text-align: left;
	font-size: 1.4em;
	min-height: 2.8em;
	margin-bottom: 0;
	color: #88427c
}

.container_teachers .archive-post.archive-post--teacher .post_content {
	height: 4em;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	position: relative;
	text-align: left
}

.container_teachers .archive-post.archive-post--teacher .post_content div,
.container_teachers .archive-post.archive-post--teacher .post_content p {
	font-size: .9em
}

.container_teachers .archive-post.archive-post--teacher .post_content:after {
	transition: 180ms ease;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	content: "";
	position: absolute;
	top: -3.9em;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	pointer-events: none
}

.container_teachers .owl-nav .owl-next,
.container_teachers .owl-nav .owl-prev {
	top: 32%
}

.container_teachers .owl-nav .owl-prev {
	left: -4%
}

.container_teachers .owl-nav .owl-next {
	right: -4%
}

.container_teachers .owl-dots {
	text-align: center
}

.container_teachers .owl-carousel button.owl-dot {
	background: #d4d4d4;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit;
	height: 10px;
	width: 10px;
	margin: 5px;
	border-radius: 50%
}

.container_teachers button.owl-dot.active {
	background: #6f3b67
}

.boxBottom {
	padding-bottom: 10px
}

.boxBottom .row {
	margin: 0 -7.5px;
	text-align: left
}

.boxBottom .row .text-right {
	float: right
}

.boxBottom .row .text-right .post_duration {
	top: 0
}

.newDesign .archive-post .post_container .post_title {
	font-size: 1.2em
}

@media (max-width:1494px) {
	.newDesign .archive-post .post_container .post_title {
		font-size: 1em
	}
}

@media (max-width:1298px) {
	.newDesign .archive-post .post_container .post_title {
		height: 4em
	}
}

@media (max-width:1070px) {
	.newDesign .archive-post .post_container .post_title {
		height: 4.5em
	}
}

@media (max-width:1060px) {
	.newDesign .archive-post .post_container .post_title {
		font-size: 1em
	}
}

@media (max-width:991px) {
	.newDesign .archive-post .post_duration {
		position: inherit;
		display: inline-block
	}
	.newDesign .archive-post .post_duration.timeTop {
		display: none
	}
}

.shareButt {
	padding: 3px 15px;
	background: #6f3b67;
	color: #fff!important;
	border-radius: 3px;
	font-size: 13px;
	display: none
}

.shareButt:hover {
	background: #4e2948
}

.shareButt:focus {
	outline: 0
}

.modal.in.sharePopup .modal-dialog {
	-webkit-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	transform: translate(0, 200px)
}

.modal.in.sharePopup .modal-dialog .shareUrlForm .form-control {
	border: 1px solid #ccc;
	padding: 10px;
	font-size: .8em;
	color: #000;
	margin-bottom: 10px
}

.background-box {
	text-align: center;
	background: url(../images/button-bg.jpg) center center no-repeat;
	height: 382px;
	display: table;
	width: 100%;
	border-radius: 4px
}

.background-box .showCollection {
	display: table-cell;
	vertical-align: middle
}

.background-box a {
	border: 1px solid #fff;
	font-size: 1.2em;
	font-weight: 700;
	color: #fff;
	padding: 12px 10px;
	width: 75%;
	margin: 0 auto;
	display: block;
	background: 0 0
}

.background-box a:hover {
	background: #fff;
	color: #6f3b67
}

@media (max-width:1494px) {
	.background-box a {
		font-size: 1em;
		width: 80%
	}
}

@media (max-width:1060px) {
	.background-box a {
		font-size: .8em;
		width: 90%
	}
}

@media (min-width:992px) and (max-width:1120px) {
	.newDesign {
		width: 48%
	}
}

@media (max-width:768px) {
	.background-box a {
		margin: 100px auto
	}
}

@media (max-width:420px) {
	.archive-post.collectionNew .bigClass {
		width: 40%;
		float: right
	}
}

@media (max-width:992px) {
	.archive-post.collectionNew .post_duration.timeBott {
		position: inherit;
		display: inline-block
	}
}

.login #page {
	padding-top: 86px
}

@media (min-width:992px) {
	.allcollection .listitempage {
		display: flex
	}
	.allcollection .listitempage .newDesign {
		display: flex;
		flex-wrap: wrap
	}
	.allcollection .listitempage .newDesign .archive-post {
		flex: 1;
		margin-bottom: 0
	}
}

@media (min-width:992px) {
	.topsection {
		display: flex
	}
	.topsection .topLeft {
		display: flex;
		min-height: 555px;
		height: 585px
	}
	.topsection .topLeft .whiteBox {
		flex: 1
	}
	.topsection .topLeft .whiteBox hr {
		margin-top: 8px;
		margin-bottom: 8px
	}
	.topsection .topLeft .whiteBox .boxTitle {
		font-size: 20px
	}
	.topsection .topLeft .whiteBox .post_meta {
		font-size: 14px
	}
	.topsection .topLeft .whiteBox .whiteboxpartone h1.greet_messsage {
		font-size: 2.5em!important
	}
	.topsection .topLeft .whiteBox .whiteboxpartone h1.greet_messsage span.greet_name {
		margin: 5px 0
	}
	.topsection .topLeft .whiteBox .whiteboxpartone h2 {
		font-size: 21px
	}
	.topsection .topLeft .post_content {
		font-size: 13px
	}
}

.login .section.notification {
	padding-top: 50px
}

@media (max-width:768px) {
	.login #page {
		padding-top: 70px
	}
}

@media (max-width:768px) {
	.col-md-12.Fourcoloum {
		clear: both
	}
	.topsection .topLeft:first-child {
		padding-left: 0
	}
	.topLeft.customTop {
		padding-left: 0;
		padding-right: 0!important
	}
	.topsection .topLeft {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.topsection .topLeft:last-child {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.topsection .topLeft .bigBox {
		margin: 15px 0
	}
	.topsection .topLeft h1.greet_messsage {
		font-size: 1.5em!important;
		text-align: left
	}
	.topsection .topLeft .whiteboxpartone h2 {
		font-size: 20px
	}
	.topsection .topLeft .whiteBox .whiteboxparttwo {
		margin-bottom: 20px;
		padding-bottom: 15px
	}
}

.selectGift .form-row {
	padding: 40px 0;
	display: table;
	width: 100%;
	text-align: center
}

.selectGift .form-row h1.h3 {
	font-size: 2em;
	color: #fff;
	margin: 0
}

.selectGift .form-row h1.h3 span {
	font-weight: 400
}

.selectGift .form-row p {
	color: #fff;
	margin: 10px 0 0
}

.selectGift .form-row .select {
	text-align: right
}

.giftForm {
	padding: 40px 0 0
}

.giftForm .emailSec .titel {
	margin-top: 0;
	margin-bottom: 20px
}

.giftForm .emailSec .desc {
	font-size: 1.1em;
	line-height: 1.6em
}

.giftForm .emailSec .form-field {
	margin-top: 30px;
	-webkit-box-shadow: 0 0 10px 3px #ddd;
	-moz-box-shadow: 0 0 10px 3px #ddd;
	box-shadow: 0 0 10px 3px #ddd;
	padding: 30px;
	float: left
}

.giftForm .emailSec .form-field .emailUs {
	margin: 0 -7.5px
}

.giftForm .emailSec .form-field .emailUs .int {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px
}

.giftForm .emailSec .form-field .emailUs .card-icon.int {
	border: 1px solid #ccc;
	padding: 10px 43px 10px 10px;
	border-radius: 4px;
	background: url(../images/image1.png) right no-repeat;
	background-size: auto 22px
}

.giftForm .emailSec .form-field .emailUs .cvv-section {
	border: 1px solid #ccc;
	padding: 10px 43px 10px 10px;
	border-radius: 4px;
	background: url(../images/card-icon.png) right no-repeat;
	background-size: auto 35px
}

.giftForm .emailSec .form-field .emailUs .formGroup .int {
	padding: 3px;
	border-radius: 4px
}

.giftForm .emailSec .form-field .emailUs .formGroup .btn {
	font-weight: 400
}

.giftForm .emailSec .form-field .emailUs .formGroup h3 {
	font-family: SofiaPro, sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 0;
	color: #666
}

.giftForm .emailSec .form-field .emailUs .txtarea {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px;
	min-height: 73px
}

.giftForm .emailSec .form-field .emailUs .marBott {
	margin-bottom: 15px
}

.regisForm .tab .newRegister .twocol .form-group #number {
	border: 1px solid #ccc;
	padding: 10px 43px 10px 10px;
	border-radius: 4px;
	background: url(../images/image1.png) right no-repeat;
	background-size: auto 22px
}

.regisForm .tab .newRegister .twocol .form-group .cvv-section {
	border: 1px solid #ccc;
	padding: 10px 43px 10px 10px;
	border-radius: 4px;
	background: url(../images/card-icon.png) right no-repeat;
	background-size: auto 35px
}

@media (max-width:1349px) {
	.logout .navbar-nav li a {
		font-size: 1em
	}
	.logout .navbar-nav li.btn-login a,
	.logout .navbar-nav li.btn-register a {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1em;
		margin-right: 10px
	}
}

@media (max-width:1186px) {
	.logout .navbar-nav li a {
		font-size: .8em;
		padding: .8rem .5rem .6rem
	}
	.logout .navbar-nav li.btn-login a,
	.logout .navbar-nav li.btn-register a {
		font-size: .8em
	}
}

@media (max-width:1029px) {
	.logout .navbar-brand {
		padding-top: 10px
	}
	.logout .navbar-brand img {
		height: 55px
	}
}

@media (max-width:934px) {
	.logout .navbar-brand {
		padding-top: 10px
	}
	.logout .navbar-brand img {
		height: 55px
	}
	.logout .navbar-nav li a {
		font-size: .7em;
		padding: .8rem .3rem .6rem
	}
	.logout .navbar-nav li.btn-login a,
	.logout .navbar-nav li.btn-register a {
		font-size: .7em
	}
	.logout .navbar-nav li.btn-login {
		padding-left: 10px;
		margin-left: 5px
	}
}

@media (max-width:789px) {
	.logout .navbar-brand {
		padding-top: 30px
	}
	.logout .navbar-brand img {
		height: 30px
	}
}

@media (max-width:768px) {
	.logout .navbar-brand {
		padding: 6.5px 1.5rem 6.5px .5rem
	}
	.logout .navbar-brand img {
		height: 55px;
		max-width: 100%
	}
	.logout .navbar-nav li a {
		font-size: 1.25em;
		padding: 15px
	}
	.logout .navbar-nav li.btn-login a,
	.logout .navbar-nav li.btn-register a {
		padding-left: 1.4rem;
		padding-right: 1.4rem;
		font-size: 1.1em
	}
	.logout .navbar-nav li.btn-login {
		border: none;
		padding: 0;
		margin: 0
	}
}

.sharePopup .modal-content {
	border-radius: 0
}

.sharePopup .modal-content .modal-header {
	padding: 2px;
	border-bottom: 0
}

.sharePopup .modal-content .modal-header .yogaImg {
	text-align: center;
	background: #f6fcff;
	padding: 20px 0
}

.sharePopup .modal-content .modal-header .yogaImg h2 {
	color: #6f3b67;
	font-size: 30px;
	margin: 6px 0 10px;
	font-weight: 300
}

.sharePopup .modal-content .modal-header .yogaImg img {
	border-radius: 20px
}

.sharePopup .modal-content .modal-header .close {
	margin: 5px 8px 0
}

.sharePopup .modal-content .modal-body {
	text-align: center;
	width: 80%;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	margin: 20px auto 30px
}

.sharePopup .modal-content .modal-body h4 {
	font-size: 30px;
	color: #000;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 10px
}

.sharePopup .modal-content .modal-body h5 {
	font-weight: 300;
	font-size: 16px;
	color: #6b6767;
	margin-bottom: 20px
}

.sharePopup .modal-content .modal-body .int {
	width: 70%;
	height: 52px;
	margin: 0 auto
}

.sharePopup .modal-content .modal-body .subButt {
	width: 70%;
	display: block;
	margin: 0 auto 10px;
	padding: 10px 0
}

.sharePopup .modal-content .modal-body .shareLink {
	font-size: 14px;
	text-decoration: underline
}

.terms {
	margin-bottom: 10px
}

.step {
	color: #000;
	font-weight: 400
}

.step strong {
	font-style: italic
}

.step .greytext {
	color: #5a5a5a;
	line-height: 35px
}

.download-btn {
	background: #6f3b67;
	color: #fff;
	padding: 12px 40px;
	border-radius: 4px;
	font-family: SofiaPro, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 10px;
	display: inline-block
}

.download-btn:hover {
	background: #280d26;
	color: #fff
}

.download-btn i {
	padding-right: 6px
}

.thoughtThings {
	padding: 50px 0 0!important
}

.thoughtThings h2.titel {
	font-size: 35px
}

.thoughtThings h3.stepsCount {
	color: #000;
	display: block;
	font-size: 35px
}

.thoughtThings h3.title {
	font-size: 30px
}

.giftForm select.form-control {
	background: 0 0!important;
	padding: 9px 10px!important
}

.popalert {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	background: #fff;
	border: 0!important;
	box-shadow: 2px 4px 7px #ababab;
	border-radius: 0;
	padding: 30px 75px;
	width: 80%;
	box-sizing: border-box
}

.qmark {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.qmark:hover {
	color: #6f3b67
}

.sharePopup .modal-body {
	position: relative
}

.popalert {
	display: none
}

.popalert .close {
	font-weight: 400;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	font-size: 16px;
	color: #5a5a5a
}

.popalert strong {
	font-size: 25px;
	color: #5a5a5a;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 400;
	margin-bottom: 10px
}

@media (max-width:1200px) {
	.navbar-default .navbar-nav li a {
		padding: .8rem .35rem .6rem;
		font-size: 1.1em
	}
}

@media (min-width:768px) {
	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important
	}
}

@media (max-width:992px) {
	.navbar-collapse.collapse {
		display: none!important;
		height: 100vh!important
	}
	.navbar-collapse.collapse.in {
		display: block!important;
		overflow-y: auto!important
	}
	.navbar-default .navbar-nav li a {
		padding: .8rem .3rem .6rem;
		font-size: 1em
	}
	.navbar-toggle {
		display: block
	}
	.navbar-default .navbar-nav li.dropdown-noticealert {
		border: none
	}
	.navbar-header {
		float: none
	}
	.collapse {
		display: none
	}
	.navbar-right {
		float: none!important
	}
	.navbar-default .navbar-nav li.flr {
		float: none;
		text-align: center
	}
	.navbar-default .navbar-nav li.flr .noticecenter-icon {
		border-top: 1px solid #ccc;
		width: 70%;
		margin: 10px auto 0
	}
	.navbar-nav>li {
		display: block!important
	}
	.navbar-default .navbar-nav li.flr .userName {
		display: inline-block;
		margin-top: 10px
	}
	.navbar-default .navbar-nav li.flr a {
		border-bottom: 0
	}
	.navbar-default .navbar-nav li a {
		border-bottom: 1px solid #eee
	}
	.navbar-default .navbar-nav.navbar-right a.dropdown-toggle.dropdown-toggle--profile .menu_profilepicture {
		width: 60px;
		height: 60px
	}
	.navbar-default .navbar-nav li.dropdown-noticealert {
		margin: 0;
		padding: 0
	}
	.navbar-collapse.collapse {
		padding-left: 15px;
		padding-right: 15px
	}
	body .navbar-default {
		padding: 0
	}
	body .navbar-toggle {
		top: 12px;
		z-index: 999
	}
	.navbar-brand img {
		height: 55px;
		max-width: 100%
	}
	.navbar-default .navbar-nav li.btn-login {
		margin: 10px 0 5px;
		border-left: 0;
		padding-left: 0
	}
	span.bell {
		position: relative;
		width: 70px
	}
	.navbar-default .navbar-nav li a.noticecenter-icon.new-message .info-dot {
		position: absolute;
		z-index: 999;
		display: block;
		right: -10px;
		top: 10px
	}
	.topsection .topLeft .bigBox {
		margin-top: 13px
	}
}

.bannerSec {
	height: 415px;
	background: url(https://www.yogateket.com/image/original/qXswIV7It5_Frontpage_yogateket.jpg) center bottom no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
	align-items: center;
	text-align: center
}

.bannerSec h1 {
	font-size: 4em;
	color: #fff;
	margin: 0
}

.bannerSec h1 span {
	font-weight: 400
}

.newbackground {
	background-color: #6e356c;
	background-image: url(/layout/yoga-logo.svg)
}

.chooseFile {
	padding: 10px 40px;
	background: #6f3b67;
	border: 1px solid #6f3b67;
	position: relative;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	float: left;
	cursor: pointer;
	margin-right: 10px
}

.chooseFile i {
	margin-right: 6px
}

.chooseFile .choose {
	position: absolute;
	z-index: 1000;
	opacity: 0;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	font-size: 24px;
	width: 100%
}

#blah {
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 4px;
	width: 10%!important;
	margin: 0!important
}

@keyframes moveInBottomModel {
	0% {
		opacity: 0;
		transform: translate(-50%, -30%)
	}
	100% {
		opacity: 1;
		transform: translate(-50%, -50%)
	}
}

.b_model_box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	z-index: 999
}

.b_model_box .model_box {
	animation: moveInBottomModel 1s ease-out;
	border-radius: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	background: #f7f7f7;
	color: #000;
	text-align: center;
	height: 500px
}

.b_model_box .model_box .m_close_btn {
	transition: .2s;
	position: absolute;
	top: 12px;
	opacity: .8;
	right: 12px;
	height: 38px;
	width: 38px
}

.b_model_box .model_box h2 {
	color: #000
}

@media screen and (max-width:1025px) {
	.nav-open .sidebar-collapse .navbar-translate {
		-webkit-transform: translate3d(10px, 0, 0)!important;
		-moz-transform: translate3d(10px, 0, 0)!important;
		-o-transform: translate3d(10px, 0, 0)!important;
		-ms-transform: translate3d(10px, 0, 0)!important;
		transform: translate3d(10px, 0, 0)!important
	}
	.brand .h1-seo {
		font-size: 2.4em
	}
	.brand .h3,
	.brand h3 {
		font-size: 1.4em
	}
	.brand .newsletterForm .form-horizontal .emailUs .form-control.emailField {
		padding: 20px 10px
	}
	.testimonailSec .tagLine h2 {
		font-size: 1.8em
	}
}

@media screen and (max-width:720px) {
	.sidebar-collapse .navbar-collapse,
	.sidebar-collapse .navbar-collapse:before {
		background: #212021!important
	}
	.navbar-nav>li.nav-item>a {
		color: #fff
	}
	.brand .h1-seo {
		font-size: 1.8em;
		padding-top: 30px
	}
	.brand .h3,
	.brand h3 {
		font-size: 1.2em
	}
	.brand .newsletterForm .form-horizontal .emailUs .form-control.emailField {
		padding: 15px 10px
	}
	.countDownSec .countBox ul {
		margin: 0
	}
	.countDownSec .countBox ul li {
		margin: 1em
	}
	.navbar.navbar-expand-lg.bg-primary.fixed-top .navbar-toggler .navbar-toggler-bar {
		background: #000
	}
	.navbar.navbar-expand-lg.bg-primary.fixed-top.navbar-transparent .navbar-toggler .navbar-toggler-bar {
		background: #fff
	}
	.archive-post.archive-post--teacher {
		padding: 30px 0;
		margin: 0 20px
	}
	.container_teachers .owl-nav .owl-prev {
		left: -10px
	}
	.container_teachers .owl-nav .owl-next {
		right: -10px
	}
	.testimonailSec .item {
		text-align: center
	}
	.testimonailSec .item .testiBox h4 {
		font-size: 1.425em
	}
	.testimonailSec .item .testiBox p {
		font-size: 1.025em
	}
	.testimonailSec .tagLine h2 {
		font-size: 1.425em
	}
	.testimonailSec .col-md-3 {
		border-left: none
	}
	.testimonailSec .owl-prev {
		left: 30%
	}
	.section-basic .titel {
		text-align: center
	}
	.section-basic .whiteBox {
		padding: 20px
	}
	.section-basic .whiteBox .titel h3 {
		font-size: 1.425em;
		line-height: normal;
		margin-top: 15px
	}
	.section-basic .whiteBox .titel p {
		font-size: 1.025em
	}
	.divoblique .outer {
		right: -220px
	}
	.divoblique {
		min-height: 260px
	}
	.container_teachers h2 {
		font-size: 1.8em
	}
}

.imagePopup {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999;
	border-radius: 0;
	display: none
}

.imagePopup.in {
	display: block
}

.imagePopup .modal-content {
	border-radius: 0;
	border: none
}

.imagePopup .modal-dialog {
	width: 300px;
	margin: 0
}

.imagePopup .modal-header {
	padding: 0;
	border-radius: 0
}

.imagePopup .modal-header .overley {
	background: rgba(0, 0, 0, .6);
	height: 100%;
	padding: 15px;
	position: relative
}

.imagePopup .modal-header .overley .close {
	position: absolute;
	padding: 6px 10px;
	border-radius: 50%;
	background: #000;
	left: -10px;
	top: -10px;
	opacity: 1;
	text-shadow: inherit;
	color: #fff
}

.imagePopup .modal-header .overley .close:hover {
	opacity: .6
}

.imagePopup .modal-header .overley .popupContent {
	text-align: center;
	color: #fff
}

.imagePopup .modal-header .overley .popupContent .logo {
	width: 120px;
	margin: 0 auto
}

.imagePopup .modal-header .overley .popupContent h1 {
	font-family: SofiaPro, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff
}

.imagePopup .modal-header .overley .popupContent h2 {
	font-family: SofiaPro, sans-serif;
	font-size: 2em;
	color: #fff;
	margin: 0
}

.imagePopup .modal-header .overley .popupContent h2 span {
	font-weight: 400;
	font-size: .5em;
	display: block;
	margin-top: 10px;
	font-style: italic
}

.imagePopup .modal-header .overley .popupContent .smallDesc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.2em;
	font-family: SofiaPro, sans-serif
}

.imagePopup .modal-body {
	text-align: center;
	padding: 10px
}

.imagePopup .modal-body p {
	font-family: SofiaPro, sans-serif;
	color: #000;
	font-size: 1.5em;
	margin-bottom: 10px
}

.imagePopup .modal-body .btn {
	padding: 5px;
	width: 80%;
	font-size: 1em;
	margin-bottom: 10px;
	display: inline-block;
	color: #fff;
	font-weight: 400
}

.imagePopup .modal-body .btn.purpelButt {
	background: #6f3b67
}

.imagePopup .modal-body .btn.otherButt {
	background: #333
}

.imagePopup .modal-body .btn:hover {
	opacity: .8
}

.bigPopup {
	width: 300px;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	background: #fff;
	border-right: 1px solid #eee;
	z-index: 999;
	display: none
}

.bigPopup.in {
	display: block
}

.bigPopup .close {
	position: absolute;
	padding: 6px 10px;
	border-radius: 50%;
	background: #000;
	right: 5px;
	top: 5px;
	opacity: 1;
	text-shadow: inherit;
	color: #fff;
	z-index: 99
}

.bigPopup .close:hover {
	opacity: .6
}

.bigPopup .popupImg {
	flex: 1;
	width: 50%;
	float: left
}

.bigPopup .popupRight {
	flex: 1;
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #eee;
	background: url(../../layout/popup-img.jpg) no-repeat;
	background-size: cover
}

.bigPopup .popupRight:before {
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, .5);
	width: 100%;
	height: 100%;
	content: '';
	top: 0;
	bottom: 0
}

.bigPopup .popupRight span {
	font-family: SofiaPro, sans-serif;
	color: #000;
	font-size: 1.7em;
	position: relative;
	font-weight: 700;
	line-height: 1.1;
	margin: .67em 0;
	display: inline-block
}

.bigPopup .popupRight .subDesc {
	font-family: SofiaPro, sans-serif;
	color: #000;
	font-size: 1.2em;
	margin-bottom: 10px;
	line-height: 1.2em;
	position: relative
}

.bigPopup .popupRight .mailerSec {
	margin: 20px 0 0;
	position: relative
}

.bigPopup .popupRight .mailerSec .int {
	border: 1px solid #000;
	padding: 10px;
	font-size: .9em;
	width: 80%;
	margin: 0 0 10px;
	color: #000
}

.bigPopup .popupRight .mailerSec .btn {
	padding: 8px;
	width: 50%;
	font-size: 1em;
	display: inline-block;
	color: #fff;
	font-weight: 400
}

.bigPopup .popupRight .mailerSec .btn.purpelButt {
	background: #6f3b67
}

.bigPopup .popupRight .mailerSec small {
	font-size: .8em;
	color: #000;
	display: block;
	margin: 5px 0 0;
	position: relative;
	font-weight: 700
}

.faqAccor .panel-heading {
	padding: 0;
	background: 0 0
}

.faqAccor .panel-heading .panel-title a {
	display: block;
	font-family: SofiaPro, sans-serif;
	font-size: 1em;
	padding: 15px;
	background: #6e356c;
	color: #fff;
	border-radius: 3px 3px 0 0
}

.faqAccor .panel-heading .panel-title a:focus {
	outline: 0
}

.faqAccor .panel-heading .panel-title a.collapsed {
	background: #fff;
	color: #404040
}

.faqAccor .panel-body {
	font-size: 15px
}

.faqAccor .panel {
	margin-top: 15px!important
}

.controlSec {
	margin: 40px 0 20px;
	width: 100%;
	float: left
}

.controlSec .control a {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 2px
}

.controlSec .control a .fa {
	font-size: 1.5em;
	margin-left: 10px
}

.controlSec .control a .fa:before {
	position: relative;
	top: 3px
}

.controlSec .control span {
	display: block;
	margin: 10px 0 0 20px;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #000
}

.controlSec .control.rightText {
	text-align: right
}

.controlSec .control.rightText a .fa {
	margin-right: 10px
}

.controlSec .control.rightText span {
	margin: 10px 20px 0 0
}

@media (min-width:1024px) {
	html {
		height: 100%
	}
	body {
		min-height: 100%;
		position: relative
	}
}

.archive-post.archive-post--style .style_contentContainer.brdNew {
	padding: 15px;
	border: 1px solid #ccc;
	float: none;
	width: auto;
	border-radius: 5px
}

.boxes .row .archive-post {
	margin-bottom: 1em
}

.boxes .row .archive-post:hover {
	box-shadow: inherit
}

.boxes .row .archive-post .brdNew {
	min-height: 300px
}

.boxes .row .archive-post .brdNew .style_content {
	text-align: center;
	display: inline-block;
	font-size: 14px
}

.boxes .row .archive-post .brdNew:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.boxes .row .archive-post .brdNew:hover .h1 {
	color: #af50a8
}

.userPost {
	position: relative
}

.userPost h2.title {
	position: absolute;
	top: 15px;
	color: #fff;
	right: 35px;
	background: rgba(0, 0, 0, .5);
	padding: 10px 20px
}

.userPost .userName {
	position: absolute;
	top: -65px;
	left: 20px;
	font-size: 1.4em;
	color: #000;
	font-family: SofiaPro, sans-serif;
	font-weight: 700
}

.userPost .userName .userImg {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 3px solid #fff;
	margin-right: 10px
}

.formSection {
	height: 100%!important;
	width: 100%!important;
	position: fixed!important;
	z-index: 102!important;
	top: 0!important;
	left: 0!important;
	animation-name: keyframe_18jn58a!important;
	animation-duration: 1200ms!important;
	animation-timing-function: ease!important;
	background: #fff!important
}

.formSection .innerForm {
	position: absolute!important;
	left: 0!important;
	right: 0!important;
	top: 0!important;
	bottom: 0!important;
	overflow: scroll!important
}

.formSection .innerForm.fullView .colLeft form {
	float: left;
	-webkit-box-shadow: 0 0 10px 3px #ddd;
	-moz-box-shadow: 0 0 10px 3px #ddd;
	box-shadow: 0 0 10px 3px #ddd;
	padding: 30px
}

@media (max-width:1100px) {
	.formSection .innerForm.fullView .colLeft {
		width: 100%!important;
		left: 0!important
	}
}

@media (max-width:1100px) {
	.formSection .innerForm.fullView .colRight {
		display: none!important
	}
}

.formSection .colRight {
	position: absolute!important;
	top: 24px!important;
	right: 24px!important;
	bottom: 24px!important;
	width: 45vw!important;
	animation-name: keyframe_18jn58a!important;
	animation-duration: 1000ms!important;
	animation-timing-function: ease!important;
	display: none!important;
	overflow: hidden!important
}

.formSection .colLeft {
	padding: 100px
}

@media (min-width:744px) {
	.formSection .colLeft {
		position: absolute!important;
		top: 50%!important;
		transform: translateY(-50%)!important;
		width: calc(54vw)!important;
		left: -24px!important;
		padding: 8vw!important
	}
	.formSection .colRight {
		display: block!important
	}
	.formSection .colRight .mainImg {
		position: absolute!important;
		background-position: 50% 50%!important;
		background-repeat: no-repeat!important;
		-webkit-animation-name: keyframe_18jn58a!important;
		animation-name: keyframe_18jn58a!important;
		-webkit-animation-duration: 300ms!important;
		animation-duration: 300ms!important;
		-webkit-animation-timing-function: ease-out!important;
		animation-timing-function: ease-out!important;
		background-size: cover!important
	}
}

.formSection .smallLogo {
	position: absolute;
	padding-top: 16px!important;
	padding-left: 24px!important;
	padding-right: 24px!important;
	top: 0!important;
	left: 0!important;
	height: 56px!important;
	z-index: 103!important
}

.formSection .smallLogo img {
	width: 70px
}

.formSection .tab {
	font-size: 1em;
	color: #545454;
	display: none
}

.formSection .tab span {
	font-size: 1.6em;
	font-weight: 700;
	display: block;
	margin: 0 0 8px
}

.formSection .tab p {
	color: #774770;
	font-size: 2.3em;
	font-weight: 700;
	font-family: SofiaPro, sans-serif;
	margin-bottom: 30px
}

.formSection .tab p span {
	text-transform: uppercase;
	font-size: .5em;
	font-weight: 400;
	color: #545454;
	display: block;
	margin-top: 6px
}

.formSection .tab .registerHead {
	color: #774770;
	font-size: 2.3em;
	font-weight: 700;
	font-family: SofiaPro, sans-serif;
	margin-bottom: 30px
}

.formSection .tab .registerHead span {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 400;
	color: #545454;
	display: block;
	margin-top: 6px
}

.formSection .tab .registerHead span strong {
	color: #6f3b67
}

.formSection .buttonSec {
	padding: 50px 0 30px
}

.formSection .buttonSec .btn {
	padding: 6px 30px;
	border: 1px solid #6f3b67;
	margin-right: 8px
}

.formSection .buttonSec .btn:focus,
.formSection .buttonSec .btn:hover {
	color: #fff;
	outline: 0
}

.formSection .buttonSec .btn.pre {
	background: #fff;
	border: 1px solid #ccc;
	color: #545454
}

.formSection .btn-secondary.pre {
	background: 0 0;
	color: #6f3b67;
	border: none;
	padding: 0;
	position: absolute!important;
	width: 14%!important;
	bottom: 0!important;
	background-color: #fff!important;
	min-height: 75px!important;
	left: 0;
	font-weight: 400
}

.formSection .btn-secondary.pre:hover {
	text-decoration: underline
}

.formSection .aboutExp {
	display: table
}

.formSection .aboutExp .expBox {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #eee;
	padding: 40px;
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	color: #000;
	border-radius: 4px
}

.formSection .aboutExp .expBox.exp-style {
	color: #fff;
	background: #6f3b67
}

.formSection .chooseClubs .navbar-nav li {
	margin: 0 1% 15px 0;
	border: 1px solid #eee;
	text-align: center;
	border-radius: 4px;
	font-weight: 700;
	width: 32%;
	float: left
}

@media (max-width:1024px) {
	.formSection .chooseClubs .navbar-nav li a {
		font-size: .8em
	}
}

.formSection .chooseClubs .navbar-nav li a {
	padding: 15px;
	display: block;
	color: #000
}

.formSection .chooseClubs .navbar-nav li a:hover {
	background: #6f3b67;
	color: #fff;
	border-radius: 4px
}

.formSection .chooseClubs .navbar-nav li a .intesetName {
	margin: 0;
	font-size: .9em
}

.formSection .rightImg {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	height: 100%
}

.formSection h3 {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 400
}

.formSection .newRegister .control-label {
	display: none
}

.formSection .newRegister .text-center {
	text-align: left
}

.formSection .newRegister .h1,
.formSection .newRegister .h2,
.formSection .newRegister .h3,
.formSection .newRegister .h4,
.formSection .newRegister h1,
.formSection .newRegister h2,
.formSection .newRegister h3,
.formSection .newRegister h4,
.formSection .newRegister h5 {
	font-weight: 400
}

.formSection .newRegister .twocol .form-group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px
}

.formSection .newRegister .twocol .form-group input[type=text],
.formSection .newRegister .twocol .form-group input[type=email],
.formSection .newRegister .twocol .form-group input[type=password] {
	background: 0 0;
	color: #666;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px!important;
	font-weight: 400!important
}

.formSection .newRegister .twocol .form-group input[type=text]::-webkit-input-placeholder,
.formSection .newRegister .twocol .form-group input[type=email]::-webkit-input-placeholder,
.formSection .newRegister .twocol .form-group input[type=password]::-webkit-input-placeholder {
	color: #000;
	opacity: 1!important
}

.formSection .newRegister .twocol .form-group input[type=text]:-moz-placeholder,
.formSection .newRegister .twocol .form-group input[type=email]:-moz-placeholder,
.formSection .newRegister .twocol .form-group input[type=password]:-moz-placeholder {
	color: #000;
	opacity: 1!important
}

.formSection .newRegister .twocol .form-group input[type=text]::-moz-placeholder,
.formSection .newRegister .twocol .form-group input[type=email]::-moz-placeholder,
.formSection .newRegister .twocol .form-group input[type=password]::-moz-placeholder {
	color: #000;
	opacity: 1!important
}

.formSection .newRegister .twocol .form-group input[type=text]:-ms-input-placeholder,
.formSection .newRegister .twocol .form-group input[type=email]:-ms-input-placeholder,
.formSection .newRegister .twocol .form-group input[type=password]:-ms-input-placeholder {
	color: #000
}

.formSection .newRegister .twocol .form-group .termsSec {
	margin: 0
}

.formSection .newRegister .twocol .form-group .termsSec input[type=checkbox] {
	float: left;
	width: 20px
}

.formSection .newRegister .twocol .form-group .termsSec .termsLable {
	font-size: 14px;
	font-weight: 400
}

.formSection .newRegister .twocol .form-group .fullButton {
	width: 100%;
	padding: 15px
}

.formSection .newRegister .twocol .help-block {
	margin: 0
}

.formSection .cardText {
	display: table;
	width: 100%
}

.formSection .cardText .form-group {
	margin-right: 0;
	margin-left: 0
}

.formSection .cardText h3 {
	margin-bottom: 5px;
	font-size: 18px
}

.formSection .cardText .btn.dropdown-toggle {
	border: 2px solid #ccc
}

.formSection .cardText .btn.dropdown-toggle span {
	margin-bottom: 0
}

.bg-default.newPurple1 {
	padding: 20px 0;
	background: #6f3b67
}

.bg-default.newPurple1 .titlecontainer h1,
.bg-default.newPurple1 .titlecontainer h2,
.bg-default.newPurple1 .titlecontainer h3 {
	color: #fff
}

.regisProcess {
	padding: 0;
	background: #6f3b67;
	min-height: 800px
}

@media (max-width:992px) {
	.formSection .tab h1,
	.formSection .tab p.h1 {
		font-size: 1.6em
	}
}

@media (max-width:480px) {
	.formSection .chooseClubs .navbar-nav li {
		width: 49%
	}
	.formSection .colLeft {
		padding: 100px 25px
	}
}

@media (max-width:1400px) {
	.regisForm .tab {
		margin-top: 100px
	}
}

@media (max-width:991px) {
	.regisForm .tab {
		margin-top: 250px
	}
}

@media (min-width:744px) and (max-width:792px) {
	.regisForm .tab {
		margin-top: 300px
	}
}

@media (max-width:743px) {
	.regisForm .tab {
		margin-top: 0
	}
}

.newbackground.faq_newbackground {
	background-color: #763669;
	background-image: url(../layout/bg-icon.png)
}

.faq_question_box {
	padding: 40px 0
}

.faq_question_box [class*=col-] {
	padding-left: 15px;
	padding-right: 15px
}

.faq_question_box .faq__box {
	background: #f1ecf5;
	padding: 30px;
	height: 200px;
	display: block;
	transition: all ease-in-out .4s;
	margin: 15px 0
}

.faq_question_box .faq__box:hover {
	background: #6f3b67;
	color: #fff;
	border-radius: 2px
}

.faq_question_box .faq__box .faq_c {
	text-transform: uppercase;
	font-weight: 700
}

.faq_side_bar {
	padding-top: 40px
}

.faq_side_bar .faq_side_title {
	font-size: 30px;
	color: #545554;
	margin-bottom: 30px
}

.faq_side_bar .faq_side_navList {
	margin: 0;
	padding: 0 0 0 32px;
	list-style: none
}

.faq_side_bar .faq_side_navList li {
	display: block;
	margin-bottom: 20px
}

.faq_side_bar .faq_side_navList li a {
	display: inline-block;
	color: #737373;
	font-weight: 600;
	font-size: 15px;
	position: relative;
	transition: all ease-out 3s
}

.faq_side_bar .faq_side_navList li a:hover {
	color: #6e356c
}

.faq_side_bar .faq_side_navList li a:after {
	content: "\f138";
	font-family: FontAwesome;
	position: absolute;
	left: -32px;
	top: 2px
}

.faq_side_bar .faq_side_navList li a.active {
	color: #6f3b67
}

.faq_main_section {
	padding: 40px 0
}

.faq_main_section .row {
	margin-left: -7.5px;
	margin-right: -7.5px
}

.faq_main_section .faq_details_content_main_box .faq_details_content {
	display: none;
	background: #fff;
	padding: 50px 40px;
	box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .07)
}

.faq_main_section .faq_details_content_main_box .faq_details_content.active {
	display: block
}

.faq_main_section .is-back-wrap {
	padding-top: 24px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.faq_main_section .is-back-wrap span.icon {
	display: inline-block;
	float: left
}

.faq_main_section .is-back-wrap .icon.is-medium {
	height: 24px;
	width: 24px
}

.faq_main_section .is-back-wrap .title.is-5 {
	display: inline-block;
	margin-left: 24px;
	margin-top: 0
}

.no_faq {
	padding: 20px 0 0 10px
}

@media (min-width:768px) {
	.faq_details_content_main_box .faq_details_content {
		min-height: 340px
	}
	.faq_pl_pr {
		padding: 0 100px
	}
	.faq_question_box .faq__box {
		padding: 20px 15px;
		font-size: 14px;
		text-transform: capitalize
	}
}

@media (min-width:1025px) {
	.faq_question_box .faq__box {
		height: 190px
	}
}

@media (max-width:1366px) {
	.as_seen_on {
		padding: 0 100px!important
	}
	.as_seen_on h2 {
		margin-top: 0!important;
		line-height: 72px!important
	}
	.as_seen_on img {
		height: 72px!important
	}
}

@media (max-width:1024px) {
	.as_seen_on {
		padding: 0 60px!important
	}
	.as_seen_on h2 {
		margin-top: 0!important;
		line-height: 60px!important
	}
	.as_seen_on img {
		height: 60px!important
	}
	.faq_pl_pr {
		padding: 0
	}
	.faq_question_box .faq__box .faq_c {
		font-size: 14px
	}
	.faq_question_box .faq__box {
		height: 160px
	}
}

@media (max-width:992px) {
	.faq_question_box .faq__box {
		height: 140px
	}
}

@media (max-width:767px) {
	.faq_question_box .faq__box {
		height: 200px
	}
}

.single.single--post .widget.widget_blog_info,
.single.single--post .widget.widget_blog_info .title_whiter {
	background: #f7f7f7
}

.single.single--post .artical__colorful_bg {
	background: #f7f7f7;
	padding: 20px
}

.single.single--post .sidebar aside .widget.widget_categories {
	background: #f7f7f7
}

.single.single--post .sidebar aside .widget.widget_categories .widget_title .title_whiter {
	background: #f7f7f7!important
}

.section.archive.archive--post .colorful_artical_bg {
	background: #f7f7f7;
	padding: 20px
}

.section.archive.archive--post .sidebar .form-control {
	padding: 7px 10px
}

.section.archive.archive--post .sidebar .news_letter {
	margin-top: 30px;
	padding: 30px 20px!important
}

.section.archive.archive--post .sidebar .news_letter h3 {
	margin-bottom: 30px
}

.section.archive.archive--post .sidebar .news_letter .news_letter_form {
	text-align: center
}

.section.archive.archive--post .sidebar .news_letter .news_letter_form label {
	color: #000;
	font-size: 13px;
	text-align: left;
	display: block
}

.section.archive.archive--post .sidebar .news_letter .news_letter_form .form-control {
	border-radius: 2px!important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	border-color: #b5b5b5!important;
	height: 44px!important;
	line-height: 44px!important;
	font-size: 15px!important;
	background: #fff!important
}

.section.archive.archive--post .sidebar .news_letter .news_letter_form .btn {
	background: 0 0!important;
	border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	-o-border-radius: 2px!important;
	-ms-border-radius: 2px!important;
	height: 44px;
	line-height: 44px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	border: 1px solid #6f3b67;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 30px;
	font-weight: 500;
	letter-spacing: 2px;
	transition: all ease .3s;
	color: #6f3b67
}

.section.archive.archive--post .sidebar .news_letter .news_letter_form .btn:focus,
.section.archive.archive--post .sidebar .news_letter .news_letter_form .btn:hover {
	outline: 0;
	background: #6f3b67;
	border-color: #6f3b67;
	color: #fff
}

.section.archive.archive--post .sidebar aside .widget .widget_title .title_whiter,
.section.archive.archive--post .sidebar aside .widget.widget_blog_info,
.section.archive.archive--post .sidebar aside .widget.widget_categories {
	background: #f7f7f7
}

.section.archive.archive--post .sidebar .widget_wiki .widget_title .title_whiter {
	background: #6f3b67!important
}

.navbar-nav .notification_d_menu.dropdown-menu {
	padding-bottom: 0!important
}

.navbar-nav .notification_d_menu.dropdown-menu .dropdown-menu--body {
	max-height: 428px;
	overflow: auto
}

.navbar-nav .notification_d_menu.dropdown-menu .dropdown-menu--body li a {
	display: inherit!important
}

.navbar-nav .notification_d_menu.dropdown-menu .dropdown-menu--body li a:hover {
	color: #6e356c
}

.navbar-nav .notification_d_menu.dropdown-menu .dropdown-menu--body li a.active {
	background: #f5f8ff;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08)
}

.navbar-nav .notification_d_menu.dropdown-menu:before {
	position: absolute;
	top: -10px;
	left: 77%
}

.navbar-nav .notification_d_menu.dropdown-menu:before li a:hover {
	background: #f2f2f5!important
}

.navbar-nav .dropdown-menu.notification_d_menu {
	left: -140%!important;
	width: 430px
}

.navbar-nav .dropdown-menu.notification_d_menu .see_all {
	text-align: center
}

.navbar-nav .dropdown-menu.notification_d_menu .see_all a {
	font-weight: 500
}

.navbar-nav .dropdown-menu.notification_d_menu .dropdown-menu--header {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	padding: 7px 16px 9px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px solid #ebebee
}

.navbar-nav .dropdown-menu.notification_d_menu .dropdown-menu--header h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 700;
	color: #373a3c;
	margin-top: 0
}

.navbar-nav .dropdown-menu.notification_d_menu .dropdown-menu--header a {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0;
	font-weight: 700;
	color: #373a3c;
	margin-top: 0;
	padding: 0
}

.navbar-nav .dropdown-menu.notification_d_menu .dropdown-menu--header a#top_notifications_takemelink {
	color: #373a3c;
	font-weight: 800
}

.navbar-nav .dropdown-menu.notification_d_menu li {
	position: relative
}

.navbar-nav .dropdown-menu.notification_d_menu li:not(:last-child) {
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08)
}

.navbar-nav .dropdown-menu.notification_d_menu li a {
	white-space: normal;
	font-size: .8rem;
	padding-right: 1.3rem!important
}

.navbar-nav .dropdown-menu.notification_d_menu li a .icon-circle {
	border-radius: 50%;
	height: 28px;
	line-height: 28px;
	width: 28px;
	padding: 2px;
	text-align: center;
	float: left;
	margin-right: 12px
}

.navbar-nav .dropdown-menu.notification_d_menu li a .icon-circle img {
	height: 22px;
	margin-top: 0
}

.navbar-nav .dropdown-menu.notification_d_menu li a .blue-bg {
	background-color: #379de4
}

.navbar-nav .dropdown-menu.notification_d_menu li a .red-bg {
	background-color: #fb3640
}

.navbar-nav .dropdown-menu.notification_d_menu li a .dark_orange-bg {
	background-color: #ca6d29
}

.navbar-nav .dropdown-menu.notification_d_menu li a .green-bg {
	background-color: #37bf94
}

.navbar-nav .dropdown-menu.notification_d_menu li a .n_t_r {
	width: calc(100% - 110px);
	display: inline-block;
	font-size: .68rem;
	color: #111
}

.navbar-nav .dropdown-menu.notification_d_menu li a .n_t_r .type__of_blog {
	color: #7a7a7a;
	display: inline-block;
	margin-top: 4px;
	font-size: .68rem
}

.navbar-nav .dropdown-menu.notification_d_menu li a .notification__time {
	float: right;
	font-size: .6rem;
	display: inline-block;
	text-align: right;
	color: #7a7a7a
}

.navbar-nav .dropdown-menu.notification_d_menu li.active_n:hover .notification_sub_menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	height: auto;
	z-index: 9
}

.navbar-nav .dropdown-menu.notification_d_menu .notification_dots {
	width: 100%
}

.navbar-nav .dropdown-menu.notification_d_menu .notification_dots i.fa {
	position: absolute;
	top: 17px;
	right: 12px;
	background: #fff
}

.navbar-nav .dropdown-menu.notification_d_menu .notification_sub_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
	visibility: hidden;
	height: 0;
	transform: translateY(10px);
	opacity: 0;
	transition: all ease-out .2s;
	z-index: -9
}

.navbar-nav .dropdown-menu.notification_d_menu .notification_sub_menu li a {
	padding: .4rem .75rem .4rem 1.5rem!important;
	padding-left: 45px;
	display: block;
	transition: all .3s;
	font-size: .8rem
}

.navbar-nav .dropdown-menu.notification_d_menu .notification_sub_menu li a:hover {
	background: #6f3b67;
	color: #fff
}

.as_seen_on {
	padding: 0 150px
}

.as_seen_on h2 {
	font-size: 30px;
	font-weight: 600;
	margin-top: 22px;
	display: inline-block;
	color: #cbcbcb
}

.as_seen_on .seen_on_list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: right
}

.as_seen_on .seen_on_list li {
	display: inline-block;
	margin-left: 5px
}

@media (max-width:767px) {
	.as_seen_on {
		padding: 0!important
	}
	.as_seen_on h2 {
		font-size: 21px;
		text-align: center;
		display: block;
		margin-bottom: 0!important
	}
	.as_seen_on .seen_on_list {
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center
	}
	.as_seen_on .seen_on_list li {
		display: inline-block;
		margin-left: 0
	}
	.as_seen_on .seen_on_list li img,
	.as_seen_on .seen_on_list li source {
		height: 42px!important
	}
	.navbar-nav .dropdown-menu.notification_d_menu {
		left: 50%!important;
		width: 348px;
		box-shadow: 0 2px 12px rgba(0, 0, 0, .1)
	}
	.navbar-nav .dropdown-menu.notification_d_menu .dropdown-menu--body {
		max-height: 340px
	}
	.navbar-nav .dropdown-menu.notification_d_menu .notification__time {
		width: 62px
	}
	.navbar-nav .dropdown-menu.notification_d_menu .n_t_r {
		text-align: left!important
	}
}

@media (max-width:360px) {
	.dropdown-menu.notification_d_menu {
		width: 300px!important
	}
}

.navbar-nav .dropdown-menu li a:focus,
.navbar-nav .dropdown-menu li a:hover {
	background: #f2f2f5!important
}

.check__input {
	font-weight: 700;
	font-size: 14px
}

.comments .meta_content {
	word-break: break-word
}

@media (min-width:768px) {
	.navbar-nav>li.desk,
	.navbar-nav>li.mob {
		display: none!important
	}
}

@media (max-width:767px) {
	.style_pranayam .weekTitle.h2 {
		margin-bottom: 2rem
	}
	.blog_heading h2 {
		font-size: 21px
	}
	.blog_heading h1 {
		font-size: 28px
	}
	.blog_heading h3 {
		font-size: 22px
	}
	.div_3_container.welcomeImg {
		background-image: url(../images/Ik3P2Vl1eE_Yoga_challenge-mob.jpg)!important
	}
	.divoblique.screen_img {
		background-image: url(../images/y2E9WIxzTo_Yoga_with_dog-mob.jpg)!important
	}
	.fullcitat.nose_pic {
		background-image: url(../images/ps4NDD3B6w_Pranayama_home-mob.jpg)!important
	}
	#hero-wrap.main_img {
		background-image: url(../images/qXswIV7It5_Frontpage_yogateket_mob.jpg)!important
	}
	.divoblique.footer_bg {
		background-image: url(../images/yogamat_proposed-mob.jpg)!important
	}
	.navbar-nav>li.desk,
	.navbar-nav>li.mob {
		display: none!important
	}
}

.dashBoard_dib,
.faq_dib {
	display: inline-block!important
}

.blog_heading h2 {
	font-size: 30px
}

.style_pranayam .weekTitle.h2 {
	margin-bottom: 2.6rem
}

#Mainprofile {
	border: 1px solid #6f3b67;
	background: #6f3b67;
	color: #fff;
	padding: 10px 20px
}

.style_color,
.teacher_name {
	font-weight: 600
}

.contributes_list li {
	display: inline-block
}

.contributes_list li:not(:last-child) {
	margin-bottom: 12px
}

.contributes_list li a {
	padding: 0!important
}

.contributes_list li .actor {
	font-size: .86rem
}

.contributes_list li .post_teacherImageContainer {
	height: 40px;
	width: 40px
}

.widget.widget_categories.contributes_list a {
	margin-bottom: 0
}

.widget.widget_categories.contributes_list {
	padding-bottom: .5rem
}

.share_count {
	display: inline-block;
	margin-left: 30px
}

.share_count p {
	display: inline-block;
	color: #666
}

.share_count span {
	color: #6f3b67;
	font-weight: 500
}

.news_letter .news_letter_form label {
	color: #000;
	font-size: 13px;
	text-align: left;
	display: block
}

.news_letter .news_letter_form .form-control {
	border-radius: 2px!important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	border-color: #b5b5b5!important;
	height: 44px!important;
	line-height: 44px!important;
	font-size: 15px!important;
	background: #fff!important;
	padding: 7px 10px
}

.news_letter .news_letter_form .btn {
	background: 0 0!important;
	border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	-o-border-radius: 2px!important;
	-ms-border-radius: 2px!important;
	height: 44px;
	line-height: 44px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	border: 1px solid #6f3b67;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 30px;
	font-weight: 500;
	letter-spacing: 2px;
	transition: all ease .3s;
	color: #6f3b67
}

.blog_artical .author_info {
	padding: 15px 0
}

.blog_artical .author_info .author_img {
	border-radius: 50%;
	margin-right: 20px;
	overflow: hidden;
	width: 100px;
	height: 100px;
	object-fit: cover;
	float: left
}

@media (max-width:768px) {
	.blog_artical .author_info .author_img {
		width: 80px;
		height: 80px
	}
}

.blog_artical .author_info .author_text {
	padding-left: 120px
}

@media (max-width:768px) {
	.blog_artical .author_info .author_text {
		padding-left: 100px
	}
}

.blog_artical .author_info .author_text .author_name {
	margin-top: 0;
	display: inline-block;
	margin-bottom: 16px;
	font-size: 21px
}

@media (max-width:768px) {
	.blog_artical .author_info .author_text .author_name {
		display: block
	}
}

.blog_artical .author_info .author_text .author_social {
	display: inline-block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0
}

@media (max-width:768px) {
	.blog_artical .author_info .author_text .author_social {
		display: block;
		float: none;
		margin-bottom: 15px
	}
}

.blog_artical .author_info .author_text .author_social li {
	display: inline-block
}

.blog_artical .author_info .author_text .author_social li:not(:last-child) {
	margin-right: 8px
}

.blog_artical .author_info .author_text .author_social li a {
	background-color: #777;
	transition: all ease .3s;
	color: #fff;
	font-size: 15px;
	border-radius: 50%;
	height: 34px;
	width: 34px;
	display: inline-block;
	text-align: center;
	line-height: 34px
}

.blog_artical .author_info .author_text .author_social li a:hover {
	background-color: #6f3b67
}

.blog_artical .author_info .author_text .arti__link {
	text-align: right
}

@media (max-width:768px) {
	.blog_artical .author_info .author_text .arti__link {
		text-align: left
	}
}

.blog_artical .author_info .author_text .arti__link a {
	color: #6f3b67
}

.articale_start .articale_header {
	font-size: 28px;
	font-weight: 6400;
	margin: 30px 0 20px
}

@media (max-width:768px) {
	.articale_start .articale_header {
		font-size: 21px
	}
}

.event {
	padding: 80px 0;
	background: #fff
}

.event .eventBlock .wraped {
	border: 1px solid #d1d1d1;
	border-radius: 0;
	margin-bottom: 20px
}

.event .eventBlock figure {
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 145px;
	overflow: hidden
}

@media (max-width:1199px) {
	.event .eventBlock figure {
		max-height: 105px
	}
}

@media (max-width:991px) {
	.event .eventBlock figure {
		max-height: 100%
	}
}

.event .eventBlock figure img {
	max-width: 100%;
	min-width: 100%;
	height: auto;
	transition: .5s ease all
}

.event .eventBlock figure span {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 12px;
	font-size: 10px;
	border-radius: 20px;
	color: #fff;
	opacity: 1;
	visibility: visible;
	background: #35515c;
	transition: .2s ease all
}

.event .eventBlock .eventDesc {
	padding: 20px 20px 40px;
	position: relative;
	box-sizing: border-box
}

.event .eventBlock .eventDesc h4 {
	padding-bottom: 10px
}

.event .eventBlock .eventDesc h4 a {
	color: #35515c;
	font-size: 18px;
	font-weight: 700
}

@media (max-width:1199px) {
	.event .eventBlock .eventDesc h4 {
		min-height: 48px
	}
}

@media (max-width:991px) {
	.event .eventBlock .eventDesc h4 {
		min-height: auto
	}
}

.event .eventBlock .eventDesc p {
	display: block;
	margin: 0 0 5px;
	padding: 0
}

.event .eventBlock .eventDesc p.eventLocation {
	color: #000
}

.event .eventBlock .eventDesc p.eventLocation i {
	color: #35515c;
	margin-right: 3px
}

.event .eventBlock .eventDesc p.dateTime {
	color: #000
}

.event .eventBlock .eventDesc p.dateTime i {
	color: #35515c;
	margin-right: 3px
}

.event .eventBlock a.vdetails {
	position: absolute;
	left: 20px;
	bottom: 10px;
	font-size: 15px;
	color: #35515c;
	text-transform: uppercase;
	font-weight: 600
}

.event .eventBlock a.vdetails:hover {
	text-decoration: underline
}

.event .eventBlock:hover figure span {
	opacity: 1;
	visibility: visible;
	transition: .2s ease all
}

.event .eventBlock:hover .wraped {
	box-shadow: 0 0 22px #a5a5a5
}

.event .mb-3 {
	margin-bottom: 30px
}

.event select {
	border: 1px solid #ddd;
	padding: 10px;
	box-shadow: none
}

.eventDetail {
	padding: 40px 0
}

.eventDetail .cat_event h2.title {
	color: #fff;
	background: #35515c;
	display: inline-block;
	padding: 10px 20px;
	font-size: 25px
}

.eventDetail .cat_event h3 {
	color: #35515c;
	line-height: normal;
	font-weight: 500;
	font-style: italic
}

.eventDetail .cat_event a.back_btn {
	color: #35515c
}

.eventDetail h1 {
	color: #35515c;
	position: relative
}

.eventDetail h3 {
	font-size: 18px;
	line-height: 30px
}

.eventDetail .timeDet {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0
}

.eventDetail .timeDet>div {
	width: 30%
}

@media (max-width:767px) {
	.eventDetail .timeDet>div {
		width: 100%;
		margin-bottom: 15px
	}
}

.eventDetail .timeDet>div label {
	color: #35515c;
	font-weight: 700;
	display: block
}

.eventDetail .timeDet>div span {
	width: 60px;
	display: inline-block;
	font-weight: 700
}

.eventDetail figure {
	margin: 25px 0;
	width: 100%
}

.eventDetail figure img {
	width: 100%;
	height: auto;
	min-height: 100%
}

.eventDetail .contentPart {
	line-height: 30px
}

.eventDetail .regInterest {
	margin-top: 50px;
	padding: 40px 0 25px;
	border-top: 1px solid #ddd;
	width: 100%;
	display: block
}

.eventDetail .regInterest form label {
	display: block
}

.eventDetail .regInterest form label span {
	color: red
}

.eventDetail .regInterest form .form-control {
	border: 1px solid #ddd;
	border-radius: 0;
	padding: 10px;
	height: auto;
	box-shadow: none;
	background: #fff
}

.eventDetail .regInterest form input[type=submit] {
	cursor: pointer;
	background-color: #35515c;
	color: #fff;
	border: 1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: 1em;
	padding: 10px 30px
}

.eventDetail .sidebar_eventDet {
	text-align: center
}

.eventDetail .sidebar_eventDet figure {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 20px;
	background-color: #35515c
}

.eventDetail .sidebar_eventDet figure img {
	min-width: 100%;
	max-width: 100%
}

.eventDetail .sidebar_eventDet .wrapped {
	width: 255px
}

@media (max-width:768px) {
	.eventDetail .sidebar_eventDet .wrapped {
		width: 100%
	}
}

.eventDetail .sidebar_eventDet .btngroup {
	margin-top: 25px
}

.eventDetail .sidebar_eventDet .btngroup a {
	display: block;
	max-width: 250px;
	border: 1px solid #35515c;
	font-weight: 700;
	margin: 10px auto;
	text-align: center;
	padding: 10px;
	border-radius: 3px
}

.eventDetail .sidebar_eventDet .btngroup a.register {
	background: #35515c;
	color: #fff
}

.eventDetail .sidebar_eventDet .btngroup a.register:hover {
	background: #fff;
	color: #35515c
}

.eventDetail .sidebar_eventDet .btngroup a:hover {
	background: #35515c;
	color: #fff
}

.eventDetail .sidebar_eventDet .s-shareIcon ul li a i {
	line-height: 35px;
	font-size: 18px;
	color: #35515c
}

.eventDetail .sidebar_eventDet .s-shareIcon ul li a:hover i {
	color: #fff
}

.eventDetail .sidebar_eventDet a,
.eventDetail .sidebar_eventDet a:visited {
	color: #35515c
}

.Eventbanner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.Eventbanner:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	content: ''
}

.Eventbanner .container h1 {
	position: relative;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 60px
}

.bs-docs-footer a,
.bs-docs-footer a.btn,
.bs-docs-footer a:link,
.bs-docs-footer a:link.btn,
.bs-docs-footer a:visited,
.bs-docs-footer a:visited.btn {
	font-size: 13px
}

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

.s-shareIcon ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.s-shareIcon ul li {
	display: inline-block;
	margin: 0 3px
}

.s-shareIcon ul li a {
	height: 35px;
	width: 35px;
	line-height: 35px;
	display: block!important;
	text-align: center;
	border-radius: 50%!important;
	padding: 0!important
}

.s-shareIcon ul li a i {
	line-height: 35px;
	font-size: 18px
}

.s-shareIcon .share_count {
	margin-left: 0!important;
	width: 100%
}

.news_letter.widget.widget_categories {
	background: #f7f7f7;
	padding: 30px 20px
}

.event_section {
	background: #f7f7f7;
	padding: 0 20px
}

.eventDetail .timeDet {
	border-top: none;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 30px
}

.eventDetail .sidebar_eventDet .event__user .wrapped {
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
	background: #f7f7f7
}

.margin__b {
	margin-bottom: 20px
}

.register_btn {
	background: #6f3b67;
	border-radius: 4px;
	height: 44px;
	line-height: 44px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
	border: 1px solid #6f3b67;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 30px;
	font-weight: 500;
	letter-spacing: 2px;
	transition: all ease .3s;
	color: #fff!important;
	display: inline-block
}

.register_btn:hover {
	background: #280d26;
	border-color: #280d26;
	color: #fff
}

.back_btn {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	display: inline-block
}

.back_btn i {
	font-weight: 700
}

.eventDetail figure {
	margin-top: 0
}

@media (max-width:992px) {
	.footer__links .col-sm-6.col-md-2.page-header-top-right.footer_mb:nth-child(3) {
		clear: both
	}
}

.grey_form_sectional.form-sectional {
	background-color: #f7f7f7
}

.grey_form_sectional.form-sectional .top_sec_t {
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9
}

.grey_form_sectional.form-sectional .titlecontainer p,
.grey_form_sectional.form-sectional h1,
.grey_form_sectional.form-sectional h2 {
	color: #6f3b67
}

.grey_form_sectional.form-sectional .filterbar {
	border-top: none
}

.grey_form_sectional.form-sectional .filterbar .filterbar-tab,
.grey_form_sectional.form-sectional .filterbar .filterbar-tab .fa-angle-down:before {
	color: #111
}

.grey_form_sectional.form-sectional .filterbar .filterbar-tab .filtercontent {
	background: #f1f1f1;
	border: 1px solid #e9e9e9;
	box-shadow: 0 8px 22px 0 rgba(0, 0, 0, .09)
}

.grey_form_sectional.form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option {
	color: #111
}

.form-sectional {
	background: #f7f7f7
}

.form-sectional .titlecontainer h1,
.form-sectional .titlecontainer h2.subtitle.subNew {
	color: #6f3b67
}

.form-sectional .filterbar {
	border-top: 1px solid #e9e9e9
}

.form-sectional .filterbar .filterbar-tab,
.form-sectional .filterbar .filterbar-tab .fa-angle-down:before {
	color: #111
}

.form-sectional .filterbar .filterbar-tab .filtercontent {
	background: #f1f1f1;
	border: 1px solid #e9e9e9;
	box-shadow: 0 8px 22px 0 rgba(0, 0, 0, .09)
}

.form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option {
	color: #111
}

@media (max-width:767px) {
	.minPad .titlecontainer .filterBut {
		color: #7a4a72;
		border: 2px solid #773669
	}
	.purplePopup .modal-dialog .modal-content {
		background: #f7f7f7
	}
	.purplePopup .modal-dialog .modal-content .modal-body .form-sectional .filterbar .newSearch .js-submit {
		color: #111
	}
	.purplePopup .modal-dialog .modal-content .modal-body .form-sectional .filterbar .filterbar-tab {
		color: #111;
		border-bottom: 2px solid rgba(0, 0, 0, .1)
	}
	.purplePopup .modal-dialog .modal-content .modal-body .form-sectional .filterbar .filterbar-tab .fa-angle-down:hover {
		color: #fff
	}
	.purplePopup .modal-dialog .modal-content .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent {
		background: #ececec
	}
	.purplePopup .modal-dialog .modal-content .modal-body .form-sectional .filterbar .filterbar-tab .filtercontent .filtercontent-option {
		color: #111
	}
}

@media (max-width:992px) and (min-width:768px) {
	.Fourcoloum .loop .postContainer:nth-child(2n+1) {
		clear: both
	}
}

.side-section {
	background: #f7f7f7;
	text-align: left
}

.side-section h3 {
	padding-top: 20px;
	font-size: 1.4em;
	padding-left: 45px;
	position: relative
}

.side-section .side-last {
	padding-top: 20px
}

.side-section .side-last li {
	font-size: 15px
}

.side-section ul {
	padding: 8px 20px 30px 0
}

.side-section ul li {
	list-style-type: none
}

.side-section ul li .fa {
	font-size: 15px;
	padding-right: 6px
}

@media (max-width:767px) {
	.post_content p span {
		font-size: 13px
	}
}

.formSection .newRegister .err {
	text-align: center
}

@media screen and (max-width:992px) {
	.regisForm .termsSec {
		display: flex
	}
	.regisForm .termsSec input[type=checkbox] {
		width: 70px!important;
		padding: 0
	}
	.regisForm .termsSec p {
		padding-left: 10px!important
	}
}

@media screen and (max-width:767px) {
	.form-sectional .titlecontainer h1,
	.form-sectional .titlecontainer p.h1 {
		padding-right: 0;
		width: 100%
	}
	.minPad .titlecontainer .filterBut {
		top: inherit;
		bottom: 0
	}
}

@media screen and (max-width:450px) {
	.form-sectional .titlecontainer h1,
	.form-sectional .titlecontainer p.h1 {
		padding-right: 0;
		width: 100%
	}
}

@media screen and (max-width:400px) {
	.singlepost .post_headingContainer {
		display: flex;
		justify-content: space-between
	}
	.singlepost .post_headerlink {
		padding: .75rem 5px .75rem 0
	}
	.singlepost .post_headerlink.post_headerlink--share a i.fa {
		margin-left: 4px
	}
}

.collection-section {
	padding: 50px
}

@media (max-width:767px) {
	.collection-section {
		padding: 30px
	}
}

.collection-section .row .image-section {
	border: 1px solid #e2e2e2;
	border-bottom: 2px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}

@media screen and (max-width:768px) {
	.collection-section .row .image-section {
		margin-bottom: 15px
	}
}

.collection-section .row .image-section h2 {
	font-size: 1.2em;
	color: #777;
	font-weight: 400;
	height: 44px
}

@media (max-width:769px) {
	.collection-section .row .image-section h2 {
		height: auto
	}
}

.collection-section .row .image-section p {
	font-size: .9em
}

.collection-section .row .image-section .image-text {
	padding: 0 7px 15px 15px
}

.collection-section .row .image-section .image-text .text-section {
	font-weight: 700;
	color: #666
}

.collection-section .row .image-section .image-text .side-content {
	height: 4em;
	overflow: hidden;
	display: block;
	margin-bottom: 22px;
	position: relative;
	font-size: .9em
}

.collection-section .row .image-section .image-text .side-content:after {
	transition: 180ms ease;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	content: "";
	position: absolute;
	top: -3.9em;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	pointer-events: none
}

.collection-section .row .image-section .post-section {
	position: absolute;
	right: 6px;
	top: 5px;
	padding: .2rem .5rem;
	font-size: .6em;
	z-index: 10;
	background: #6f3b67;
	color: #fff;
	font-weight: 700;
	border-radius: 2px
}

.collection-section .row .image-section:hover {
	box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, .2)
}

.collection-section .row .bg-section {
	text-align: center;
	background: url(../images/button-bg.jpg) center center no-repeat;
	height: 382px;
	display: table;
	width: 100%;
	border-radius: 4px
}

@media screen and (max-width:1439px) {
	.collection-section .row .bg-section {
		height: 96%
	}
}

@media screen and (max-width:768px) {
	.collection-section .row .bg-section {
		margin-bottom: 15px;
		height: 300px
	}
}

.collection-section .row .bg-section .bg-button {
	display: table-cell;
	vertical-align: middle
}

.collection-section .row .bg-section .bg-button a {
	border: 1px solid #fff;
	font-size: 1.2em;
	font-weight: 700;
	color: #fff;
	padding: 12px 10px;
	width: 75%;
	margin: 0 auto;
	display: block;
	background: 0 0
}

.collection-section .row .bg-section .bg-button a:hover {
	background: #fff!important;
	color: #6f3b67!important
}

.progress-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px
}

.progress-section .progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite
}

.progress-section .progress-bar {
	background-color: #6f3b67;
	font-size: 10px;
	line-height: 15px
}

.progress-section .progress-left {
	width: 85%
}

.progress-section .progress-left p {
	margin-bottom: 2px
}

@media (max-width:767px) {
	.progress-section .progress-left p {
		line-height: 1.2;
		font-size: 10px;
		min-height: 24px
	}
	.progress-section .progress-left .progress-section .progress {
		margin-top: 0
	}
}

.progress-section .progress {
	height: 15px;
	border-radius: 3px!important;
	background-color: #ececec;
	margin-top: 15px;
	margin-bottom: 0
}

@media (max-width:767px) {
	.progress-section .progress {
		margin-top: 11px
	}
}

@media (max-width:479px) {
	.progress-section .progress {
		margin-top: 0
	}
}

.progress-section .progress-bar-striped,
.progress-section .progress-striped .progress-bar {
	background-image: none
}

.progress-section .progress-trophy {
	position: relative;
	text-align: center;
	width: 15%
}

.progress-section .progress-trophy img {
	width: 32px
}

.progress-section .progress-trophy span {
	margin-bottom: 20px;
	color: #dbdbdb;
	display: inline-block
}

.progress-section .progress-trophy span:after {
	content: "";
	position: absolute;
	width: 95%;
	height: 15px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #ececec;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

@media screen and (max-width:991px) {
	.progress-section .progress-trophy span:after {
		bottom: 2px
	}
}

@media screen and (max-width:479px) {
	.progress-section .progress-trophy span:after {
		bottom: -1px
	}
}

.progress-section .progress-trophy span.activeicon {
	margin-bottom: 20px;
	color: #6f3b67;
	display: inline-block
}

.progress-section .progress-trophy span.activeicon:after {
	content: "";
	position: absolute;
	width: 95%;
	height: 15px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #6f3b67;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

@media screen and (max-width:991px) {
	.progress-section .progress-trophy span.activeicon:after {
		bottom: 2px
	}
}

@media screen and (max-width:479px) {
	.progress-section .progress-trophy span.activeicon:after {
		bottom: -1px
	}
}

@media screen and (max-width:1920px) {
	.strip-data .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.strip-data .row .image-section {
		height: calc(100%);
		margin-bottom: 15px
	}
}

@media screen and (max-width:992px) {
	.strip-data .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.strip-data .row .image-section {
		height: auto
	}
}

.listitempage_new {
	background: #fff;
	padding: 0;
	margin-bottom: -30px
}

.listitempage_new .clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.listitempage_new .blog {
	margin: 15px 0;
	border-bottom: none
}

.listitempage_new .blog_wrap {
	background-color: #fff;
	text-align: center;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .09);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%
}

.listitempage_new .blog_wrap .blog__image {
	border-bottom: 1px solid #f1f1f1
}

.listitempage_new .blog_wrap .blog__image a {
	height: 180px;
	overflow: hidden;
	object-fit: cover
}

.listitempage_new .blog_wrap .blog__image a img {
	max-width: 100%;
	width: 100%;
	min-width: 100%;
	height: 100%;
	object-fit: cover
}

.listitempage_new .blog_wrap .blog_content {
	padding: 15px;
	background-color: #f9f9f9;
	text-align: left
}

.listitempage_new .blog_wrap .blog_content .cat-text {
	font-size: 13px;
	text-align: right
}

.listitempage_new .blog_wrap .blog_content h4 {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

@media (max-width:767px) {
	.listitempage_new .blog_wrap .blog_content h4 {
		white-space: pre-wrap;
		text-overflow: inherit;
		overflow: auto
	}
}

.page-delimiter.listitempage.listitempage_new {
	border-top: 1px solid #ccc;
	padding-top: 6px
}

.listitempage_new:last-child {
	margin-bottom: 0
}

.show_more_btn.load_action .show_more_data {
	background: #6f3b67;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 12px 30px;
	font-size: 16px;
	border-radius: 4px;
	transition: all ease .3s
}

.show_more_btn.load_action .show_more_data:hover {
	background-color: #280d26
}

button.show_more_btn.load_action:after,
button.show_more_btn.load_action:before {
	display: none
}

.collection_header {
	background: #f7f7f7;
	padding: 30px 0;
	border-bottom: 1px solid #e9e9e9
}

.collection_header .newSearch {
	display: block
}

@media (max-width:767px) {
	.collection_header {
		margin-bottom: 0;
		padding-bottom: 20px
	}
}

.collection_header h1 {
	color: #6f3b67
}

.collection_header .bottomborder {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 20px;
	margin-bottom: 10px
}

@media (max-width:767px) {
	.collection_header .bottomborder {
		border-bottom: none;
		margin-bottom: 0
	}
}

.collection_header .filterbar {
	margin-top: 20px;
	text-align: center
}

.collection_header .filterbar .filterbar-text input {
	width: 60%;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	padding: 8px
}

@media (max-width:767px) {
	.collection_header .filterbar .filterbar-text input {
		width: 100%
	}
}

.collection_header .filterbar .filterbar-text input:focus {
	border-color: #6f3b67;
	outline: 0
}

#collections {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.no_top_padding {
	padding-top: 0!important
}

.formSection .newRegistrationForm .yourInfo {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #98578f;
	line-height: 27px;
	float: left;
	width: 100%
}

.formSection .newRegistrationForm .yourInfo .number {
	height: 30px;
	width: 30px;
	background: #98578f;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding-top: 0;
	float: left;
	margin-right: 10px
}

.formSection .newRegistrationForm .newRegister .control-label {
	display: block;
	padding-left: 0;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 6px;
	color: #535353
}

.formSection .newRegistrationForm .newRegister .control-label.fullWidth {
	width: 100%
}

.formSection .newRegistrationForm .newRegister .control-label label {
	display: block;
	padding-left: 0;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #535353;
	margin-bottom: 0
}

.formSection .newRegistrationForm .newRegister .form-control {
	padding: .6rem .5rem;
	border: 0 solid #ddd;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .2);
	background: #fff!important;
	color: #666
}

@media (max-width:767px) {
	.formSection .newRegistrationForm .newRegister .form-control {
		padding: .6rem .5rem;
		border: 2px solid #ccc!important;
		box-shadow: none!important;
		background: #fff!important;
		color: #666
	}
}

@media (max-width:1023px) {
	.formSection .newRegistrationForm .newRegister .form-control {
		padding: .6rem .5rem;
		border: 2px solid #ccc!important;
		box-shadow: none!important;
		background: #fff!important;
		color: #666
	}
}

.formSection .newRegistrationForm .newRegister .select .bootstrap-select {
	width: 100%
}

.formSection .newRegistrationForm .newRegister .select .bootstrap-select .dropdown-toggle {
	padding: .6rem .5rem!important
}

.formSection .newRegistrationForm .newRegister .termsSec label {
	font-size: 12px!important
}

.topMiddle {
	margin-top: 20px
}

.topMiddle input {
	padding: 10px!important
}

.topMiddle h3 {
	color: #773669
}

h1.greet_messsage {
	font-size: 2.3em!important;
	color: #fff
}

span.greet {
	color: #fff
}

span.greet_name {
	color: #fff!important;
	font-size: .7em!important;
	margin-top: 10px;
	display: block;
	margin-bottom: 5px
}

.mygoal h3 {
	position: relative
}

.mygoal-message {
	display: none
}

.innerForm .colLeft .form-horizontal {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

@media only screen and (min-width:700px) and (max-width:1023px) {
	.innerForm .colLeft .form-horizontal .regisForm.newRegistrationForm .tab {
		margin: 0
	}
	.formSection .colLeft {
		top: 60%!important
	}
	.customTop {
		margin-bottom: 10px
	}
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
	.innerForm .colLeft .form-horizontal .regisForm.newRegistrationForm .tab {
		margin: 0
	}
	.formSection .colLeft {
		top: 65%!important
	}
}

.free_classes {
	background-color: #f7f7f7;
	padding: 30px 0
}

.free_classes h3 {
	color: #6f3b67;
	font-size: 32px;
	margin-bottom: 40px
}

@media (max-width:767px) {
	.free_classes h3 {
		font-size: 22px
	}
}

.creditCardSec .mainHeading {
	font-size: 2rem;
	margin-bottom: 1rem;
	text-align: center;
	color: #703b67;
	font-weight: 400
}

.creditCardSec .perMonthBox {
	margin: 1.5rem auto;
	max-width: 300px;
	padding: .4rem 1rem;
	border-radius: 8px;
	position: relative;
	display: block;
	font-weight: 700;
	font-size: .7rem;
	background: #fff;
	border: 2px solid #98578f;
	color: #98578f;
	text-align: center
}

.creditCardSec .perMonthBox::before {
	content: '';
	display: block;
	width: 0;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom-color: #98578f
}

.creditCardSec .perMonthBox .priceCell {
	text-align: center;
	font-weight: 700;
	font-size: .7rem;
	color: #98578f
}

.creditCardSec .perMonthBox .priceCell::after {
	top: -17px;
	content: '';
	display: block;
	width: 0;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom-color: #fff
}

.creditCardSec .mp-table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-radius: 5px;
	margin-bottom: 2rem;
	box-shadow: 0 0 0 3px #eee
}

.creditCardSec .mp-table thead {
	border: 1px solid #f1f1f1;
	background: #f8f8f8;
	color: #0a0a0a;
	border-radius: 5px 5px 0 0
}

.creditCardSec .mp-table thead tr th {
	color: #222;
	background: 0 0;
	letter-spacing: 1px;
	font-size: .7rem;
	font-weight: 700;
	padding: .8rem .5rem;
	text-transform: uppercase
}

.creditCardSec .mp-table thead tr th:first-child {
	border-radius: 5px 0 0
}

.creditCardSec .mp-table tbody {
	border: 1px solid #f1f1f1;
	background-color: #fefefe
}

.creditCardSec .mp-table tbody tr {
	border-top: 3px solid #eee
}

.creditCardSec .mp-table tbody tr td {
	color: #555;
	padding: 1rem .5rem;
	font-size: .8rem
}

.creditCardSec .mp-table tfoot {
	background: #f1f1f1;
	color: #0a0a0a;
	border: 1px solid #f1f1f1
}

.creditCardSec .mp-table tfoot th {
	padding: .5rem .625rem .625rem;
	font-weight: 700;
	text-align: left
}

.creditCardSec .stripe-payment {
	margin: 2rem auto;
	padding: 1rem 1rem 1.5rem;
	border-radius: 4px;
	background: #e2cde0;
	max-width: 420px;
	display: table
}

.creditCardSec .stripe-payment .mp-form-label label {
	color: #525967;
	font-weight: 700;
	text-align: left;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: 1px
}

.creditCardSec .stripe-payment .StripeElement {
	padding: .3rem .5rem .3rem .2rem;
	border: 2px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
	background: #fff;
	float: left;
	width: 100%
}

.creditCardSec .stripe-payment .StripeElement input {
	border: none;
	padding: 0;
	float: left;
	font-size: .6rem
}

.creditCardSec .stripe-payment .StripeElement .cvv {
	width: 15%;
	text-align: right;
	float: right
}

.creditCardSec .stripe-payment .StripeElement .date {
	width: 20%;
	text-align: right;
	float: right
}

.creditCardSec .stripe-payment .StripeElement .cardNumber {
	width: auto;
	margin-left: 25px
}

@media (max-width:961px) {
	.creditCardSec .stripe-payment .StripeElement .cardNumber {
		width: 20%
	}
}

@media (max-width:532px) {
	.creditCardSec .stripe-payment .StripeElement .cardNumber {
		width: 30%
	}
}

.creditCardSec .stripe-payment .StripeElement .cardGroup {
	float: right;
	width: 22px;
	margin: 0;
	line-height: 15px;
	position: absolute
}

.creditCardSec .stripe-payment .StripeElement .cardGroup .cards {
	display: none
}

.creditCardSec .stripe-payment .StripeElement .cardGroup .cards.active {
	display: block;
	margin: 0
}

.creditCardSec .shadowBtn {
	transition: all .2s ease-in;
	box-shadow: 4px 4px 0 0 rgba(82, 89, 103, .25);
	width: auto;
	margin: 0 auto;
	display: block;
	padding: 10px 5rem;
	text-transform: uppercase;
	font-size: .7rem;
	letter-spacing: 1px
}

.credit-tab-section {
	text-align: center
}

.stripe-payment.stripe-section {
	margin: 1rem auto
}

.creditCardSec .fullButton {
	width: 100%;
	padding: 10px
}

.creditCardSec .perMonthBox {
	margin-bottom: 0
}

.creditCardSec #server-error {
	text-align: center;
	padding: 15px 0
}

@media (max-width:767px) {
	.creditCardSec .stripe-payment .StripeElement input {
		font-size: 10px
	}
}

.innerForm .colLeft .form-horizontal {
	padding-bottom: 65px
}

.strip_lock {
	color: #dbd7d7;
	font-size: 26px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	width: 100%
}

.strip_lock .fa {
	color: #c7c4c4
}

.strip_lock .stripe_link {
	background: #c7c4c4;
	color: #fff;
	margin-left: 10px;
	padding: 5px 5px 0;
	border-radius: 3px
}

a.stripe_link:hover {
	background: #6f3b67
}

.termsSec p {
	color: #545454!important;
	font-weight: 400!important;
	font-family: 'Open Sans', sans-serif!important;
	padding: 0 0 0 28px!important
}

#term {
	float: left;
	width: 20px
}

#coupon {
	padding: 10px
}

.formSection .newRegistrationForm .newRegister .select .bootstrap-select button.dropdown-toggle {
	padding: .57rem .5rem!important;
	margin-top: -2px;
	border-radius: 7px
}

.videoBanner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 1
}

.vimeo-wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media screen and (max-width:992px) {
	.vimeo-wrapper iframe {
		min-width: 100vh
	}
}

.vimeo-wrapper .textinfo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9
}

.whiteboxOne .mygoal {
	background: #fff
}

.whiteboxOne .mygoal h3 {
	text-transform: capitalize;
	font-size: 25px
}

.topMiddle .form-group select.selectpicker {
	display: block!important;
	background: #f2f2f2;
	color: #666;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #eee;
	width: 100%
}

.topMiddle .form-group {
	margin-left: 0;
	margin-right: 0
}

.topLeft .whiteBox.whiteboxOne {
	padding: 0
}

.whiteboxpartone {
	padding: 10px 20px;
	background: #544a7d;
	background: -webkit-linear-gradient(to right, #ffd452, #544a7d);
	background: linear-gradient(to top, #35515c, #558496)
}

.whiteboxpartone p {
	color: #fff;
	font-size: 14px
}

.whiteboxpartone h2 {
	color: #fff;
	font-size: 27px
}

.whiteboxparttwo {
	padding: 0 25px;
	border-top: 15px solid #f6f5f5
}

.whiteboxparttwo .form-group {
	margin-right: 0;
	margin-left: 0
}

.whiteboxparttwo .form-group #update {
	margin-right: 10px
}

.mygoal-message {
	margin-bottom: 20px
}

@media only screen and (max-width:1024px) and (min-width:992px) {
	.mygoal-message p {
		font-size: 12px
	}
}

.mygoal-message .form-group input {
	padding: 10px;
	width: 100%;
	border: 1px solid #eee;
	background: #f2f2f2;
	color: #666;
	border-radius: 5px
}

.goalreflect textarea {
	width: 100%;
	border: 1px solid #f0eaea;
	border-radius: 5px;
	font-size: 14px;
	padding: 5px;
	display: block;
	overflow: hidden;
	height: initial;
	background: #eeecec
}

.goalreflect button {
	margin: 12px 0
}

.topMiddle .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
	border: 1px solid #f0eaea;
	border-radius: 5px;
	background: #eeecec
}

.topMiddle .form-group textarea {
	border-left: 1px solid #f0eaea;
	border-right: 1px solid #f0eaea;
	border-bottom: 1px solid #f0eaea;
	border-radius: 5px;
	padding: 5px 12px;
	overflow: hidden;
	background: #eeecec
}

.span-link {
	text-decoration: underline
}

.topLeft .whiteboxparttwo .progress-section {
	align-items: flex-end;
	margin-bottom: 10px
}

.formtext {
	padding: 50px 0;
	min-height: 500px
}

.formtext .mainformtext {
	background: #fff;
	padding: 10px 20px;
	border-top: 1px solid #ddd;
	border-radius: 3px
}

.formtext .mainformtext .textdetail {
	display: flex;
	justify-content: space-between
}

.formtext .mainformtext .textdetail .editdel {
	display: flex;
	align-items: center
}

.formtext .mainformtext .textdetail .editdel .fa-pencil-square-o {
	padding-right: 10px
}

.formtext .mainformtext .textdetail .editdel .fa-times {
	color: #cf3131
}

.formtext .mainformtext .textdetail p {
	font-weight: 700;
	padding-right: 20px
}

.giftsection h1 {
	color: #fff
}

.mcontent p {
	font-weight: 500!important
}

.mainformtext:nth-child(odd) {
	background: #fff
}

.mainformtext:nth-child(even) {
	background: #eaeaea
}

.formdetail {
	padding: 50px 0
}

.formdetail .mainformdetail {
	background: #fff;
	padding: 25px
}

.formdetail .mainformdetail .frmdetail {
	padding-bottom: 20px
}

.formdetail .mainformdetail .title.purple {
	background: #763669;
	color: #fff;
	padding: 8px
}

.formlist li {
	list-style-type: decimal
}

.formclass {
	display: flex;
	align-items: baseline;
	margin-top: 20px
}

.editform {
	padding: 50px 0
}

.editform .searchform {
	position: relative
}

.editform .searchform input {
	border: 1px solid #eee;
	width: 100%
}

.editform .searchform button {
	position: absolute;
	top: 8px;
	right: 8px;
	background: 0 0;
	border: none
}

.editformmiddle .form-group:first-child {
	margin-top: 60px
}

#searcdata {
	max-height: 358.41px;
	overflow-y: auto;
	min-height: 122px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	position: absolute;
	width: 100%;
	left: -47px;
	top: 48px;
	background: #fff
}

#searcdata li {
	list-style-type: none;
	padding: 5px 0
}

.topsection .topLeft:first-child {
	padding-left: 0
}

.topsection .topLeft:last-child {
	padding-right: 0
}

.edit-section {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #763669;
	font-size: 25px
}

#searchdata {
	border: 1px solid #e6e4e4;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(201, 203, 205, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(201, 203, 205, .6);
	padding: 6px 0;
	font-size: 14px
}

#searchdata option {
	padding: 5px 10px
}

#searchdata option:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5
}

.topMiddle .searchform {
	position: relative
}

.topMiddle .searchform input {
	border: 1px solid #eee;
	width: 100%
}

.topMiddle .searchform button {
	position: absolute;
	top: 8px;
	right: 8px;
	background: 0 0;
	border: none
}

.topMiddle>.form-group {
	margin-top: 60px
}

#reset_class span {
	text-decoration: underline;
	margin: 10px
}

.form-textarea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.form-textarea .form-group {
	max-width: 50%;
	width: 48%
}

@media screen and (max-width:992px) {
	.form-textarea .form-group {
		max-width: 100%;
		width: 100%
	}
}

.dblock .open ul li:hover {
	background: #f2f2f5!important
}

.customTop textarea {
	resize: none
}

.lang_active {
	background: #f2f2f5!important
}

.topLeft.customTop .whiteBox {
	overflow-y: scroll
}

.topLeft.customTop h4 {
	font-weight: lighter;
	font-size: 16px
}

.topLeft.customTop ::-webkit-scrollbar {
	width: 7px
}

.topLeft.customTop ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px #fff;
	border-radius: 8px
}

.topLeft.customTop ::-webkit-scrollbar-thumb {
	background: #773669;
	border-radius: 8px
}

.topLeft.customTop ::-webkit-scrollbar-thumb:hover {
	background: #773669
}

.topsection .topLeft .whiteBox .boxContentNew {
	padding-bottom: 20px
}

@media (min-width:992px) {
	.topsection .topLeft .whiteBox.bigBox .bottomPart .imgFix {
		height: 200px;
		overflow: hidden
	}
	.topsection .topLeft .whiteBox.bigBox .bottomPart .imgFix img {
		object-fit: cover;
		height: 100%;
		width: 100%;
		max-width: 100%
	}
}

@media only screen and (max-width:1200px) and (min-width:992px) {
	.topsection .topLeft {
		height: 660px!important
	}
	.topsection .topLeft .mygoal-message .form-group input {
		padding: 5px 10px
	}
	.topsection .topLeft .topMiddle .form-textarea .form-group {
		max-width: 100%;
		width: 100%
	}
}

@media only screen and (max-width:1920px) and (min-width:992px) {
	.topsection .topLeft {
		min-height: 645px;
		height: 645px!important
	}
	.topsection .topLeft .whiteBox .boxContentNew .post_content {
		height: 7em;
		overflow: hidden;
		display: block;
		margin-bottom: 10px;
		position: relative;
		font-size: .9em
	}
	.topsection .topLeft .whiteBox .boxContentNew .post_content:after {
		transition: 180ms ease;
		transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
		content: "";
		position: absolute;
		top: -3.9em;
		left: 0;
		right: 0;
		height: 100%;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
		background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
		background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
		background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
		background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
		-webkit-transform: translate(0, 100%);
		-ms-transform: translate(0, 100%);
		transform: translate(0, 100%);
		pointer-events: none
	}
}

.controlSec.blog_next_prev {
	margin: 20px 0
}

.controlSec.blog_next_prev a {
	font-size: .7em
}

.controlSec.blog_next_prev .leftText {
	float: left
}


@media only screen and (max-width:1100px){
      .formSection .colLeft{
         top:50% !important;
         left:0 !important;
          right: 0 !important;
          margin: 30px auto;
          padding: 20px 0 !important;
      }
      .formSection .newRegistrationForm .newRegister .form-control{
         -webkit-box-shadow:0 0 0 2px rgba(0, 0, 0, .2);
         -moz-box-shadow:0 0 0 2px rgba(0, 0, 0, .2);
         -ms-box-shadow:0 0 0 2px rgba(0, 0, 0, .2);
         box-shadow:0 0 0 2px rgba(0, 0, 0, .2);
         border:1px solid #ddd;
      }
}
@media only screen and (max-width:991px){
    .formSection .colLeft{
        width:100% !important;
        top:50% !important;
    }
}

@media (max-width:767px) {
	.controlSec.blog_next_prev .leftText {
		float: none
	}
	
}

.controlSec.blog_next_prev .rightText {
	float: right
}

.ElementsApp .InputElement {
    color: #666 !important;
}
h1.number {
	font-size: 14.1px;
	margin: 0 7px 8px;
	padding-top: 5px!important
}


@media screen and (min-width:768px) {
	.main-content.page-length {
		min-height: auto!important
	}


}
@media (min-width: 768px) and (max-width: 1024px)  {
	.formSection .colLeft {
        padding: 10px 15px;
    }
    .innerForm .colLeft .form-horizontal {
        padding: 10px;
    }
    .formSection .smallLogo{
    	right: 0;
    }
    .formSection .smallLogo a{
    	margin: auto;
	    display: block;
	    width: 100px;
	    text-align: center;
    }
	.colRight{
		display: none;
	}
	.formSection{
		background-image: url(../images/first_page.jpg) !important;
	}
	  #updateForm .buttonSec button{
        font-weight: normal;
        margin: 0px;
    }
    .formSection .colRight{
    	display: none !important;
    }
    .innerForm .colLeft .form-horizontal{
    	    background: rgba(255, 255, 255, 0.95);
    margin: 15px;
    }
    .formSection .innerForm:before{
    	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    }
    .formSection .buttonSec{
    	text-align: center;
    }
}

@media (max-width:767px) {
	.controlSec.blog_next_prev .rightText {
		float: none;
		margin-top: 20px
	}
	.formSection .colLeft {
        padding: 10px 15px;
    }
    .innerForm .colLeft .form-horizontal {
        padding: 10px;
    }
    .formSection .smallLogo{
    	right: 0;
    }
    .formSection .smallLogo a{
    	margin: auto;
	    display: block;
	    width: 100px;
	    text-align: center;
    }
	.colRight{
		display: none;
	}
	.formSection{
		background-image: url(../images/first_page.jpg) !important;
	}
	  #updateForm .buttonSec button{
        font-weight: normal;
        margin: 0px;
    }
}

 
 
@media (max-width: 480px) {
    .formSection .colLeft {
        padding: 10px 15px;
    }
    .innerForm .colLeft .form-horizontal {
        padding: 10px;
    }
    .formSection .smallLogo{
    	right: 0;
    }
    .formSection .smallLogo a{
    	margin: auto;
	    display: block;
	    width: 100px;
	    text-align: center;
    }
    .newRegister .form-control, .newRegister .dropdown-toggle{
    	height: 34px;
    }
    #updateForm .buttonSec{
    	padding: 15px 0 30px;
    	margin: auto;
    	display: block;
    	text-align: center;
    }
    #updateForm .buttonSec button{
    	font-size: 12px;
        font-weight: normal;
        margin: 0px;
    }
    .innerForm .colLeft .form-horizontal{
    	margin: 10px;
    }
    .formSection .newRegistrationForm .newRegister .select .bootstrap-select button.dropdown-toggle{
    	padding: 0px 10px !important;
    	margin: 0px;
    }
    .updateForm{
    	min-height: auto;
    }
    .mainHeading{
    	font-size: 24px;
    }
    .formSection{
    	background: #f1f1f1 !important
    }
    /*.formSection{
		background-image: url(../images/first_page.jpg) !important;
	}*/
	/*.formSection .innerForm:before{
    	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    }*/
}