@charset "utf-8";

/* Default
__________________________________________________________*/



*, ::after, ::before {
    box-sizing: border-box;
}

.clearfix {
	clear:both;
	width:100%;
	display:block;
	overflow: auto;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.hover {
	transition: all 0.3s ease;
}

.hover:hover {
	cursor:pointer;
}

.parallax-img {
	will-change: transform;
}
.parallax-img-center {
	object-fit: cover;
	object-position: center;
	width: 100%;
}


.ios-overflow-el {
	position: fixed!important;
	width:100%!important;
	top:0;
	left:0;
}
.ios-overflow-filler {
	position: relative!important;
}

.responsive-transform-fix {
	-webkit-transform: translate3d(0,0,0);
}

.break-word {
	word-break: break-word;
}


/* LG */
@media (max-width: 1600px) { 
	.parallax-img-lg-right {	object-position: right!important;	}
}

/* MD */
@media (max-width: 1200px) { 
	.parallax-img-md-right {	object-position: right!important;	}
}

/* SM */
@media (max-width: 992px) { 
	.parallax-img-sm-right {	object-position: right!important;	}
}

/* XS */
@media (max-width: 768px) {
	.parallax-img-xs-right {	object-position: right!important;	}
}





/* Overflow
__________________________________________________________*/

.of-a {
	overflow: auto!important;
}
.of-h {
	overflow: hidden!important;
}
.of-v {
	overflow: visible!important;
}
.of-a-y {
	overflow-y: a!important;
	overflow-x: hidden;
}


/* Mask
__________________________________________________________*/
.shadow-bottom-left {
	background-image: linear-gradient(21deg, #0f0f0f 26%, rgba(218, 0, 0, 0) 51%);
	position: absolute;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.3);
	width:100%;
	height: 100%;
	z-index:1;
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0);
}

.shadow-top {
	background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
	position: absolute;
	left:0;
	bottom:auto;
	top:0;
	width:100%;
	height: 100%;
	z-index:1;
	-webkit-transform: translate3d(0,0,0);
}

.shadow-top.white {
	background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
}

.shadow-bottom {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height: 100%;
	z-index:1;
	-webkit-transform: translate3d(0,0,0);
}

.shadow-bottom.white {
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}


.shadow-left {
	background: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,1));
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height: 100%;
	z-index:1;
	-webkit-transform: translate3d(0,0,0);
}

.shadow-right {
	background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1));
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height: 100%;
	z-index:1;
	-webkit-transform: translate3d(0,0,0);
}

.mask {
	position: absolute;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.3);
	width:100%;
	height: 100%;
	z-index:1;
	-webkit-transform: translate3d(0,0,0);
}

.mask.full {
	position: fixed;
	pointer-events: auto;
	-webkit-overflow-scrolling: touch;
	z-index:120;
}
	.mask.xs {
		background-color:rgba(0,0,0,0.1);
	}

	.mask.sm {
		background-color:rgba(0,0,0,0.2);
	}

	.mask.lg {
		background-color:rgba(0,0,0,0.4);
	}
	.mask.xl {
		background-color:rgba(0,0,0,0.5);
	}
	.mask.xxl {
		background-color:rgba(0,0,0,0.6);
	}
	.mask.xxxl {
		background-color:rgba(0,0,0,0.7);
	}
	.mask.xxxxl {
		background-color:rgba(0,0,0,0.8);
	}



/* LG */
@media (max-width: 1600px) { 
	.mask-lg { background-color:rgba(0,0,0,0.3)!important; }
	.mask-lg-xs { background-color:rgba(0,0,0,0.1)!important; }
	.mask-lg-sm { background-color:rgba(0,0,0,0.2)!important; }
	.mask-lg-md { background-color:rgba(0,0,0,0.3)!important; }
	.mask-lg-lg { background-color:rgba(0,0,0,0.4)!important; }
	.mask-lg-xl { background-color:rgba(0,0,0,0.5)!important; }
	.mask-lg-xxl { background-color:rgba(0,0,0,0.6)!important; }
	.mask-lg-xxxl { background-color:rgba(0,0,0,0.7)!important; }
	.mask-lg-xxxxl { background-color:rgba(0,0,0,0.8)!important; }
	.mask-lg-none { background-color:transparent!important; }
}

/* MD */
@media (max-width: 1200px) { 
	.mask-md { background-color:rgba(0,0,0,0.3)!important; }
	.mask-md-xs { background-color:rgba(0,0,0,0.1)!important; }
	.mask-md-sm { background-color:rgba(0,0,0,0.2)!important; }
	.mask-md-md { background-color:rgba(0,0,0,0.3)!important; }
	.mask-md-lg { background-color:rgba(0,0,0,0.4)!important; }
	.mask-md-xl { background-color:rgba(0,0,0,0.5)!important; }
	.mask-md-xxl { background-color:rgba(0,0,0,0.6)!important; }
	.mask-md-xxxl { background-color:rgba(0,0,0,0.7)!important; }
	.mask-md-xxxxl { background-color:rgba(0,0,0,0.8)!important; }
	.mask-md-none { background-color:transparent!important; }
}

/* SM */
@media (max-width: 992px) { 
	.mask-sm { background-color:rgba(0,0,0,0.3)!important; }
	.mask-sm-xs { background-color:rgba(0,0,0,0.1)!important; }
	.mask-sm-sm { background-color:rgba(0,0,0,0.2)!important; }
	.mask-sm-md { background-color:rgba(0,0,0,0.3)!important; }
	.mask-sm-lg { background-color:rgba(0,0,0,0.4)!important; }
	.mask-sm-xl { background-color:rgba(0,0,0,0.5)!important; }
	.mask-sm-xxl { background-color:rgba(0,0,0,0.6)!important; }
	.mask-sm-xxxl { background-color:rgba(0,0,0,0.7)!important; }
	.mask-sm-xxxxl { background-color:rgba(0,0,0,0.8)!important; }
	.mask-sm-none { background-color:transparent!important; }
}

/* XS */
@media (max-width: 768px) {
	.mask-xs { background-color:rgba(0,0,0,0.3)!important; }
	.mask-xs-xs { background-color:rgba(0,0,0,0.1)!important; }
	.mask-xs-sm { background-color:rgba(0,0,0,0.2)!important; }
	.mask-xs-md { background-color:rgba(0,0,0,0.3)!important; }
	.mask-xs-lg { background-color:rgba(0,0,0,0.4)!important; }
	.mask-xs-xl { background-color:rgba(0,0,0,0.5)!important; }
	.mask-xs-xxl { background-color:rgba(0,0,0,0.6)!important; }
	.mask-xs-xxxl { background-color:rgba(0,0,0,0.7)!important; }
	.mask-xs-xxxxl { background-color:rgba(0,0,0,0.8)!important; }
	.mask-xs-none { background-color:transparent!important; }
}





.blur-xxl {
	-webkit-filter: blur(5px);
	filter: blur(5px);	
}

.blur-xl {
	-webkit-filter: blur(3px);
	filter: blur(3px);	
}

.blur-lg {
	-webkit-filter: blur(2.5px);
	filter: blur(2.5px);	
}

.blur {
	-webkit-filter: blur(2px);
	filter: blur(2px);	
}

.blur-sm {
	-webkit-filter: blur(1.5px);
	filter: blur(1.5px);	
}

.blur-xs {
	-webkit-filter: blur(1px);
	filter: blur(1px);	
}




/* Position
__________________________________________________________*/

.pull-left {
	float:left;
}

.pull-right {
	float:right;
}

.pos-center {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate3d(-50%,-50%,0);
}

.pos-center-y {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translate3d(-50%,-50%,0);
}

.pos-center-x {
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translate3d(-50%,-50%,0);
	
}

.pos-absolute-bottom {
	position: absolute;
	bottom:0;
	left:0;
}

.pos-absolute-bottom-center {
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translate3d(-50%,-50%,0);
}

.pos-right {
	right:0;
	left:auto;
}
.pos-left {
	left: 0;
	right:auto;
}

.pos-top {
	top:0;
	bottom:auto;
}
.pos-top-minus-lg {
	top:-10px;
	bottom:auto;
}
.pos-top-minus-xl {
	top:-20px;
	bottom:auto;
}
.pos-top-minus-xxl {
	top:-30px;
	bottom:auto;
}
.pos-top-minus-xxxl {
	top:-40px;
	bottom:auto;
}


.relative {
	position: relative!important;
}

.align-items-center {
    align-items: center !important;
}

.left-0 			{	left:0!important; }
.top-0 				{	top:0!important; }
.bottom-0 			{	bottom:0!important; }
.transform-none 	{	transform:none!important; }

.v-middle			{	vertical-align: middle!important; }

.absolute 			{	position: absolute!important;}

.fixed 				{	position: fixed!important;}

/* LG */
@media (min-width: 1601px) { 
	.fixed-xl 			{	position: fixed!important;}
	.absolute-xl 		{	position: absolute!important;}
	.relative-xl 		{	position: relative!important;}
	.left-xl-0 			{	left:0!important; }
	.top-xl-0 			{	top:0!important; }
	.transform-xl-none 	{	transform:none!important; }

}


/* LG */
@media (max-width: 1600px) { 
	.fixed-lg 			{	position: fixed!important;}
	.absolute-lg 		{	position: absolute!important;}
	.relative-lg 		{	position: relative!important;}
	.top-lg-0 			{	top:0!important; }
	.transform-lg-none 	{	transform:none!important; }
	
	
	.left-lg-0 				{	left:0!important; }
	.left-lg-100 			{	left:100px!important; }
	.left-lg-150 			{	left:150px!important; }
	.left-lg-200 			{	left:200px!important; }
	.left-lg-250 			{	left:250px!important;width:calc(100% - 250px)!important; }
	.left-lg-300 			{	left:300px!important; }
	
}

/* MD */
@media (max-width: 1200px) { 
	.fixed-md 			{	position: fixed!important;}
	.absolute-md 		{	position: absolute!important;}
	.relative-md 		{	position: relative!important;}
	.left-md-0 			{	left:0!important; }
	.top-md-0 			{	top:0!important; }
	.transform-md-none 	{	transform:none!important; }
}

/* SM */
@media (max-width: 992px) { 
	.fixed-sm 			{	position: fixed!important;}
	.absolute-sm 		{	position: absolute!important;}
	.relative-sm 		{	position: relative!important;}
	.left-sm-0 			{	left:0!important; }
	.top-sm-0 			{	top:0!important; }
	.transform-sm-none 	{	transform:none!important; }
}

/* XS */
@media (max-width: 768px) {
	.fixed-xs 			{	position: fixed!important;}
	.absolute-xs 		{	position: absolute!important;}
	.relative-xs 		{	position: relative!important;}
	.left-xs-0 			{	left:0!important; }
	.top-xs-0 			{	top:0!important; }
	.transform-xs-none 	{	transform:none!important; }
}


/* Top position
__________________________________________________________*/
.fixed-t-50 {	top:50px; }
.fixed-t-100 {	top:100px; }
.fixed-t-125 {	top:125px; }
.fixed-t-150 {	top:150px; }
.fixed-t-200 {	top:200px; }
.fixed-t-250 {	top:250px; }
.fixed-t-300 {	top:300px; }


/* LG */
@media (max-width: 1600px) { 
	.fixed-t-50-lg {	top:50px; }
	.fixed-t-100-lg {	top:100px; }
	.fixed-t-125-lg {	top:125px; }
	.fixed-t-150-lg {	top:150px; }
	.fixed-t-200-lg {	top:200px; }
	.fixed-t-250-lg {	top:250px; }
	.fixed-t-300-lg {	top:300px; }	
}

/* MD */
@media (max-width: 1200px) { 
	.fixed-t-50-md {	top:50px; }
	.fixed-t-100-md {	top:100px; }
	.fixed-t-125-md {	top:125px; }
	.fixed-t-150-md {	top:150px; }
	.fixed-t-200-md {	top:200px; }
	.fixed-t-250-md {	top:250px; }
	.fixed-t-300-md {	top:300px; }
}

/* SM */
@media (max-width: 992px) { 
	.fixed-t-50-sm {	top:50px; }
	.fixed-t-100-sm {	top:100px; }
	.fixed-t-125-sm {	top:125px; }
	.fixed-t-150-sm {	top:150px; }
	.fixed-t-200-sm {	top:200px; }
	.fixed-t-250-sm {	top:250px; }
	.fixed-t-300-sm {	top:300px; }
}

/* XS */
@media (max-width: 768px) {
	.fixed-t-50-xs {	top:50px; }
	.fixed-t-100-xs {	top:100px; }
	.fixed-t-125-xs {	top:125px; }
	.fixed-t-150-xs {	top:150px; }
	.fixed-t-200-xs {	top:200px; }
	.fixed-t-250-xs {	top:250px; }
	.fixed-t-300-xs {	top:300px; }
}




/* Width Fixed
__________________________________________________________*/

.fixed-w10	 	{	width:10px!important;}
.fixed-w15	 	{	width:15px!important;}
.fixed-w20	 	{	width:20px!important;}
.fixed-w25	 	{	width:25px!important;}
.fixed-w30	 	{	width:30px!important;}
.fixed-w35	 	{	width:35px!important;}
.fixed-w40	 	{	width:40px!important;}
.fixed-w45	 	{	width:45px!important;}
.fixed-w50	 	{	width:50px!important;}
.fixed-w55	 	{	width:55px!important;}
.fixed-w60	 	{	width:60px!important;}
.fixed-w65	 	{	width:65px!important;}
.fixed-w70	 	{	width:70px!important;}
.fixed-w75	 	{	width:75px!important;}
.fixed-w80	 	{	width:80px!important;}
.fixed-w85	 	{	width:85px!important;}
.fixed-w90	 	{	width:90px!important;}
.fixed-w95	 	{	width:95px!important;}
.fixed-w100 	{	width:100px!important;}
.fixed-w105 	{	width:105px!important;}
.fixed-w110 	{	width:110px!important;}
.fixed-w115 	{	width:115px!important;}
.fixed-w120 	{	width:120px!important;}
.fixed-w125 	{	width:125px!important;}
.fixed-w130 	{	width:130px!important;}
.fixed-w135 	{	width:135px!important;}
.fixed-w140 	{	width:140px!important;}
.fixed-w145 	{	width:145px!important;}
.fixed-w150 	{	width:150px!important;}
.fixed-w160 	{	width:160px!important;}
.fixed-w170 	{	width:170px!important;}
.fixed-w180 	{	width:180px!important;}
.fixed-w190 	{	width:190px!important;}
.fixed-w200 	{	width:200px!important;}
.fixed-w210 	{	width:210px!important;}
.fixed-w220 	{	width:220px!important;}
.fixed-w230 	{	width:230px!important;}
.fixed-w240 	{	width:240px!important;}
.fixed-w250 	{	width:250px!important;}
.fixed-w260 	{	width:260px!important;}
.fixed-w270 	{	width:270px!important;}
.fixed-w280 	{	width:280px!important;}
.fixed-w290 	{	width:290px!important;}
.fixed-w300 	{	width:300px!important;}

/* LG */
@media (max-width: 1600px) { 
	.fixed-w10-lg	 	{	width:10px!important;}
	.fixed-w15-lg	 	{	width:15px!important;}
	.fixed-w20-lg	 	{	width:20px!important;}
	.fixed-w25-lg	 	{	width:25px!important;}
	.fixed-w30-lg	 	{	width:30px!important;}
	.fixed-w35-lg	 	{	width:35px!important;}
	.fixed-w40-lg	 	{	width:40px!important;}
	.fixed-w45-lg	 	{	width:45px!important;}
	.fixed-w50-lg	 	{	width:50px!important;}
	.fixed-w55-lg	 	{	width:55px!important;}
	.fixed-w60-lg	 	{	width:60px!important;}
	.fixed-w65-lg	 	{	width:65px!important;}
	.fixed-w70-lg	 	{	width:70px!important;}
	.fixed-w75-lg	 	{	width:75px!important;}
	.fixed-w80-lg	 	{	width:80px!important;}
	.fixed-w85-lg	 	{	width:85px!important;}
	.fixed-w90-lg	 	{	width:90px!important;}
	.fixed-w95-lg	 	{	width:95px!important;}
	.fixed-w100-lg 		{	width:100px!important;}
	.fixed-w105-lg 		{	width:105px!important;}
	.fixed-w110-lg 		{	width:110px!important;}
	.fixed-w115-lg 		{	width:115px!important;}
	.fixed-w120-lg 		{	width:120px!important;}
	.fixed-w125-lg 		{	width:125px!important;}
	.fixed-w130-lg 		{	width:130px!important;}
	.fixed-w135-lg 		{	width:135px!important;}
	.fixed-w140-lg 		{	width:140px!important;}
	.fixed-w145-lg 		{	width:145px!important;}
	.fixed-w150-lg 		{	width:150px!important;}
}	

/* MD */
@media (max-width: 1200px) { 
	.fixed-w10-md	 	{	width:10px!important;}
	.fixed-w15-md	 	{	width:15px!important;}
	.fixed-w20-md	 	{	width:20px!important;}
	.fixed-w25-md	 	{	width:25px!important;}
	.fixed-w30-md	 	{	width:30px!important;}
	.fixed-w35-md	 	{	width:35px!important;}
	.fixed-w40-md	 	{	width:40px!important;}
	.fixed-w45-md	 	{	width:45px!important;}
	.fixed-w50-md	 	{	width:50px!important;}
	.fixed-w55-md	 	{	width:55px!important;}
	.fixed-w60-md	 	{	width:60px!important;}
	.fixed-w65-md	 	{	width:65px!important;}
	.fixed-w70-md	 	{	width:70px!important;}
	.fixed-w75-md	 	{	width:75px!important;}
	.fixed-w80-md	 	{	width:80px!important;}
	.fixed-w85-md	 	{	width:85px!important;}
	.fixed-w90-md	 	{	width:90px!important;}
	.fixed-w95-md	 	{	width:95px!important;}
	.fixed-w100-md 		{	width:100px!important;}
	.fixed-w105-md 		{	width:105px!important;}
	.fixed-w110-md 		{	width:110px!important;}
	.fixed-w115-md 		{	width:115px!important;}
	.fixed-w120-md 		{	width:120px!important;}
	.fixed-w125-md 		{	width:125px!important;}
	.fixed-w130-md 		{	width:130px!important;}
	.fixed-w135-md 		{	width:135px!important;}
	.fixed-w140-md 		{	width:140px!important;}
	.fixed-w145-md 		{	width:145px!important;}
	.fixed-w150-md 		{	width:150px!important;}
}

/* SM */
@media (max-width: 992px) { 
	.fixed-w10-sm	 	{	width:10px!important;}
	.fixed-w15-sm	 	{	width:15px!important;}
	.fixed-w20-sm	 	{	width:20px!important;}
	.fixed-w25-sm	 	{	width:25px!important;}
	.fixed-w30-sm	 	{	width:30px!important;}
	.fixed-w35-sm	 	{	width:35px!important;}
	.fixed-w40-sm	 	{	width:40px!important;}
	.fixed-w45-sm	 	{	width:45px!important;}
	.fixed-w50-sm	 	{	width:50px!important;}
	.fixed-w55-sm	 	{	width:55px!important;}
	.fixed-w60-sm	 	{	width:60px!important;}
	.fixed-w65-sm	 	{	width:65px!important;}
	.fixed-w70-sm	 	{	width:70px!important;}
	.fixed-w75-sm	 	{	width:75px!important;}
	.fixed-w80-sm	 	{	width:80px!important;}
	.fixed-w85-sm	 	{	width:85px!important;}
	.fixed-w90-sm	 	{	width:90px!important;}
	.fixed-w95-sm	 	{	width:95px!important;}
	.fixed-w100-sm 		{	width:100px!important;}
	.fixed-w105-sm 		{	width:105px!important;}
	.fixed-w110-sm 		{	width:110px!important;}
	.fixed-w115-sm 		{	width:115px!important;}
	.fixed-w120-sm 		{	width:120px!important;}
	.fixed-w125-sm 		{	width:125px!important;}
	.fixed-w130-sm 		{	width:130px!important;}
	.fixed-w135-sm 		{	width:135px!important;}
	.fixed-w140-sm 		{	width:140px!important;}
	.fixed-w145-sm 		{	width:145px!important;}
	.fixed-w150-sm 		{	width:150px!important;}
}

/* XS */
@media (max-width: 768px) {
	.fixed-w10-xs	 	{	width:10px!important;}
	.fixed-w15-xs	 	{	width:15px!important;}
	.fixed-w20-xs	 	{	width:20px!important;}
	.fixed-w25-xs	 	{	width:25px!important;}
	.fixed-w30-xs	 	{	width:30px!important;}
	.fixed-w35-xs	 	{	width:35px!important;}
	.fixed-w40-xs	 	{	width:40px!important;}
	.fixed-w45-xs	 	{	width:45px!important;}
	.fixed-w50-xs	 	{	width:50px!important;}
	.fixed-w55-xs	 	{	width:55px!important;}
	.fixed-w60-xs	 	{	width:60px!important;}
	.fixed-w65-xs	 	{	width:65px!important;}
	.fixed-w70-xs	 	{	width:70px!important;}
	.fixed-w75-xs	 	{	width:75px!important;}
	.fixed-w80-xs	 	{	width:80px!important;}
	.fixed-w85-xs	 	{	width:85px!important;}
	.fixed-w90-xs	 	{	width:90px!important;}
	.fixed-w95-xs	 	{	width:95px!important;}
	.fixed-w100-xs 		{	width:100px!important;}
	.fixed-w105-xs 		{	width:105px!important;}
	.fixed-w110-xs 		{	width:110px!important;}
	.fixed-w115-xs 		{	width:115px!important;}
	.fixed-w120-xs 		{	width:120px!important;}
	.fixed-w125-xs 		{	width:125px!important;}
	.fixed-w130-xs 		{	width:130px!important;}
	.fixed-w135-xs 		{	width:135px!important;}
	.fixed-w140-xs 		{	width:140px!important;}
	.fixed-w145-xs 		{	width:145px!important;}
	.fixed-w150-xs 		{	width:150px!important;}
}



/* Max Width
__________________________________________________________*/
.max-w100 	{	max-width:100%!important;}
.max-w95 	{	max-width:95%!important;}
.max-w90 	{	max-width:90%!important;}
.max-w85 	{	max-width:85%!important;}
.max-w80 	{	max-width:80%!important;}
.max-w70 	{	max-width:70%!important;}
.max-w60 	{	max-width:60%!important;}
.max-w50 	{	max-width:50%!important;}
.max-w40 	{	max-width:40%!important;}
.max-w30 	{	max-width:30%!important;}
.max-w20 	{	max-width:20%!important;}
.max-w15 	{	max-width:15%!important;}
.max-w10 	{	max-width:10%!important;}


/* LG */
@media (max-width: 1600px) { 
	.max-w100-lg 	{	max-width:100%!important;}
	.max-w95-lg 	{	max-width:95%!important;}
	.max-w90-lg 	{	max-width:90%!important;}
	.max-w85-lg 	{	max-width:85%!important;}
	.max-w80-lg 	{	max-width:80%!important;}
	.max-w70-lg 	{	max-width:70%!important;}
	.max-w60-lg 	{	max-width:60%!important;}
	.max-w50-lg 	{	max-width:50%!important;}
	.max-w40-lg 	{	max-width:40%!important;}
	.max-w30-lg 	{	max-width:30%!important;}
	.max-w20-lg 	{	max-width:20%!important;}
	.max-w15-lg 	{	max-width:15%!important;}
	.max-w10-lg 	{	max-width:10%!important;}
}

/* MD */
@media (max-width: 1200px) { 
	.max-w100-md 	{	max-width:100%!important;}
	.max-w95-md 	{	max-width:95%!important;}
	.max-w90-md 	{	max-width:90%!important;}
	.max-w85-md 	{	max-width:85%!important;}
	.max-w80-md 	{	max-width:80%!important;}
	.max-w70-md 	{	max-width:70%!important;}
	.max-w60-md 	{	max-width:60%!important;}
	.max-w50-md 	{	max-width:50%!important;}
	.max-w40-md 	{	max-width:40%!important;}
	.max-w30-md 	{	max-width:30%!important;}
	.max-w20-md 	{	max-width:20%!important;}
	.max-w15-md 	{	max-width:15%!important;}
	.max-w10-md 	{	max-width:10%!important;}
}

/* SM */
@media (max-width: 992px) { 
	.max-w100-sm 	{	max-width:100%!important;}
	.max-w95-sm 	{	max-width:95%!important;}
	.max-w90-sm 	{	max-width:90%!important;}
	.max-w85-sm 	{	max-width:85%!important;}
	.max-w80-sm 	{	max-width:80%!important;}
	.max-w70-sm 	{	max-width:70%!important;}
	.max-w60-sm 	{	max-width:60%!important;}
	.max-w50-sm 	{	max-width:50%!important;}
	.max-w40-sm 	{	max-width:40%!important;}
	.max-w30-sm 	{	max-width:30%!important;}
	.max-w20-sm 	{	max-width:20%!important;}
	.max-w15-sm 	{	max-width:15%!important;}
	.max-w10-sm 	{	max-width:10%!important;}
}

/* XS */
@media (max-width: 768px) {
	.max-w100-xs 	{	max-width:100%!important;}
	.max-w95-xs 	{	max-width:95%!important;}
	.max-w90-xs 	{	max-width:90%!important;}
	.max-w85-xs 	{	max-width:85%!important;}
	.max-w80-xs 	{	max-width:80%!important;}
	.max-w70-xs 	{	max-width:70%!important;}
	.max-w60-xs 	{	max-width:60%!important;}
	.max-w50-xs 	{	max-width:50%!important;}
	.max-w40-xs 	{	max-width:40%!important;}
	.max-w30-xs 	{	max-width:30%!important;}
	.max-w20-xs 	{	max-width:20%!important;}
	.max-w15-xs 	{	max-width:15%!important;}
	.max-w10-xs 	{	max-width:10%!important;}
}


/* Max Width Fixed
__________________________________________________________*/

.max-fixed-w10	 	{	max-width:10px!important;}
.max-fixed-w20	 	{	max-width:20px!important;}
.max-fixed-w30	 	{	max-width:30px!important;}
.max-fixed-w40	 	{	max-width:40px!important;}
.max-fixed-w50	 	{	max-width:50px!important;}
.max-fixed-w60	 	{	max-width:60px!important;}
.max-fixed-w70	 	{	max-width:70px!important;}
.max-fixed-w80	 	{	max-width:80px!important;}
.max-fixed-w90	 	{	max-width:90px!important;}
.max-fixed-w100 	{	max-width:100px!important;}
.max-fixed-w110 	{	max-width:110px!important;}
.max-fixed-w120 	{	max-width:120px!important;}
.max-fixed-w130 	{	max-width:130px!important;}
.max-fixed-w140 	{	max-width:140px!important;}
.max-fixed-w150 	{	max-width:150px!important;}
.max-fixed-w160 	{	max-width:160px!important;}
.max-fixed-w170 	{	max-width:170px!important;}
.max-fixed-w180 	{	max-width:180px!important;}
.max-fixed-w190 	{	max-width:190px!important;}
.max-fixed-w200 	{	max-width:200px!important;}


/* LG */
@media (max-width: 1600px) { 
	.max-fixed-w10-lg	 	{	max-width:10px!important;}
	.max-fixed-w20-lg	 	{	max-width:20px!important;}
	.max-fixed-w30-lg	 	{	max-width:30px!important;}
	.max-fixed-w40-lg	 	{	max-width:40px!important;}
	.max-fixed-w50-lg	 	{	max-width:50px!important;}
	.max-fixed-w60-lg	 	{	max-width:60px!important;}
	.max-fixed-w70-lg	 	{	max-width:70px!important;}
	.max-fixed-w80-lg	 	{	max-width:80px!important;}
	.max-fixed-w90-lg	 	{	max-width:90px!important;}
	.max-fixed-w100-lg 		{	max-width:100px!important;}
	.max-fixed-w110-lg 		{	max-width:110px!important;}
	.max-fixed-w120-lg 		{	max-width:120px!important;}
	.max-fixed-w130-lg 		{	max-width:130px!important;}
	.max-fixed-w140-lg 		{	max-width:140px!important;}
	.max-fixed-w150-lg 		{	max-width:150px!important;}
	.max-fixed-w160-lg 		{	max-width:160px!important;}
	.max-fixed-w170-lg 		{	max-width:170px!important;}
	.max-fixed-w180-lg 		{	max-width:180px!important;}
	.max-fixed-w190-lg 		{	max-width:190px!important;}
	.max-fixed-w200-lg 		{	max-width:200px!important;}
}

/* MD */
@media (max-width: 1200px) { 
	.max-fixed-w10-md	 	{	max-width:10px!important;}
	.max-fixed-w20-md	 	{	max-width:20px!important;}
	.max-fixed-w30-md	 	{	max-width:30px!important;}
	.max-fixed-w40-md	 	{	max-width:40px!important;}
	.max-fixed-w50-md	 	{	max-width:50px!important;}
	.max-fixed-w60-md	 	{	max-width:60px!important;}
	.max-fixed-w70-md	 	{	max-width:70px!important;}
	.max-fixed-w80-md	 	{	max-width:80px!important;}
	.max-fixed-w90-md	 	{	max-width:90px!important;}
	.max-fixed-w100-md 		{	max-width:100px!important;}
	.max-fixed-w110-md 		{	max-width:110px!important;}
	.max-fixed-w120-md 		{	max-width:120px!important;}
	.max-fixed-w130-md 		{	max-width:130px!important;}
	.max-fixed-w140-md 		{	max-width:140px!important;}
	.max-fixed-w150-md 		{	max-width:150px!important;}
	.max-fixed-w160-md 		{	max-width:160px!important;}
	.max-fixed-w170-md 		{	max-width:170px!important;}
	.max-fixed-w180-md 		{	max-width:180px!important;}
	.max-fixed-w190-md 		{	max-width:190px!important;}
	.max-fixed-w200-md 		{	max-width:200px!important;}
}

/* SM */
@media (max-width: 992px) { 
	.max-fixed-w10-sm	 	{	max-width:10px!important;}
	.max-fixed-w20-sm	 	{	max-width:20px!important;}
	.max-fixed-w30-sm	 	{	max-width:30px!important;}
	.max-fixed-w40-sm	 	{	max-width:40px!important;}
	.max-fixed-w50-sm	 	{	max-width:50px!important;}
	.max-fixed-w60-sm	 	{	max-width:60px!important;}
	.max-fixed-w70-sm	 	{	max-width:70px!important;}
	.max-fixed-w80-sm	 	{	max-width:80px!important;}
	.max-fixed-w90-sm	 	{	max-width:90px!important;}
	.max-fixed-w100-sm 		{	max-width:100px!important;}
	.max-fixed-w110-sm 		{	max-width:110px!important;}
	.max-fixed-w120-sm 		{	max-width:120px!important;}
	.max-fixed-w130-sm 		{	max-width:130px!important;}
	.max-fixed-w140-sm 		{	max-width:140px!important;}
	.max-fixed-w150-sm 		{	max-width:150px!important;}
	.max-fixed-w160-sm 		{	max-width:160px!important;}
	.max-fixed-w170-sm 		{	max-width:170px!important;}
	.max-fixed-w180-sm 		{	max-width:180px!important;}
	.max-fixed-w190-sm 		{	max-width:190px!important;}
	.max-fixed-w200-sm 		{	max-width:200px!important;}
}

/* XS */
@media (max-width: 768px) {
	.max-fixed-w10-xs	 	{	max-width:10px!important;}
	.max-fixed-w20-xs	 	{	max-width:20px!important;}
	.max-fixed-w30-xs	 	{	max-width:30px!important;}
	.max-fixed-w40-xs	 	{	max-width:40px!important;}
	.max-fixed-w50-xs	 	{	max-width:50px!important;}
	.max-fixed-w60-xs	 	{	max-width:60px!important;}
	.max-fixed-w70-xs	 	{	max-width:70px!important;}
	.max-fixed-w80-xs	 	{	max-width:80px!important;}
	.max-fixed-w90-xs	 	{	max-width:90px!important;}
	.max-fixed-w100-xs 		{	max-width:100px!important;}
	.max-fixed-w110-xs 		{	max-width:110px!important;}
	.max-fixed-w120-xs 		{	max-width:120px!important;}
	.max-fixed-w130-xs 		{	max-width:130px!important;}
	.max-fixed-w140-xs 		{	max-width:140px!important;}
	.max-fixed-w150-xs 		{	max-width:150px!important;}
	.max-fixed-w160-xs 		{	max-width:160px!important;}
	.max-fixed-w170-xs 		{	max-width:170px!important;}
	.max-fixed-w180-xs 		{	max-width:180px!important;}
	.max-fixed-w190-xs 		{	max-width:190px!important;}
	.max-fixed-w200-xs 		{	max-width:200px!important;}
}





/* Width
__________________________________________________________*/
.w100 	{	width:100%!important;}
.w90 	{	width:90%!important;}
.w80 	{	width:80%!important;}
.w75 	{	width:75%!important;}
.w70 	{	width:70%!important;}
.w60 	{	width:60%!important;}
.w50 	{	width:50%!important;}
.w40 	{	width:40%!important;}
.w30 	{	width:30%!important;}
.w25 	{	width:25%!important;}
.w20 	{	width:20%!important;}
.w15 	{	width:15%!important;}
.w10 	{	width:10%!important;}
.w-auto {	width:auto!important; }


/* LG */
@media (max-width: 1600px) { 
	.w100-lg 	{	width:100%!important;}
	.w90-lg 	{	width:90%!important;}
	.w80-lg 	{	width:80%!important;}
	.w75-lg 	{	width:75%!important;}
	.w70-lg 	{	width:70%!important;}
	.w60-lg 	{	width:60%!important;}
	.w50-lg 	{	width:50%!important;}
	.w40-lg 	{	width:40%!important;}
	.w30-lg 	{	width:30%!important;}
	.w25-lg 	{	width:25%!important;}
	.w20-lg 	{	width:20%!important;}
	.w15-lg 	{	width:15%!important;}
	.w10-lg 	{	width:10%!important;}
	.w-auto-lg 	{	width:auto!important; }
}

/* MD */
@media (max-width: 1200px) { 
	.w100-md 	{	width:100%!important;}
	.w90-md 	{	width:90%!important;}
	.w80-md 	{	width:80%!important;}
	.w75-md 	{	width:75%!important;}
	.w70-md 	{	width:70%!important;}
	.w60-md 	{	width:60%!important;}
	.w50-md 	{	width:50%!important;}
	.w40-md 	{	width:40%!important;}
	.w30-md 	{	width:30%!important;}
	.w25-md 	{	width:25%!important;}
	.w20-md 	{	width:20%!important;}
	.w15-md 	{	width:15%!important;}
	.w10-md 	{	width:10%!important;}
	.w-auto-md 	{	width:auto!important; }
}

/* SM */
@media (max-width: 992px) { 
	.w100-sm 	{	width:100%!important;}
	.w90-sm 	{	width:90%!important;}
	.w80-sm 	{	width:80%!important;}
	.w75-sm 	{	width:75%!important;}
	.w70-sm 	{	width:70%!important;}
	.w60-sm 	{	width:60%!important;}
	.w50-sm 	{	width:50%!important;}
	.w40-sm 	{	width:40%!important;}
	.w30-sm 	{	width:30%!important;}
	.w25-sm 	{	width:25%!important;}
	.w20-sm 	{	width:20%!important;}
	.w15-sm 	{	width:15%!important;}
	.w10-sm 	{	width:10%!important;}
	.w-auto-sm 	{	width:auto!important; }
}

/* XS */
@media (max-width: 768px) {
	.w100-xs 	{	width:100%!important;}
	.w90-xs 	{	width:90%!important;}
	.w80-xs 	{	width:80%!important;}
	.w75-xs 	{	width:75%!important;}
	.w70-xs 	{	width:70%!important;}
	.w60-xs 	{	width:60%!important;}
	.w50-xs 	{	width:50%!important;}
	.w40-xs 	{	width:40%!important;}
	.w30-xs 	{	width:30%!important;}
	.w25-xs 	{	width:25%!important;}
	.w20-xs 	{	width:20%!important;}
	.w15-xs 	{	width:15%!important;}
	.w10-xs 	{	width:10%!important;}
	.w-auto-xs 	{	width:auto!important; }
}





/* Height
__________________________________________________________*/
.h100 	{	height:100%!important;}
.h90 	{	height:90%!important;}
.h80 	{	height:80%!important;}
.h75 	{	height:75%!important;}
.h70 	{	height:70%!important;}
.h60 	{	height:60%!important;}
.h50 	{	height:50%!important;}
.h40 	{	height:40%!important;}
.h30 	{	height:30%!important;}
.h25 	{	height:25%!important;}
.h20 	{	height:20%!important;}
.h15 	{	height:15%!important;}
.h10 	{	height:10%!important;}
.h-auto {	height:auto!important; }


/* LG */
@media (max-width: 1600px) { 
	.h100-lg 	{	height:100%!important;}
	.h90-lg 	{	height:90%!important;}
	.h80-lg 	{	height:80%!important;}
	.h75-lg 	{	height:75%!important;}
	.h70-lg 	{	height:70%!important;}
	.h60-lg 	{	height:60%!important;}
	.h50-lg 	{	height:50%!important;}
	.h40-lg 	{	height:40%!important;}
	.h30-lg 	{	height:30%!important;}
	.h25-lg 	{	height:25%!important;}
	.h20-lg 	{	height:20%!important;}
	.h15-lg 	{	height:15%!important;}
	.h10-lg 	{	height:10%!important;}
	.h-auto-lg 	{	height:auto!important; }
}

/* MD */
@media (max-width: 1200px) { 
	.h100-md 	{	height:100%!important;}
	.h90-md 	{	height:90%!important;}
	.h80-md 	{	height:80%!important;}
	.h75-md 	{	height:75%!important;}
	.h70-md 	{	height:70%!important;}
	.h60-md 	{	height:60%!important;}
	.h50-md 	{	height:50%!important;}
	.h40-md 	{	height:40%!important;}
	.h30-md 	{	height:30%!important;}
	.h25-md 	{	height:25%!important;}
	.h20-md 	{	height:20%!important;}
	.h15-md 	{	height:15%!important;}
	.h10-md 	{	height:10%!important;}
	.h-auto-md 	{	height:auto!important; }
}

/* SM */
@media (max-width: 992px) { 
	.h100-sm 	{	height:100%!important;}
	.h90-sm 	{	height:90%!important;}
	.h80-sm 	{	height:80%!important;}
	.h75-sm 	{	height:75%!important;}
	.h70-sm 	{	height:70%!important;}
	.h60-sm 	{	height:60%!important;}
	.h50-sm 	{	height:50%!important;}
	.h40-sm 	{	height:40%!important;}
	.h30-sm 	{	height:30%!important;}
	.h25-sm 	{	height:25%!important;}
	.h20-sm 	{	height:20%!important;}
	.h15-sm 	{	height:15%!important;}
	.h10-sm 	{	height:10%!important;}
	.h-auto-sm 	{	height:auto!important; }
}

/* XS */
@media (max-width: 768px) {
	.h100-xs 	{	height:100%!important;}
	.h90-xs 	{	height:90%!important;}
	.h80-xs 	{	height:80%!important;}
	.h75-xs 	{	height:75%!important;}
	.h70-xs 	{	height:70%!important;}
	.h60-xs 	{	height:60%!important;}
	.h50-xs 	{	height:50%!important;}
	.h40-xs 	{	height:40%!important;}
	.h30-xs 	{	height:30%!important;}
	.h25-xs 	{	height:25%!important;}
	.h20-xs 	{	height:20%!important;}
	.h15-xs 	{	height:15%!important;}
	.h10-xs 	{	height:10%!important;}
	.h-auto-xs 	{	height:auto!important; }
}




/* Height Fixed
__________________________________________________________*/

.fixed-h10	 		{	height:10px!important;}
.fixed-h15	 		{	height:15px!important;}
.fixed-h20	 		{	height:20px!important;}
.fixed-h25	 		{	height:25px!important;}
.fixed-h30	 		{	height:30px!important;}
.fixed-h40	 		{	height:40px!important;}
.fixed-h50	 		{	height:50px!important;}
.fixed-h60	 		{	height:60px!important;}
.fixed-h70	 		{	height:70px!important;}
.fixed-h80	 		{	height:80px!important;}
.fixed-h90	 		{	height:90px!important;}
.fixed-h100 		{	height:100px!important;}
.fixed-h110 		{	height:110px!important;}
.fixed-h120 		{	height:120px!important;}
.fixed-h130 		{	height:130px!important;}
.fixed-h140 		{	height:140px!important;}
.fixed-h150 		{	height:150px!important;}


/* LG */
@media (max-width: 1600px) { 
	.fixed-h10-lg	 	{	height:10px!important;}
	.fixed-h15-lg	 	{	height:15px!important;}
	.fixed-h20-lg	 	{	height:20px!important;}
	.fixed-h25-lg	 	{	height:25px!important;}
	.fixed-h30-lg	 	{	height:30px!important;}
	.fixed-h40-lg	 	{	height:40px!important;}
	.fixed-h50-lg	 	{	height:50px!important;}
	.fixed-h60-lg	 	{	height:60px!important;}
	.fixed-h70-lg	 	{	height:70px!important;}
	.fixed-h80-lg	 	{	height:80px!important;}
	.fixed-h90-lg	 	{	height:90px!important;}
	.fixed-h100-lg 		{	height:100px!important;}
	.fixed-h110-lg 		{	height:110px!important;}
	.fixed-h120-lg 		{	height:120px!important;}
	.fixed-h130-lg 		{	height:130px!important;}
	.fixed-h140-lg 		{	height:140px!important;}
	.fixed-h150-lg 		{	height:150px!important;}
}

/* MD */
@media (max-width: 1200px) { 
	.fixed-h10-md	 	{	height:10px!important;}
	.fixed-h15-md	 	{	height:15px!important;}
	.fixed-h20-md	 	{	height:20px!important;}
	.fixed-h25-md	 	{	height:25px!important;}
	.fixed-h30-md	 	{	height:30px!important;}
	.fixed-h40-md	 	{	height:40px!important;}
	.fixed-h50-md	 	{	height:50px!important;}
	.fixed-h60-md	 	{	height:60px!important;}
	.fixed-h70-md	 	{	height:70px!important;}
	.fixed-h80-md	 	{	height:80px!important;}
	.fixed-h90-md	 	{	height:90px!important;}
	.fixed-h100-md 		{	height:100px!important;}
	.fixed-h110-md 		{	height:110px!important;}
	.fixed-h120-md 		{	height:120px!important;}
	.fixed-h130-md 		{	height:130px!important;}
	.fixed-h140-md 		{	height:140px!important;}
	.fixed-h150-md 		{	height:150px!important;}
}

/* SM */
@media (max-width: 992px) { 
	.fixed-h10-sm	 	{	height:10px!important;}
	.fixed-h15-sm	 	{	height:15px!important;}
	.fixed-h20-sm	 	{	height:20px!important;}
	.fixed-h25-sm	 	{	height:25px!important;}
	.fixed-h30-sm	 	{	height:30px!important;}
	.fixed-h40-sm	 	{	height:40px!important;}
	.fixed-h50-sm	 	{	height:50px!important;}
	.fixed-h60-sm	 	{	height:60px!important;}
	.fixed-h70-sm	 	{	height:70px!important;}
	.fixed-h80-sm	 	{	height:80px!important;}
	.fixed-h90-sm	 	{	height:90px!important;}
	.fixed-h100-sm 		{	height:100px!important;}
	.fixed-h110-sm 		{	height:110px!important;}
	.fixed-h120-sm 		{	height:120px!important;}
	.fixed-h130-sm 		{	height:130px!important;}
	.fixed-h140-sm 		{	height:140px!important;}
	.fixed-h150-sm 		{	height:150px!important;}
}

/* XS */
@media (max-width: 768px) {
	.fixed-h10-xs	 	{	height:10px!important;}
	.fixed-h15-xs	 	{	height:15px!important;}
	.fixed-h20-xs	 	{	height:20px!important;}
	.fixed-h25-xs	 	{	height:25px!important;}
	.fixed-h30-xs	 	{	height:30px!important;}
	.fixed-h40-xs	 	{	height:40px!important;}
	.fixed-h50-xs	 	{	height:50px!important;}
	.fixed-h60-xs	 	{	height:60px!important;}
	.fixed-h70-xs	 	{	height:70px!important;}
	.fixed-h80-xs	 	{	height:80px!important;}
	.fixed-h90-xs	 	{	height:90px!important;}
	.fixed-h100-xs 		{	height:100px!important;}
	.fixed-h110-xs 		{	height:110px!important;}
	.fixed-h120-xs 		{	height:120px!important;}
	.fixed-h130-xs 		{	height:130px!important;}
	.fixed-h140-xs 		{	height:140px!important;}
	.fixed-h150-xs 		{	height:150px!important;}
}


/* Max Height Fixed
__________________________________________________________*/

.max-fixed-h10	 	{	max-height:10px!important;}
.max-fixed-h20	 	{	max-height:20px!important;}
.max-fixed-h30	 	{	max-height:30px!important;}
.max-fixed-h40	 	{	max-height:40px!important;}
.max-fixed-h50	 	{	max-height:50px!important;}
.max-fixed-h60	 	{	max-height:60px!important;}
.max-fixed-h70	 	{	max-height:70px!important;}
.max-fixed-h80	 	{	max-height:80px!important;}
.max-fixed-h90	 	{	max-height:90px!important;}
.max-fixed-h100 		{	max-height:100px!important;}
.max-fixed-h110 		{	max-height:110px!important;}
.max-fixed-h120 		{	max-height:120px!important;}
.max-fixed-h130 		{	max-height:130px!important;}
.max-fixed-h140 		{	max-height:140px!important;}
.max-fixed-h150 		{	max-height:150px!important;}


/* LG */
@media (max-width: 1600px) { 
	.max-fixed-h10-lg	 	{	max-height:10px!important;}
	.max-fixed-h20-lg	 	{	max-height:20px!important;}
	.max-fixed-h30-lg	 	{	max-height:30px!important;}
	.max-fixed-h40-lg	 	{	max-height:40px!important;}
	.max-fixed-h50-lg	 	{	max-height:50px!important;}
	.max-fixed-h60-lg	 	{	max-height:60px!important;}
	.max-fixed-h70-lg	 	{	max-height:70px!important;}
	.max-fixed-h80-lg	 	{	max-height:80px!important;}
	.max-fixed-h90-lg	 	{	max-height:90px!important;}
	.max-fixed-h100-lg 		{	max-height:100px!important;}
	.max-fixed-h110-lg 		{	max-height:110px!important;}
	.max-fixed-h120-lg 		{	max-height:120px!important;}
	.max-fixed-h130-lg 		{	max-height:130px!important;}
	.max-fixed-h140-lg 		{	max-height:140px!important;}
	.max-fixed-h150-lg 		{	max-height:150px!important;}
}

/* MD */
@media (max-width: 1200px) { 
	.max-fixed-h10-md	 	{	max-height:10px!important;}
	.max-fixed-h20-md	 	{	max-height:20px!important;}
	.max-fixed-h30-md	 	{	max-height:30px!important;}
	.max-fixed-h40-md	 	{	max-height:40px!important;}
	.max-fixed-h50-md	 	{	max-height:50px!important;}
	.max-fixed-h60-md	 	{	max-height:60px!important;}
	.max-fixed-h70-md	 	{	max-height:70px!important;}
	.max-fixed-h80-md	 	{	max-height:80px!important;}
	.max-fixed-h90-md	 	{	max-height:90px!important;}
	.max-fixed-h100-md 		{	max-height:100px!important;}
	.max-fixed-h110-md 		{	max-height:110px!important;}
	.max-fixed-h120-md 		{	max-height:120px!important;}
	.max-fixed-h130-md 		{	max-height:130px!important;}
	.max-fixed-h140-md 		{	max-height:140px!important;}
	.max-fixed-h150-md 		{	max-height:150px!important;}
}

/* SM */
@media (max-width: 992px) { 
	.max-fixed-h10-sm	 	{	max-height:10px!important;}
	.max-fixed-h20-sm	 	{	max-height:20px!important;}
	.max-fixed-h30-sm	 	{	max-height:30px!important;}
	.max-fixed-h40-sm	 	{	max-height:40px!important;}
	.max-fixed-h50-sm	 	{	max-height:50px!important;}
	.max-fixed-h60-sm	 	{	max-height:60px!important;}
	.max-fixed-h70-sm	 	{	max-height:70px!important;}
	.max-fixed-h80-sm	 	{	max-height:80px!important;}
	.max-fixed-h90-sm	 	{	max-height:90px!important;}
	.max-fixed-h100-sm 		{	max-height:100px!important;}
	.max-fixed-h110-sm 		{	max-height:110px!important;}
	.max-fixed-h120-sm 		{	max-height:120px!important;}
	.max-fixed-h130-sm 		{	max-height:130px!important;}
	.max-fixed-h140-sm 		{	max-height:140px!important;}
	.max-fixed-h150-sm 		{	max-height:150px!important;}
}

/* XS */
@media (max-width: 768px) {
	.max-fixed-h10-xs	 	{	max-height:10px!important;}
	.max-fixed-h20-xs	 	{	max-height:20px!important;}
	.max-fixed-h30-xs	 	{	max-height:30px!important;}
	.max-fixed-h40-xs	 	{	max-height:40px!important;}
	.max-fixed-h50-xs	 	{	max-height:50px!important;}
	.max-fixed-h60-xs	 	{	max-height:60px!important;}
	.max-fixed-h70-xs	 	{	max-height:70px!important;}
	.max-fixed-h80-xs	 	{	max-height:80px!important;}
	.max-fixed-h90-xs	 	{	max-height:90px!important;}
	.max-fixed-h100-xs 		{	max-height:100px!important;}
	.max-fixed-h110-xs 		{	max-height:110px!important;}
	.max-fixed-h120-xs 		{	max-height:120px!important;}
	.max-fixed-h130-xs 		{	max-height:130px!important;}
	.max-fixed-h140-xs 		{	max-height:140px!important;}
	.max-fixed-h150-xs 		{	max-height:150px!important;}
}





/* Z-index
__________________________________________________________*/

.z-1 	{	z-index:1!important; }
.z-2 	{	z-index:2!important; }
.z-3 	{	z-index:3!important; }
.z-4 	{	z-index:4!important; }
.z-5 	{	z-index:5!important; }
.z-6 	{	z-index:6!important; }
.z-7 	{	z-index:7!important; }
.z-8 	{	z-index:8!important; }
.z-9 	{	z-index:9!important; }
.z-10 	{	z-index:10!important; }
.z-11 	{	z-index:11!important; }
.z-12 	{	z-index:12!important; }
.z-13 	{	z-index:13!important; }
.z-14 	{	z-index:14!important; }
.z-15 	{	z-index:15!important; }
.z-16 	{	z-index:16!important; }
.z-17 	{	z-index:17!important; }
.z-18 	{	z-index:18!important; }
.z-19 	{	z-index:19!important; }
.z-20 	{	z-index:20!important; }
.z-30 	{	z-index:30!important; }
.z-40 	{	z-index:40!important; }
.z-50 	{	z-index:50!important; }
.z-60 	{	z-index:60!important; }
.z-70 	{	z-index:70!important; }
.z-80 	{	z-index:80!important; }
.z-90 	{	z-index:90!important; }
.z-100	{	z-index:100!important; }


/* Headlines
__________________________________________________________*/

h1,h2,h3,h4,h5,h6 {
	color:var(--color-text);
	font-weight: 700;
	margin:0;
	padding: 0;
}

.h1-xl {
	font-size:60px!important;
}
.h1-lg {
	font-size:50px!important;
}

h1 {
	font-size:40px;
}
.h1 {
	font-size:40px!important;
}
h2 {
	font-size:34px;
}
.h2 {
	font-size:34px!important;
}
h3 {
	font-size:28px;
}
.h3 {
	font-size:28px!important;
}
h4 {
	font-size:24px;
}
.h4 {
	font-size:24px!important;
}
h5 {
	font-size:20px;
}
.h5 {
	font-size:20px!important;
}
h6 {
	font-size:16px;
}
.h6 {
	font-size:16px!important;
}

.h-underline {
	display: block;
	position: relative;
	line-height: 1;
	margin:0;
	padding: 0;
}

.h-underline > span {
    border-bottom: solid 1px #000;
    display: inline-block;
    padding-bottom: 10px;
}

.h-underline::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}


/* Buttons
__________________________________________________________*/

.button {
	background-color:var(--bg-default);
	border-radius:4px;
	line-height: 1;
	padding: .75em 1.5em;
	font-size:14px;
	color:var(--color-text-2);
	border:0;
	display:inline-block;
	font-weight: 500;
	transition: all 0.3s ease;
	position: relative;
	border:solid 1px transparent;
}

	.button:hover {
		background-color:var(--bg-default-hover);
	}

	/* Button Variants
	__________________________________________________________*/

	.button.button-transparent {
		background-color:transparent;
		color:#fff;
		border:solid 1px var(--bg-color);
	}

	/* Button Sizes
	__________________________________________________________*/

	.button.button-xxs {
		font-size:11px;
		padding: .4em 0.5em;
	}

	.button.button-xs {
		font-size:12px;
		padding: .5em 0.6em;
	}

	.button.button-sm {
		font-size:12px;
		padding: .6em 1.2em;
	}

	.button.button-lg {
		font-size:16px;
		padding: 0.85em 1.7em;
	}

	.button.button-xl {
		font-size:20px;
		padding: 0.95em 1.9em;
	}

	.button.button-xxl {
		font-size:24px;
		padding: 1.05em 2.1em;
	}

	.button:hover {
		cursor:pointer;
	}

	/* Button animated
	__________________________________________________________*/
	.button.animated {
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		.button.animated .content-visible,
		.button.animated .content-hover{
			transition: all 0.3s ease;
		}

		.button.animated .content-visible {
			position: relative;
			display:inline-block;
			vertical-align: middle;
			width:100%;
			margin-right:1.5em;
		}

			.button.animated:hover .content-visible {
				transform:translateX(-200%);
			}

			.button.animated.right:hover .content-visible {
				transform:translateX(200%);
			}

		.button.animated .content-hover {
			top:50%;
			transform:translate(100%,-50%);
			position: absolute;
			width:100%;
			left:0;
		}

			.button.animated.right .content-hover {
				transform:translate(-100%,-50%);
			}

			.button.animated:hover .content-hover {
				transform:translate(0,-50%);
			}

		.button.animated .content-visible img,
		.button.animated .content-hover img {
			height:16px;
			display:inline-block;
			vertical-align:middle;
		}

		.button.animated .content-visible span,
		.button.animated .content-hover span {
			display:inline-block;
			vertical-align:middle;
		}


	/* Button animated vertical
	__________________________________________________________*/
	.button.animated.vertical:hover .content-visible {
		transform:translateY(-300%);
	}

		.button.animated.vertical.down:hover .content-visible {
			transform:translateY(300%);
		}

	.button.animated.vertical .content-hover {
		top:auto;
		transform:translate(0,100%);
	}

		.button.animated.vertical.down .content-hover {
			transform:translate(0,-300%);
		}


		.button.animated.vertical:hover .content-hover {
			transform:translate(0,-100%);
		}

	/* Button animated entrance
	__________________________________________________________*/
	.button.animated.entrance .content-visible {
		transform:scale(1,1);
		opacity:1;
	}

		.button.animated.entrance:hover .content-visible {
			transform:scale(0.5,0.5)translate(0,-10%);
			opacity:0;
		}

	.button.animated.entrance .content-hover {
		transform:scale(1.5,1.5) translate(0,-40%);
		opacity:0;
	}

		.button.animated.entrance:hover .content-hover {
			transform:scale(1,1) translate(0,-50%);
			opacity:1;
		}

	/* Button icon
	__________________________________________________________*/

	.button.icon {
		padding-left:55px;
	}

		.button.button-sm.icon {
			padding-left:45px;
		}

		.button.button-lg.icon {
			padding-left:70px;
		}

		.button.button-xl.icon {
			padding-left:80px;
		}

		.button.button-xxl.icon {
			padding-left:100px;
		}

	.button.icon i {
		background-color: rgba(0,0,0,.05);
		position: absolute;
		left:0;
		bottom:0;
		top:0;
		width:40px;		
		justify-content: center;
		display: flex;
 	 	align-items: center;
	}

		.button.button-sm.icon i {
			width:35px;
		}

		.button.button-lg.icon i {
			width:50px;
		}

		.button.button-xl.icon i {
			width:55px;
		}

		.button.button-xxl.icon i {
			width:70px;
		}


	/* Button Varians
	__________________________________________________________*/
	.button.button-border {
		border:solid 1px #fff!important;
		background-color:transparent;
		color:#fff;
	}
		.button.button-border.hover:hover {
			border:solid 1px rgba(255,255,255,0.5)!important;
		}

	.button.button-border.black {
		border:solid 1px #222!important;
		background-color:transparent;
		color:#222;
	}


	/* Button Square
	__________________________________________________________*/
	.button.button-square {
		border-radius:0;
		border:0;
		padding: .75em 4em;
	}

	/* Button Rounded 30
	__________________________________________________________*/
	.button.button-rounded-30 {
		border-radius:30px;
	}




/* Hero
__________________________________________________________*/	

.hero {
	width:100%;
	height: 80vh;
	background-size: cover;
	background-position: center center;
	position: relative;
	line-height: 1;
	overflow: hidden;
	transform: translate3d(0,0,0);
}

	.hero.xxxs {
		height: 30vh;
	}

	.hero.xxs {
		height: 40vh;
	}

	.hero.xs {
		height: 50vh;
	}

	.hero.sm {
		height: 60vh;
	}

	.hero.md {
		height: 70vh;
	}

	.hero.lg {
		height: 80vh;
	}

	.hero.xl {
		height:90vh;
	}

	.hero.xxl {
		height:100vh;
		height:-webkit-fill-available;
	}

	.hero > img {
		object-fit: cover;
		object-position: center;
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
	}
	
	.hero.md > img,
	.hero.sm > img,
	.hero.xs > img,
	.hero.xxs > img,
	.hero.xxxs > img{
		height:150%;
	}
	
	
	.hero .hero-content {
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate3d(-50%,-50%,0);
		color:#fff;
		font-weight: 300;
		text-align: left;
		width:calc(var(--container-width) - 15%);
		z-index: 2;
		-webkit-overflow-scrolling: touch
	}

		.hero.full .hero-content {
			width:100%;
		}

		.hero .hero-content.hero-content-left {
			left:25%;
			transform: translate(-25%,-50%);
			-webkit-transform: translate3d(-25%,-50%,0);
		}

		.hero .hero-content.hero-content-right {
			left:auto;
			right:25%;
			transform: translate(25%,-50%);
			-webkit-transform: translate3d(25%,-50%,0);
		}
	
	
	.hero .headline {
		font-size:40px;
		margin:0;
		padding: 0;
		line-height: 1;
		color:#fff;
	}
	
	.hero .subline {
		font-size:20px;
		margin:0;
		padding: 0;
		line-height: 1.4;
		font-weight: 300;
		margin-top:10px;
		color:#fff;
	}
	

	.hero p {
		font-size:14px;
		margin:0;
		padding: 0;
		line-height: 1;
	}


	
	.hero .hero-search {
		width:100%;
		margin:30px auto;		
		-webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		background-color:#fff;		
		line-height: 1;		
		position: relative;
		border-radius:4px;
	}


		.hero .hero-search:after {
			position: absolute;
			top:50%;
			left:20px;
			transform:translateY(-50%);
			font-size:18px;
			content: "\f002";
			font-family: "Font Awesome 5 Pro";
			font-style: normal;
			font-weight: 500;
			color:var(--color-text-1);

		}
	
		.hero .hero-search input {
			width:100%;
			border:0;
			padding:20px 30px 20px 50px;
			font-size:14px;
			font-weight: 300;
			background-color:transparent;
			display:block;			
		}


	.hero a {
		color:#fff;
	}


.hero .hero-content.hero-content-bottom {
	bottom:100px;
	top:auto;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate3d(-50%,0,0);
}

.hero .hero-content.hero-content-top {
	top:200px;
	left:50%;
	bottom: auto;
	transform: translate(-50%,0);
	-webkit-transform: translate3d(-50%,0,0);
}


/* LG */
@media (min-width: 1601px) { 

	.hero .hero-content.hero-content-left-xl {
		left:25%;
		transform: translate(-25%,-50%);
		-webkit-transform: translate3d(-25%,-50%,0);
	}
	
	.hero .hero-content.hero-content-center-xl {
		left:50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate3d(-50%,-50%,0);
	}
	
	.hero .hero-content.hero-content-bottom-xl {
		top:auto;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
}


/* LG */
@media (max-width: 1600px) { 

	.hero .hero-content.hero-content-left-lg {
		left:25%;
		transform: translate(-25%,-50%);
		-webkit-transform: translate3d(-25%,-50%,0);
	}
	
	.hero .hero-content.hero-content-center-lg {
		left:50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate3d(-50%,-50%,0);
	}
	
	.hero .hero-content.hero-content-bottom-lg {
		top:auto;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
}

/* MD */
@media (max-width: 1200px) { 
	
	.hero .hero-content.hero-content-left-md {
		left:25%;
		transform: translate(-25%,-50%);
		-webkit-transform: translate3d(-25%,-50%,0);
	}
	
	.hero .hero-content.hero-content-center-md {
		left:50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate3d(-50%,-50%,0);
	}
	
	.hero .hero-content.hero-content-bottom-md {
		top:auto;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	.hero .hero-content {
		width:calc(100% - 60px);
	}
	
	.hero .headline {
		font-size:30px;
	}
	
	.hero .subline {
		font-size:16px;
		margin-top:10px;
	}
}

/* SM */
@media (max-width: 992px) { 
	
	.hero .hero-content.hero-content-left-sm {
		left:25%;
		transform: translate(-25%,-50%);
		-webkit-transform: translate3d(-25%,-50%,0);
	}
	
	.hero .hero-content.hero-content-center-sm {
		left:50%!important;
		transform: translate(-50%,-50%)!important;
		-webkit-transform: translate3d(-50%,-50%,0)!important;
	}
	
	.hero .hero-content.hero-content-bottom-sm {
		top:auto;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	.hero .headline {
		font-size:30px;
	}
	
	.hero .subline {
		font-size:18px;
	}
}

/* XS */
@media (max-width: 768px) {
	
	.hero .hero-content.hero-content-center-xs {
		left:50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate3d(-50%,-50%,0);
	}
	
	.hero .hero-content.hero-content-bottom-xs {
		top:auto;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	.hero .hero-content.hero-content-left-xs {
		left:25%;
		transform: translate(-25%,-50%);
		-webkit-transform: translate3d(-25%,-50%,0);
	}
	
	.hero .headline {
		font-size:24px;
	}
	
	.hero .subline {
		font-size:16px;
	}
}




/*
================================================================================================
STICKY
================================================================================================
*/	

.sticky-container {
	overflow: hidden;
	position: relative;
}
	
.sticky {
	position: relative;
	z-index:10;
}		
	
.sticky.sticked {
	position: fixed;
	transform: translate3d(0,0,0);
	left:0;
}	
.sticky.absolute {
	position: absolute;
}	

.sticky-placeholder {

}	


/* Breakpoint XL */
@media (max-width: 1200px)
{
	.sticky {
		background-color:var(--bg-color);
		left:0;
		width:100%;
	}
	
	.sticky.sticked {
		padding:0;
	}
	
}


/* Cards
__________________________________________________________*/

.card {
	width:100%;
	font-size: 0.9rem;
	margin-bottom:20px;
	position: relative;
	overflow: hidden;
}

	.card {
		position: relative;
	}


		.card .img-container {
			position: relative;
			line-height: 0;
			border-radius: 6px;
		}

			.card.movie .img-container.shadow:after {
				position: absolute;
				content:"";
				bottom:0;
				left: 0;
				width:100%;
				height: 100%;
				background-image: linear-gradient(21deg, #0f0f0f 26%, rgba(218, 0, 0, 0) 51%);
				z-index:1;
			}

			.card .img-container .img-infos {
				position: absolute;
				left:15px;
				bottom:15px;
				color:#fff;
				z-index:2;
			}

				/* Mod: Page Height
				__________________________________________________________*/
				.card.page-height .img-infos{
					width:var(--container-width);
					left:50%;
					transform: translateX(-50%);
					bottom:50px;
				}

				.card .img-container .img-infos .title {
					color:#fff;
				}

				.card .img-container .img-infos .description {
					color:#fff;
					font-size:14px;
					line-height: 1.4;
					max-width:65%;
					display:inline-block;
					padding-left:15px;
				}

				/* Breakpoint */
				@media (max-width: 1200px)
				{
					.card .img-container .img-infos .description {
						max-width: 80%;	
					}					
				}

				/* SM */
				@media (max-width: 992px) { 
					.card .img-container .img-infos .description {
						max-width: 100%;	
					}	
				}

				.card .img-container .img-infos .description p {
					margin:5px 0 0;
					font-size:13px;
				}

					/* Mod: Page Height
					__________________________________________________________*/
					.card.page-height .img-container .img-infos .description p {
						font-size:15px;
					}

				.card .img {
					object-fit: cover;
					object-position: center;
					width: 100%;
					border-radius: 6px;
				}

					.card .img-zoom {
						overflow: hidden;
						position: relative;
						border-radius: 6px;
					}

						.card .img-zoom .img {
							transition: all 0.3s ease;
						}
		
							.card:hover .img-zoom .img {
								transform: scale(1.2,1.2);
							}




					.card .img-mask-content {
						background-color:rgba(0,0,0,0.5);
						position: absolute;
						top:0;
						left: 0;
						width:100%;
						height: 100%;
						opacity:0;
						transition: all 0.3s ease;
						z-index:1;
					}

						.card:hover .img-mask-content {
							opacity:1;
						}

						.card .img-mask-content > div {
							position: absolute;
							top:50%;
							left: 50%;
							transform: translate(-50%,-50%) scale(1.2,1.2);
							text-align: center;
							color:#fff;
							width:100%;
							transition: all 0.3s ease;
						}

							.card:hover .img-mask-content > div {
								position: absolute;
								top:50%;
								left: 50%;
								transform: translate(-50%,-50%) scale(1,1);
								text-align: center;
								color:#fff;
							}

			.card .img,
			.card.parallax,
			.card.parallax .img-container {
				height: 240px;
			}



			.card.lg .img,
			.card.parallax.lg,
			.card.parallax.lg .img-container {
				height: 340px;
			}

			.card.xxl .img
			.card.parallax.xxl,
			.card.parallax.xxl .img-container {
				height: 540px;
			}

			.card.xl .img,
			.card.parallax.xl,
			.card.parallax.xl .img-container {
				height: 440px;
			}


				.card.parallax .img {
					object-fit: cover;
					object-position: center;
					position: absolute;
					top:0;
					left: 0;
					width:100%;
					height: 200%;
					z-index:0;
				}



		.card .actions {
			position: absolute;
			z-index:1;
			top:5px;
			right:5px;
			line-height: 1;
			text-align: right;
			width:100%;
			display:none;
		}

			.card:hover .actions {
				display:block;
			}

			.card .actions > li {
				display:inline-block;
				border:solid 1px var(--color-border);
				background-color:var(--bg-color-1);
				color:var(--color-text-1);
				text-align: center;
				line-height: 22px;
				width:22px;
				height: 22px;
				border-radius:4px;
				margin-left:2px;
				font-size:14px;
			}

				.card .actions > li:hover {
					color:var(--color-text-2);
					cursor:pointer;
				}

		.card .infos {
			position: relative;
			margin-top:10px;
			overflow: hidden;
			z-index:1;
		}

			.card .infos .infos-left {
				float:left;
				width:70%;
			}

			.card .infos .infos-right {
				float:right;
				width:30%;
				text-align: right;
			}

			.card .profile {
				object-fit: cover;
				object-position: center;
				position: absolute;
				border-radius:50%;
				border:solid 3px var(--bg-color);
				width:45px;
				height: 45px;
				left:8px;
				bottom:-8px;
				z-index:3;
			}

				.card.movie .profile {
					position: relative;
					left:auto;
					bottom: auto;
					width:15%;
					min-width:80px;
					max-height: 100%;
					height: auto;
					border-radius:6px;
					display:inline-block;
					border-width: 1px;
				}

				/* Breakpoint */
				@media (max-width: 1200px)
				{
					.card.movie .profile {
						margin-left:16px;
					}		
				}

				/* XXL
				__________________________________________________________*/
				/*.card.movie.xxl .profile {
					width:150px;
					height: 225px;
				}*/




			.card .title {
				font-size: 1.2rem;
				font-weight: 700;
				margin-bottom:3px;
				line-height: 1;
				color:var(--color-text-1);
				margin-top:3px;
			}

				/* Mod: Page Height
				__________________________________________________________*/
				.card.page-height {
					font-size:2rem;
				}

			.card .sub {
				color:var(--color-text-2);
			}

			.card .location {
				font-size: 0.8rem;
				color:var(--color-text-3);
				line-height: 1;
			}

			.card .icons {
				overflow: hidden;
			}

				.card .icons > li {
					display:inline-block;
					color:var(--color-text-1);
					text-align: center;
					line-height: 22px;
					border-radius:4px;
					margin-left:3px;
					font-size:11px;
				}


/* Images
__________________________________________________________*/

.img-fit {
	object-fit: cover;
	object-position: center;
}

.img-fit-full {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.img-circle {
	object-fit: cover;
	object-position: center;
	border-radius:50%;
	display:inline-block;
	vertical-align: middle;
	width:40px;
	height: 40px;
}

.img-circle.xxs {
	width:25px;
	height: 25px;
}

.img-circle.xs {
	width:30px;
	height: 30px;
}

.img-circle.sm {
	width:35px;
	height: 35px;
}

.img-circle.lg {
	width:45px;
	height: 45px;
}

.img-circle.xl {
	width:50px;
	height: 50px;
}
.img-circle.xxl {
	width:60px;
	height: 60px;
}
.img-circle.xxxl {
	width:80px;
	height: 80px;
}


.img-cover {
	position: relative;
    left: auto;
    bottom: auto;
    width: 15%;
    min-width: 100%;
    height: auto;
    border-radius: 6px;
    display: inline-block;
    border-width: 1px;
}


/* Icons
__________________________________________________________*/

.icon-circle {
	background-color:rgba(0,0,0,0.5);
	border-radius:50%;
	display:inline-block;
	vertical-align: middle;
	width:40px;
	height: 40px;
	text-align: center;
	color:#fff;
	line-height: 40px;
	font-size:14px;
}

.icon-circle.hover:hover {
	background-color:rgba(0,0,0,0.8);
}

.icon-circle.xxs {
	width:25px;
	height: 25px;
	line-height: 25px;
	font-size:11px;
}

.icon-circle.xs {
	width:30px;
	height: 30px;
	line-height: 30px;
	font-size:12px;
}

.icon-circle.sm {
	width:35px;
	height: 35px;
	line-height: 35px;
	font-size:13px;
}

.icon-circle.lg {
	width:45px;
	height: 45px;
	line-height: 45px;
	font-size:15px;
}

.icon-circle.xl {
	width:50px;
	height: 50px;
	line-height: 50px;
	font-size:16px;
}
.icon-circle.xxl {
	width:60px;
	height: 60px;
	line-height: 60px;
	font-size:18px;
}
.icon-circle.xxxl {
	width:80px;
	height: 80px;
	line-height: 80px;
	font-size:26px;
}


/* Display
__________________________________________________________*/

.block {
	display:block!important;
}
.inline {
	display:inline-block!important;
}
.hidden {
	display:none!important;
}

/* Line height
__________________________________________________________*/

.line-height-0-8 {
	line-height: 0.8!important;
}

.line-height-0-9 {
	line-height: 0.9!important;
}

.line-height-1 {
	line-height: 1!important;
}
.line-height-1-1 {
	line-height: 1.1!important;
}
.line-height-1-2 {
	line-height: 1.2!important;
}
.line-height-1-3 {
	line-height: 1.3!important;
}
.line-height-1-4 {
	line-height: 1.4!important;
}
.line-height-1-5 {
	line-height: 1.5!important;
}

/* Border radius
__________________________________________________________*/

.border-radius-xs {
	border-radius:2px;
}

.border-radius-sm {
	border-radius:3px;
}

.border-radius {
	border-radius:4px;
}

.border-radius-lg {
	border-radius:6px;
}

.border-radius-xl {
	border-radius:8px;
}

.border-radius-xxl {
	border-radius:30px;
}

/* Text
__________________________________________________________*/
.text-u {
	text-decoration: underline;
}
.text-uc {
	text-transform: uppercase;
}

a.text-u:hover {
	text-decoration: none;
}

.text-center {
	text-align: center!important;
}

.text-bg {
	background-color:rgba(0,0,0,0.3)!important;
	display: inline;
	box-decoration-break: clone;
	padding:5px 10px!important;
	line-height: 1.8!important;
}



/* LG */
@media (min-width: 1601px) { 
	.text-center-xl {	text-align: center!important; }	
	.text-left-xl {		text-align: left!important; }	
}

/* LG */
@media (max-width: 1600px) { 
	.text-center-lg {	text-align: center!important; }
	.text-left-lg {		text-align: left!important; }	
}

/* MD */
@media (max-width: 1200px) { 
	.text-center-md {	text-align: center!important; }	
	.text-left-md {		text-align: left!important; }	
}

/* SM */
@media (max-width: 992px) { 
	.text-center-sm {	text-align: center!important; }
	.text-left-sm {		text-align: left!important; }	
}

/* XS */
@media (max-width: 768px) {
	.text-center-xs {	text-align: center!important; }
	.text-left-xs {		text-align: left!important; }	
}






/* LG */
@media (min-width: 1601px) { 
	.text-bg-xl {
		background-color:rgba(0,0,0,0.3)!important;
		display: inline;
		box-decoration-break: clone;
		padding:5px 10px!important;
		line-height: 1.8!important;
	}
	
	.text-bg-xl-custom-courses 	{	background-color:#ca3a4e!important;	color:#fff!important;}
	.text-bg-xl-custom-books 	{	background-color:#0eaefb!important;	color:#fff!important;}
	.text-bg-xl-custom-blog 	{	background-color:#3283c5!important;	color:#fff!important;}
	.text-bg-xl-custom-tickets 	{	background-color:#191a1a!important;	color:#fff!important;}
	
}

/* LG */
@media (min-width: 1201px) and (max-width: 1600px) { 
	.text-bg-lg {
		background-color:rgba(0,0,0,0.3)!important;
		display: inline;
		box-decoration-break: clone;
		padding:5px 10px!important;
		line-height: 1.8!important;
	}
	
	.text-bg-lg-custom-courses 	{	background-color:#ca3a4e!important;	color:#fff!important;}
	.text-bg-lg-custom-books 	{	background-color:#0eaefb!important;	color:#fff!important;}
	.text-bg-lg-custom-blog 	{	background-color:#3283c5!important;	color:#fff!important;}
	.text-bg-lg-custom-tickets 	{	background-color:#191a1a!important;	color:#fff!important;}
}

/* MD */
@media (min-width: 993px) and (max-width: 1200px) { 
	.text-bg-md {
		background-color:rgba(0,0,0,0.3)!important;
		display: inline;
		box-decoration-break: clone;
		padding:5px 10px!important;
		line-height: 1.8!important;
	}
	
	.text-bg-md-custom-courses 	{	background-color:#ca3a4e!important;	color:#fff!important;}
	.text-bg-md-custom-books 	{	background-color:#0eaefb!important;	color:#fff!important;}
	.text-bg-md-custom-blog 	{	background-color:#3283c5!important;	color:#fff!important;}
	.text-bg-md-custom-tickets 	{	background-color:#191a1a!important;	color:#fff!important;}
}

/* SM */
@media (min-width: 769px) and (max-width: 992px) { 
	.text-bg-sm {
		background-color:rgba(0,0,0,0.3)!important;
		display: inline;
		box-decoration-break: clone;
		padding:5px 10px!important;
		line-height: 1.8!important;
	}
	
	.text-bg-sm-custom-courses 	{	background-color:#ca3a4e!important;	color:#fff!important;}
	.text-bg-sm-custom-books 	{	background-color:#0eaefb!important;	color:#fff!important;}
	.text-bg-sm-custom-blog 	{	background-color:#3283c5!important;	color:#fff!important;}
	.text-bg-sm-custom-tickets 	{	background-color:#191a1a!important;	color:#fff!important;}
}

/* XS */
@media (max-width: 768px) {
	.text-bg-xs {
		background-color:rgba(0,0,0,0.3)!important;
		display: inline;
		box-decoration-break: clone;
		padding:5px 10px!important;
		line-height: 1.8!important;
	}
	
	.text-bg-xs-custom-courses 	{	background-color:#ca3a4e!important;	color:#fff!important;}
	.text-bg-xs-custom-books 	{	background-color:#0eaefb!important;	color:#fff!important;}
	.text-bg-xs-custom-blog 	{	background-color:#3283c5!important;	color:#fff!important;}
	.text-bg-xs-custom-tickets 	{	background-color:#191a1a!important;	color:#fff!important;}
}


.text-bg-custom-courses {
	background-color:#ca3a4e!important;
	color:#fff!important;
}
.text-bg-custom-books {
	background-color:#0eaefb!important;
	color:#fff!important;
}
.text-bg-custom-blog {
	background-color:#3283c5!important;
	color:#fff!important;
}
.text-bg-custom-tickets {
	background-color:#191a1a!important;
	color:#fff!important;
}


.text-left {
	text-align: left!important;
}

.text-right {
	text-align: right!important;
}

.text-focus {
	border-radius: 91% 9% 90% 10% / 29% 82% 18% 71%;
	background-color:rgba(0,0,0,0.5);
	padding: 0.5rem 1rem;
	font-weight: 500;
	color:#fff;
}

.text-xxs {
	font-size:0.7rem!important;
}
.text-xs {
	font-size:0.8rem!important;
}
.text-sm {
	font-size:0.9rem!important;
}
.text-md {
	font-size:1rem!important;
}
.text-lg {
	font-size:1.1rem!important;
}
.text-xl {
	font-size:1.2rem!important;
}
.text-xxl {
	font-size:1.3rem!important;
}

.text-1vw {
	font-size: 1vw!important;
}

.text-2vw {
	font-size: 2vw!important;
}

.text-3vw {
	font-size: 3vw!important;
}

.text-4vw {
	font-size: 4vw!important;
}
.text-5vw {
	font-size: 5vw!important;
}
.text-6vw {
	font-size: 6vw!important;
}


/* XL */
@media (min-width: 1601px) { 
	.text-xl-1vw {	font-size: 1vw!important; }
	.text-xl-2vw {	font-size: 2vw!important; }
	.text-xl-3vw {	font-size: 3vw!important; }
	.text-xl-4vw {	font-size: 4vw!important; }
	.text-xl-5vw {	font-size: 5vw!important; }
	.text-xl-6vw {	font-size: 6vw!important; }
}


/* LG */
@media (min-width: 1201px) and (max-width: 1600px) { 
	.text-lg-1vw {	font-size: 1vw!important; }
	.text-lg-2vw {	font-size: 2vw!important; }
	.text-lg-3vw {	font-size: 3vw!important; }
	.text-lg-4vw {	font-size: 4vw!important; }
	.text-lg-5vw {	font-size: 5vw!important; }
	.text-lg-6vw {	font-size: 6vw!important; }
}

/* MD */
@media (min-width: 993px) and (max-width: 1200px) { 
	.text-md-1vw {	font-size: 1vw!important; }
	.text-md-2vw {	font-size: 2vw!important; }
	.text-md-3vw {	font-size: 3vw!important; }
	.text-md-4vw {	font-size: 4vw!important; }
	.text-md-5vw {	font-size: 5vw!important; }
	.text-md-6vw {	font-size: 6vw!important; }
}

/* SM */
@media (min-width: 769px) and (max-width: 992px) { 
	.text-sm-1vw {	font-size: 1vw!important; }
	.text-sm-2vw {	font-size: 2vw!important; }
	.text-sm-3vw {	font-size: 3vw!important; }
	.text-sm-4vw {	font-size: 4vw!important; }
	.text-sm-5vw {	font-size: 5vw!important; }
	.text-sm-6vw {	font-size: 6vw!important; }
}

/* XS */
@media (max-width: 768px) {
	.text-xs-1vw {	font-size: 1vw!important; }
	.text-xs-2vw {	font-size: 2vw!important; }
	.text-xs-3vw {	font-size: 3vw!important; }
	.text-xs-4vw {	font-size: 4vw!important; }
	.text-xs-5vw {	font-size: 5vw!important; }
	.text-xs-6vw {	font-size: 6vw!important; }
}





.text-default {
	color:var(--color-text-2)!important;
}


.text-white {
	color:#fff!important;
}
.text-black {
	color:#000!important;
}

.text-color {
	color:var(--color-text)!important;
}


.text-blue {
	color:var(--color-blue)!important;
}
.text-blue.hover:hover {
	color:var(--color-blue-alt)!important;
}

.text-o-xxxs {
  opacity:0.9;
}
.text-o-xxs {
  opacity:0.8;
}
.text-o-xs {
  opacity:0.7;
}
.text-o-sm {
  opacity:0.6;
}
.text-o {
  opacity:0.5;
}
.text-o-lg {
  opacity:0.4;
}
.text-o-xl {
  opacity:0.3;
}
.text-o-xxl {
  opacity:0.2;
}




.opacity-xxxl {
  opacity:0.9!important;
}
.opacity-xxl {
  opacity:0.8!important;
}
.opacity-xl {
  opacity:0.7!important;
}
.opacity-lg {
  opacity:0.6!important;
}
.opacity {
  opacity:0.5!important;
}
.opacity-sm {
  opacity:0.4!important;
}
.opacity-xs {
  opacity:0.3!important;
}
.opacity-xxs {
  opacity:0.2!important;
}
.opacity-xxxs {
  opacity:0.1!important;
}





.text-highlight {
	position: relative;
}

.text-highlight::before {
    content: "";
    z-index: 1;
    left: -.5em;
    top: -.1em;
    border-width: 4px;
    border-style: solid;
    border-color: var(--bg-color);
        border-right-color: var(--bg-color);
    position: absolute;
    border-right-color: transparent;
    width: 120%;
    height: 1.5em;
    transform: rotate(2deg);
    opacity: .5;
    border-radius: 50%;
    padding: .1em .25em;
}

	.text-highlight.blue::before {
		border-color: var(--color-blue);
        border-right-color: var(--color-blue);
	}

	.text-highlight.green::before {
		border-color: var(--color-green);
        border-right-color: var(--color-green);
	}

	.text-highlight.yellow::before {
		border-color: var(--color-yellow);
        border-right-color: var(--color-yellow);
	}

	.text-highlight.red::before {
		border-color: red;
        border-right-color: red;
	}

.text-highlight::after {
    content: "";
    z-index: 1;
    left: -.5em;
    top: .03em;
    padding: .1em .25em;
    border-width: 4px;
    border-style: solid;
    border-color: var(--bg-color);
        border-top-color: var(--bg-color);
        border-left-color: var(--bg-color);
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    width: 120%;
    height: 1.5em;
    transform: rotate(-1deg);
    opacity: .5;
    border-radius: 50%;
}

	.text-highlight.blue::after {
		border-color: var(--color-blue);
        border-top-color: var(--color-blue);
        border-left-color: var(--color-blue);
	}

	.text-highlight.green::after {
		border-color: var(--color-green);
        border-top-color: var(--color-green);
        border-left-color: var(--color-green);
	}

	.text-highlight.yellow::after {
		border-color: var(--color-yellow);
        border-top-color: var(--color-yellow);
        border-left-color: var(--color-yellow);
	}

	.text-highlight.red::after {
		border-color: red;
        border-top-color: red;
        border-left-color: red;
	}



.letter-spacing-xxs {
	letter-spacing: 1px;
}
.letter-spacing-xs {
	letter-spacing: 2px;
}
.letter-spacing-sm {
	letter-spacing: 3px;
}
.letter-spacing-md {
	letter-spacing: 4px;
}
.letter-spacing-lg {
	letter-spacing: 5px;
}
.letter-spacing-xl {
	letter-spacing: 6px;
}
.letter-spacing-xxl {
	letter-spacing: 7px;
}
.letter-spacing-xxxl {
	letter-spacing: 8px;
}



/* Badge
__________________________________________________________*/

.label {
	color:rgba(0,0,0,.6);
	font-size:11px;
	padding: .58em .83em;
	line-height: 1;
	border-radius:.28571429rem;
	background-color:#e8e8e8;
	font-weight: 700;
	display:inline-block;vertical-align: middle;
}
.label.hover:hover {
	background-color:#cacbcd;
}

.label > .icon {
    width: auto;
    margin: 0 .75em 0 0;
}

.label.image {
	padding: .58em .83em .58em;
}

.label.image img {
    display: inline-block;
    vertical-align: middle;
    height: 24.5px;
    margin:  -.62em .75em -.58em -.83em;
    border-radius: .28571429rem 0 0 .28571429rem;
}


.label.sm {
	padding: .48em .73em;
}

.label.xs {
	padding: .38em .63em;
}

/* Bgs
__________________________________________________________*/

.bg-color-text {
	background-color:var(--color-text)!important;
}


.bg-default {
	background-color:var(--bg-default)!important;
}
.bg-color {
	background-color:var(--bg-color)!important;
}
.bg-color-1 {
	background-color:var(--bg-color-1)!important;
}
.bg-color-2 {
	background-color:var(--bg-color-2)!important;
}
.bg-color-2 {
	background-color:var(--bg-color-3)!important;
}

.bg-blue {
	background-color:var(--color-blue)!important;
	color:#fff!important;
}
.bg-blue-alt,
.bg-blue.hover:hover {
	background-color:var(--color-blue-alt)!important;
	color:#fff!important;
}

.bg-red {
	background-color:var(--color-red)!important;
	color:#fff!important;
}
.bg-red-alt,
.bg-red.hover:hover {
	background-color:var(--color-red-alt)!important;
	color:#fff!important;
}

.bg-green {
	background-color:var(--color-green)!important;
	color:#fff!important;
}
.bg-green-alt,
.bg-green.hover:hover {
	background-color:var(--color-green-alt)!important;
	color:#fff!important;
}

.bg-yellow {
	background-color:var(--color-yellow)!important;
	color:#fff!important;
}
.bg-yellow-alt,
.bg-yellow.hover:hover {
	background-color:var(--color-yellow-alt)!important;
	color:#fff!important;
}

.bg-lime {
	background-color:#a5d631!important;
	color:#fff!important;
}
.bg-orange {
	background-color:#f7a521!important;
	color:#fff!important;
}

.bg-white {
	background-color:#fff!important;
}

.bg-black {
	background-color:#000!important;
}


.bg-google {
    background-color: #f9f9fa !important;
    background-image: none !important;
    color: #505050!important;
	border:solid 1px #eaeaea!important;
}

	.bg-google:hover {
		background-color:#fafafa!important;
	}

.bg-facebook {
    background-color: #3b5998 !important;
    background-image: none !important;
    color: #fff;
}

	.bg-facebook:hover {
		background-color:#26427c!important;
	}

.bg-apple {
    background-color: #000000 !important;
    background-image: none !important;
    color: #fff!important;
}

	.bg-apple:hover {
		background-color:#1e1e1e!important;
	}


.bg-google img,
.bg-facebook img,
.bg-apple img,
.bg-email img{
	max-height: 16px;
	margin-right:10px;
	display:inline-block;
	vertical-align: middle;
	position: absolute;
	left:20px;
	top:50%;
	transform: translateY(-50%);
}



.bg-main {
	background-color:var(--main-color)!important;
	color:#fff!important;
}
.bg-red-alt,
.bg-red.hover:hover {
	background-color:var(--main-color)!important;
	filter:brightness(110%);
	color:#fff!important;
}

/* Outline
______________*/

.outline {
	background-color:transparent!important;
	border:solid 1px var(--color-text-3);
	color:var(--color-text-1)!important;
}

.outline.outline-lg {
	border:solid 2px var(--color-text-3);
}

.outline.hover:hover {
	background-color:transparent!important;
	border:solid 1px var(--color-text-1);
	color:var(--color-text)!important;
}

.outline.border-white,
.outline.border-white:hover {
	border:solid 1px #fff;
}

.outline.border-white.outline-lg {
	border:solid 2px #fff;
}

.outline.text-white,
.outline.text-white:hover {
	color:#fff!important;
}
.outline.text-black,
.outline.text-black:hover {
	color:#000!important;
}

.bg-blue.outline {
	background-color:transparent!important;
	border:solid 1px var(--color-blue);
}
.bg-blue.outline.hover:hover {
	background-color:transparent!important;
	border:solid 1px var(--color-blue-hover);
}

.bg-red.outline {
	background-color:transparent!important;
	border:solid 1px var(--color-red);
}
.bg-red.outline.hover:hover {
	background-color:transparent!important;
	border:solid 1px var(--color-red-hover);
}

.bg-green.outline {
	background-color:transparent!important;
	border:solid 1px var(--color-green);
}
.bg-green.outline.hover:hover {
	background-color:transparent!important;
	border:solid 1px var(--color-green-hover);
}

.bg-yellow.outline {
	background-color:transparent!important;
	border:solid 1px var(--color-yellow);
}
.bg-yellow.outline.hover:hover {
	background-color:transparent!important;
	border:solid 1px var(--color-yellow-hover);
}

/* Font
__________________________________________________________*/

.font-300 {
	font-weight: 300!important;
}
.font-400 {
	font-weight: 400!important;
}
.font-500 {
	font-weight: 500!important;
}
.font-600 {
	font-weight: 600!important;
}
.font-700 {
	font-weight: 700!important;
}
.font-handwritten {
	    font-family: 'Amatic SC', cursive;
}



/* Wrappers
__________________________________________________________*/
.wrapper {
  padding: 20px;
}
.wrapper-xxs {
  padding: 5px;
}
.wrapper-xs {
  padding: 10px;
}
.wrapper-sm {
  padding: 15px;
}
.wrapper-lg {
  padding: 30px;
}
.wrapper-xl {
  padding: 50px;
}
.wrapper-xxl {
  padding: 60px;
}
.wrapper-xxxl {
  padding: 70px;
}
.wrapper-xxxxl {
  padding: 80px;
}


/* LG */
@media (max-width: 1600px) { 
	.wrapper-lg-xxs {		padding: 5px; }
	.wrapper-lg-xs {		padding: 10px; }
	.wrapper-lg-sm {		padding: 15px; }
	.wrapper-lg-md {		padding: 20px; }
	.wrapper-lg-lg {		padding: 30px; }
	.wrapper-lg-xl {		padding: 50px; }
	.wrapper-lg-xxl {		padding: 60px; }
	.wrapper-lg-xxxl {		padding: 70px; }
	.wrapper-lg-xxxxl {		padding: 80px; }
	.wrapper-lg-none {		padding: 0; }
}

/* MD */
@media (max-width: 1200px) { 
	.wrapper-md-xxs {		padding: 5px; }
	.wrapper-md-xs {		padding: 10px; }
	.wrapper-md-sm {		padding: 15px; }
	.wrapper-md-md {		padding: 20px; }
	.wrapper-md-lg {		padding: 30px; }
	.wrapper-md-xl {		padding: 50px; }
	.wrapper-md-xxl {		padding: 60px; }
	.wrapper-md-xxxl {		padding: 70px; }
	.wrapper-md-xxxxl {		padding: 80px; }
	.wrapper-md-none {		padding: 0; }
}

/* SM */
@media (max-width: 992px) { 
	.wrapper-sm-xxs {		padding: 5px; }
	.wrapper-sm-xs {		padding: 10px; }
	.wrapper-sm-sm {		padding: 15px; }
	.wrapper-sm-md {		padding: 20px; }
	.wrapper-sm-lg {		padding: 30px; }
	.wrapper-sm-xl {		padding: 50px; }
	.wrapper-sm-xxl {		padding: 60px; }
	.wrapper-sm-xxxl {		padding: 70px; }
	.wrapper-sm-xxxxl {		padding: 80px; }
	.wrapper-sm-none {		padding: 0; }
}

/* XS */
@media (max-width: 768px) {
	.wrapper-xs-xxs {		padding: 5px; }
	.wrapper-xs-xs {		padding: 10px; }
	.wrapper-xs-sm {		padding: 15px; }
	.wrapper-xs-md {		padding: 20px; }
	.wrapper-xs-lg {		padding: 30px; }
	.wrapper-xs-xl {		padding: 50px; }
	.wrapper-xs-xxl {		padding: 60px; }
	.wrapper-xs-xxxl {		padding: 70px; }
	.wrapper-xs-xxxxl {		padding: 80px; }
	.wrapper-xs-none {		padding: 0; }
}





/* Page Height
__________________________________________________________*/
.page-min-height-vh100 {
	min-height: 100vh!important;
}
.page-height.vh-5 {
	height: 5vh!important;
}
.page-height.vh-10 {
	height: 10vh!important;
}
.page-height.vh-15 {
	height: 15vh!important;
}
.page-height.vh-20 {
	height: 20vh!important;
}
.page-height.vh-25 {
	height: 25vh!important;
}
.page-height.vh-30 {
	height: 30vh!important;
}
.page-height.vh-33 {
	height: 33vh!important;
}
.page-height.vh-40 {
	height: 40vh!important;
}
.page-height.vh-50 {
	height: 50vh!important;
}
.page-height.vh-60 {
	height: 60vh!important;
}
.page-height.vh-66 {
	height: 66vh!important;
}
.page-height.vh-70 {
	height: 70vh!important;
}
.page-height.vh-75 {
	height: 75vh!important;
}
.page-height.vh-80 {
	height: 80vh!important;
}
.page-height.vh-85 {
	height: 85vh!important;
}
.page-height.vh-90 {
	height: 90vh!important;
}
.page-height.vh-95 {
	height: 95vh!important;
}
.page-height.vh-100 {
	height: 100vh!important;
	min-height:100dvh!important;
	height:-webkit-fill-available;
}
.page-height.vh-auto {
	height: auto!important;
}
.page-height.h-min-auto {
	min-height: auto!important;
}

/* LG */
@media (max-width: 1600px) { 
	.page-height.vh-lg-5 {		height: 5vh!important;}
	.page-height.vh-lg-10 {		height: 10vh!important;}
	.page-height.vh-lg-15 {		height: 15vh!important;}
	.page-height.vh-lg-20 {		height: 20vh!important;}
	.page-height.vh-lg-25 {		height: 25vh!important;}
	.page-height.vh-lg-30 {		height: 30vh!important;}
	.page-height.vh-lg-33 {		height: 33vh!important;}
	.page-height.vh-lg-40 {		height: 40vh!important;}
	.page-height.vh-lg-50 {		height: 50vh!important;}
	.page-height.vh-lg-60 {		height: 60vh!important;}
	.page-height.vh-lg-66 {		height: 66vh!important;}
	.page-height.vh-lg-70 {		height: 70vh!important;}
	.page-height.vh-lg-75 {		height: 75vh!important;}
	.page-height.vh-lg-80 {		height: 80vh!important;}
	.page-height.vh-lg-85 {		height: 85vh!important;}
	.page-height.vh-lg-90 {		height: 90vh!important;}
	.page-height.vh-lg-95 {		height: 95vh!important;}
	.page-height.vh-lg-100 {	height: 100vh!important;height:-webkit-fill-available;}
	.page-height.vh-lg-auto {	height: auto!important;}
}

/* MD */
@media (max-width: 1200px) { 
	.page-height.vh-md-5 {		height: calc(5vh - 40px)!important;}
	.page-height.vh-md-10 {		height: calc(10vh - 40px)!important;}
	.page-height.vh-md-15 {		height: calc(15vh - 40px)!important;}
	.page-height.vh-md-20 {		height: calc(20vh - 40px)!important;}
	.page-height.vh-md-25 {		height: calc(25vh - 40px)!important;}
	.page-height.vh-md-30 {		height: calc(30vh - 40px)!important;}
	.page-height.vh-md-33 {		height: calc(33vh - 40px)!important;}
	.page-height.vh-md-40 {		height: calc(40vh - 40px)!important;}
	.page-height.vh-md-50 {		height: calc(50vh - 40px)!important;}
	.page-height.vh-md-60 {		height: calc(60vh - 40px)!important;}
	.page-height.vh-md-66 {		height: calc(66vh - 40px)!important;}
	.page-height.vh-md-70 {		height: calc(70vh - 40px)!important;}
	.page-height.vh-md-75 {		height: calc(75vh - 40px)!important;}
	.page-height.vh-md-80 {		height: calc(80vh - 40px)!important;}
	.page-height.vh-md-85 {		height: calc(85vh - 40px)!important;}
	.page-height.vh-md-90 {		height: calc(90vh - 40px)!important;}
	.page-height.vh-md-95 {		height: calc(95vh - 40px)!important;}
	.page-height.vh-md-100 {	height: calc(100vh - 40px)!important;height:-webkit-fill-available;}
	.page-height.vh-md-auto {	height: auto!important;}
}

/* SM */
@media (max-width: 992px) { 
	.page-height.vh-sm-5 {		height: calc(5vh - 40px)!important;}
	.page-height.vh-sm-10 {		height: calc(10vh - 40px)!important;}
	.page-height.vh-sm-15 {		height: calc(15vh - 40px)!important;}
	.page-height.vh-sm-20 {		height: calc(20vh - 40px)!important;}
	.page-height.vh-sm-25 {		height: calc(25vh - 40px)!important;}
	.page-height.vh-sm-30 {		height: calc(30vh - 40px)!important;}
	.page-height.vh-sm-33 {		height: calc(33vh - 40px)!important;}
	.page-height.vh-sm-40 {		height: calc(40vh - 40px)!important;}
	.page-height.vh-sm-50 {		height: calc(50vh - 40px)!important;}
	.page-height.vh-sm-60 {		height: calc(60vh - 40px)!important;}
	.page-height.vh-sm-66 {		height: calc(66vh - 40px)!important;}
	.page-height.vh-sm-70 {		height: calc(70vh - 40px)!important;}
	.page-height.vh-sm-75 {		height: calc(75vh - 40px)!important;}
	.page-height.vh-sm-80 {		height: calc(80vh - 40px)!important;}
	.page-height.vh-sm-85 {		height: calc(85vh - 40px)!important;}
	.page-height.vh-sm-90 {		height: calc(90vh - 40px)!important;}
	.page-height.vh-sm-95 {		height: calc(95vh - 40px)!important;}
	.page-height.vh-sm-100 {	height: calc(100vh - 40px)!important;height:-webkit-fill-available!important;}
	.page-height.vh-sm-auto {	height: auto!important;}
}

/* XS */
@media (max-width: 768px) {
	.page-height.vh-xs-5 {		height: calc(5vh - 40px)!important;}
	.page-height.vh-xs-10 {		height: calc(10vh - 40px)!important;}
	.page-height.vh-xs-15 {		height: calc(15vh - 40px)!important;}
	.page-height.vh-xs-20 {		height: calc(20vh - 40px)!important;}
	.page-height.vh-xs-25 {		height: calc(25vh - 40px)!important;}
	.page-height.vh-xs-30 {		height: calc(30vh - 40px)!important;}
	.page-height.vh-xs-33 {		height: calc(33vh - 40px)!important;}
	.page-height.vh-xs-40 {		height: calc(40vh - 40px)!important;}
	.page-height.vh-xs-50 {		height: calc(50vh - 40px)!important;}
	.page-height.vh-xs-60 {		height: calc(60vh - 40px)!important;}
	.page-height.vh-xs-66 {		height: calc(66vh - 40px)!important;}
	.page-height.vh-xs-70 {		height: calc(70vh - 40px)!important;}
	.page-height.vh-xs-75 {		height: calc(75vh - 40px)!important;}
	.page-height.vh-xs-80 {		height: calc(80vh - 40px)!important;}
	.page-height.vh-xs-85 {		height: calc(85vh - 40px)!important;}
	.page-height.vh-xs-90 {		height: calc(90vh - 40px)!important;}
	.page-height.vh-xs-95 {		height: calc(80vh - 40px)!important;}
	.page-height.vh-xs-100 {	height: calc(100vh - 40px)!important;height:-webkit-fill-available!important;}
	.page-height.vh-xs-auto {	height: auto!important;}
}




/* Margin
__________________________________________________________*/

.m-auto {
	margin:0 auto!important;
}


/* LG */
@media (max-width: 1600px) { 
	.m-auto-lg { margin:0 auto!important; }
}

/* MD */
@media (max-width: 1200px) { 
	.m-auto-md { margin:0 auto!important; }
}

/* SM */
@media (max-width: 992px) { 
	.m-auto-sm { margin:0 auto!important; }
}

/* XS */
@media (max-width: 768px) {
	.m-auto-xs { margin:0 auto!important; }
}


.m-l {
  margin-left: 15px!important;
}
.m-l-auto {
	margin-left: auto!important;
}
.m-l-none {
  margin-left: 0!important;
}
.m-l-xxxs {
  margin-left: 1px!important;
}
.m-l-xxs {
  margin-left: 3px!important;
}
.m-l-xs {
  margin-left: 5px!important;
}
.m-l-sm {
  margin-left: 10px!important;
}
.m-l-lg {
  margin-left: 20px!important;
}
.m-l-xl {
  margin-left: 30px!important;
}
.m-l-xxl {
  margin-left: 40px!important;
}
.m-l-n {
  margin-left: -15px!important;
}
.m-l-n-xxs {
  margin-left: -1px!important;
}
.m-l-n-xs {
  margin-left: -5px!important;
}
.m-l-n-sm {
  margin-left: -10px!important;
}
.m-l-n-lg {
  margin-left: -20px!important;
}
.m-t {
  margin-top: 15px!important;
}
.m-t-none {
  margin-top: 0!important;
}
.m-t-xxxs {
	margin-top: 1px!important;
}
.m-t-xxs {
  margin-top: 3px!important;
}
.m-t-xs {
	margin-top: 5px!important;
}
.m-t-sm {
  margin-top: 10px!important;
}
.m-t-lg {
  margin-top: 20px!important;
}
.m-t-xl {
  margin-top: 30px!important;
}
.m-t-xxl {
  margin-top: 40px!important;
}
.m-t-xxxl {
  margin-top: 60px!important;
}
.m-t-n {
  margin-top: -15px !important;
}
.m-t-n-xxs {
  margin-top: -1px!important;
}
.m-t-n-xs {
  margin-top: -5px!important;
}
.m-t-n-sm {
  margin-top: -10px!important;
}
.m-t-n-lg {
  margin-top: -20px!important;
}
.m-t-n-xl {
  margin-top: -30px!important;
}
.m-r {
  margin-right: 15px!important;
}
.m-r-none {
  margin-right: 0!important;
}
.m-r-xxxs {
  margin-right: 1px!important;
}
.m-r-xxs {
  margin-right: 3px!important;
}
.m-r-xs {
  margin-right: 5px!important;
}
.m-r-sm {
  margin-right: 10px!important;
}
.m-r-lg {
  margin-right: 20px!important;
}
.m-r-xl {
  margin-right: 30px!important;
}
.m-r-n {
  margin-right: -15px!important;
}
.m-r-n-xxs {
  margin-right: -1px!important;
}
.m-r-n-xs {
  margin-right: -5px!important;
}
.m-r-n-sm {
  margin-right: -10px!important;
}
.m-r-n-lg {
  margin-right: -20px!important;
}
.m-b {
  margin-bottom: 15px!important;
}
.m-b-none {
  margin-bottom: 0!important;
}
.m-b-xxxs {
  margin-bottom: 1px!important;
}
.m-b-xxs {
  margin-bottom: 3px!important;
}
.m-b-xs {
  margin-bottom: 5px!important;
}
.m-b-sm {
  margin-bottom: 10px!important;
}
.m-b-lg {
  margin-bottom: 20px!important;
}
.m-b-xl {
  margin-bottom: 30px!important;
}
.m-b-xxl {
  margin-bottom: 40px!important;
}
.m-b-xxxl {
  margin-bottom: 60px!important;
}
.m-b-n {
  margin-bottom: -15px!important;
}
.m-b-n-xxs {
  margin-bottom: -1px!important;
}
.m-b-n-xs {
  margin-bottom: -5px!important;
}
.m-b-n-sm {
  margin-bottom: -10px!important;
}
.m-b-n-lg {
  margin-bottom: -20px!important;
}


/* LG */
@media (min-width: 1601px) { 
	.m-none-xl 		{	margin:0!important;}
}

/* LG */
@media (max-width: 1600px) { 
	.m-none-lg 		{	margin:0!important;}
}

/* MD */
@media (max-width: 1200px) { 
	.m-none-md 		{	margin:0!important;}
}

/* SM */
@media (max-width: 992px) { 
	.m-none-sm 		{	margin:0!important;}
}

/* XS */
@media (max-width: 768px) {
	.m-none-xs 		{	margin:0!important;}
}



/* Padding
__________________________________________________________*/
.padder-t-none {
  padding-top: 0px!important;
}
.padder-t {
  padding-top: 15px!important;
}
.padder-t-xs {
  padding-top: 5px!important;
}
.padder-t-sm {
  padding-top: 10px!important;
}
.padder-t-lg {
  padding-top: 20px!important;
}
.padder-t-xl {
  padding-top: 30px!important;
}
.padder-t-xxl {
  padding-top: 40px!important;
}
.padder-t-xxxl {
  padding-top: 60px!important;
}
.padder-b {
  padding-bottom: 15px!important;
}
.padder-b-none {
  padding-bottom: 0!important;
}
.padder-b-xs {
  padding-bottom: 5px!important;
}
.padder-b-sm {
  padding-bottom: 10px!important;
}
.padder-b-lg {
  padding-bottom: 20px!important;
}
.padder-b-xl {
  padding-bottom: 30px!important;
}
.padder-b-xxl {
  padding-bottom: 40px!important;
}
.padder-b-xxxl {
  padding-bottom: 60px!important;
}
.padder-l {
  padding-left: 15px!important;
}
.padder-l-xs {
  padding-left: 5px!important;
}
.padder-l-sm {
  padding-left: 10px!important;
}
.padder-l-lg {
  padding-left: 20px!important;
}
.padder-l-xl {
  padding-left: 30px!important;
}
.padder-l-xxl {
  padding-left: 40px!important;
}
.padder-l-xxxl {
  padding-left: 50px!important;
}
.padder-r {
  padding-right: 15px!important;
}
.padder-r-xs {
  padding-right: 5px!important;
}
.padder-r-sm {
  padding-right: 10px!important;
}
.padder-r-lg {
  padding-right: 20px!important;
}
.padder-r-xl {
  padding-right: 30px!important;
}
.padder-r-xxl {
  padding-right: 40px!important;
}
.padder-r-xxxl {
  padding-right: 50px!important;
}

.no-padder {
  padding: 0 !important;
}
.padder-l-none {
  padding-left: 0 !important;
}
.padder-r-none {
  padding-right: 0 !important;
}
.padder-t-none {
  padding-top: 0 !important;
}
.padder-b-none {
  padding-bottom: 0 !important;
}



/* LG */
@media (min-width: 1601px) { 
	.no-padder-xl 	{	padding:0!important;}
	.padder-xl-l 	{	padding-left: 15px!important; }
	.padder-xl-l-lg {	padding-left: 20px!important; }
	.padder-xl-l-xl {	padding-left: 30px!important; }
	.padder-xl-r 	{	padding-right: 15px!important; }
}

/* LG */
@media (max-width: 1600px) { 
	.no-padder-lg 	{	padding:0!important;}
	.padder-lg-l 	{	padding-left: 15px!important; }
	.padder-lg-l-lg {	padding-left: 20px!important; }
	.padder-lg-l-xl {	padding-left: 30px!important; }
	.padder-lg-r 	{	padding-right: 15px!important; }
}

/* MD */
@media (max-width: 1200px) { 
	.no-padder-md 	{	padding:0!important;}
	.padder-md-l 	{	padding-left: 15px!important; }
	.padder-md-l-lg {	padding-left: 20px!important; }
	.padder-md-l-xl {	padding-left: 30px!important; }
	.padder-md-r 	{	padding-right: 15px!important; }
}

/* SM */
@media (max-width: 992px) { 
	.no-padder-sm 	{	padding:0!important;}
	.no-padder-l-sm {	padding-left:0!important;}
	.padder-sm-l 	{	padding-left: 15px!important; }
	.padder-sm-l-lg {	padding-left: 20px!important; }
	.padder-sm-l-xl {	padding-left: 30px!important; }
	.padder-sm-r 	{	padding-right: 15px!important; }
}

/* XS */
@media (max-width: 768px) {
	.no-padder-xs 	{	padding:0!important;}
	.no-padder-l-xs {	padding-left:0!important;}
	.padder-xs-l 	{	padding-left: 15px!important; }
	.padder-xs-l-lg {	padding-left: 20px!important; }
	.padder-xs-l-xl {	padding-left: 30px!important; }
	.padder-xs-r 	{	padding-right: 15px!important; }
}





/* Spacing
__________________________________________________________*/
.spacing-xxxl {
	height:60px;
	overflow:auto;
	clear:both;	
}

.spacing-xxl {
	height:50px;
	overflow:auto;
	clear:both;	
}

.spacing-xl {
	height:40px;
	overflow:auto;
	clear:both;	
}

.spacing-lg {
	height:30px;
	overflow:auto;
	clear:both;	
}

.spacing {
	height:20px;
	overflow:auto;
	clear:both;	
}

.spacing-sm {
	height:10px;
	overflow:auto;
	clear:both;	
}

.spacing-xs {
	height:5px;
	overflow:auto;
	clear:both;	
}

/* Borders
__________________________________________________________*/

.no-border {
	border:0!important;
}

.no-border-radius {
	border-radius:0!important;
}



/* Lines
__________________________________________________________*/

.line {
	border-bottom: solid 1px rgba(0,0,0,0.1);
	width:100%;
	display:block;
	margin:10px 0;
}
.line.sm {
	margin:7px 0;
}
.line.xs {
	margin:3px 0;
}
.line.lg {
	margin:20px 0;
}
.line.xl {
	margin:30px 0;
}

/* Box
__________________________________________________________*/

.box {
	background-color:var(--bg-color-2);
	padding:20px;
	overflow: hidden;
	position: relative;
}

.box.outline {
	background-color:transparent;
	border:solid 1px rgba(0,0,0,0.1);
}
.box.arrow-left {
	overflow: visible;
}

.box.arrow-left:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: var(--bg-color-2);
	border-width: 10px;
	margin-top: -10px;
}

.box.bg-white.arrow-left:after {
	border-right-color: #fff
}

.box.arrow-top:after {
	top: 40px;
}

/* Ratings
__________________________________________________________*/

.rating {
	position: relative;
	line-height: 1;
	display:inline-block;
}

.rating:after,
.rating:before {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 600;
	color: #fbc332;
	letter-spacing: 2px;
	font-size:11px;
}

.rating.lg:after,
.rating.lg:before {
	font-size:13px;
}

.rating.xl:after,
.rating.xl:before {
	font-size:15px;
}

.rating.xxl:after,
.rating.xxl:before {
	font-size:17px;
}

.rating.mono:after,
.rating.mono:before {
	color: var(--color-text);
}

.rating.lg:after,
.rating.lg:before {
	font-size:13px;
}

.rating.xl:after,
.rating.xl:before {
	font-size:15px;
}


/* 1
__________________________________________________________*/

.rating.stars-1:before {
	content:"\f005";
	font-weight: 600;
}
.rating.stars-1:after {
	content:"\f005 \f005 \f005 \f005";
	font-weight: 300;
}

.rating.stars-1-half:before {
	content:"\f005 \f5c0";
	font-weight: 600;
}
.rating.stars-1-half:after {
	content:"\f005 \f005 \f005";
	font-weight: 300;
}

.rating.stars-half:before {
	content:"\f5c0";
	font-weight: 600;
}
.rating.stars-half:after {
	content:"\f005 \f005 \f005 \f005";
	font-weight: 300;
}

/* 2
__________________________________________________________*/

.rating.stars-2:before {
	content:"\f005 \f005";
	font-weight: 600;
}
.rating.stars-2:after {
	content:"\f005 \f005 \f005";
	font-weight: 300;
}

.rating.stars-2-half:before {
	content:"\f005 \f005 \f5c0";
	font-weight: 600;
}
.rating.stars-2-half:after {
	content:"\f005 \f005";
	font-weight: 300;
}
/* 3
__________________________________________________________*/

.rating.stars-3:before {
	content:"\f005 \f005 \f005";
	font-weight: 600;
}
.rating.stars-3:after {
	content:"\f005 \f005";
	font-weight: 300;
}

.rating.stars-3-half:before {
	content:"\f005 \f005 \f005 \f5c0";
	font-weight: 600;
}
.rating.stars-3-half:after {
	content:"\f005";
	font-weight: 300;
}
/* 4
__________________________________________________________*/

.rating.stars-4:before {
	content:"\f005 \f005 \f005 \f005";
	font-weight: 600;
}
.rating.stars-4:after {
	content:"\f005";
	font-weight: 300;
}

.rating.stars-4-half:before {
	content:"\f005 \f005 \f005 \f005 \f5c0";
	font-weight: 600;
}
/* 5
__________________________________________________________*/
.rating.stars-5:after {
	content:"\f005 \f005 \f005 \f005 \f005";
}



/* Review Card
__________________________________________________________*/

.review-card {
	text-align: center;
	padding:30px;
	overflow: hidden;
	background-color:var(--bg-color);
	max-width:500px;
	margin:0 auto;
}

	.review-card .review-card-ratings {
		display:inline-flex;
		justify-content: center;
		align-items: center;
		background-color:var(--bg-color-3);
		padding:10px 15px;
		border-radius:6px;
		font-size:0.75rem;
		font-weight: 700;
		margin:10px 0;
	}

		.review-card .review-card-ratings .rating {
			margin-right:10px;
		}


/* Reviews
__________________________________________________________*/


.reviews {
	font-size:0.9rem;
}

	.reviews.reviews-line {
		overflow-x: hidden;
		overflow-y: hidden;
		white-space: nowrap;
		margin-bottom:17px!important;
	}

		.reviews.reviews-line:hover {
			overflow-x: auto;
			margin-bottom:0!important;
		}

	.reviews .review {
		display:block;
		padding:40px;
		overflow: hidden;
		background-color:var(--bg-color-1);
		margin-bottom:10px;
	}

		.reviews.reviews-line .review {
			display:inline-block;
			width:33%;
			margin-right:10px;
			white-space: normal;
			margin-bottom:0;
		}

		.reviews .review.outline {
			background-color:transparent;
			border:solid 1px rgba(0,0,0,0.1);
		}

		.reviews .review .review-top {
			display:flex;
			line-height: 1.2;
			margin-bottom:20px;
		}

			.reviews .review .review-top img {
				width: 40px;
				height: 40px;
				border-radius:50%;
			}

			.reviews .review .review-top .review-user {
				padding-left:10px;
			}


			.reviews .review .review-top .title {
				font-weight: 700;
				font-size:0.9rem;
				color:var(--color-text);
				margin-bottom:2px;
			}

			.reviews .review p {
				line-height: 1.6;
				margin:0;
			}

			.reviews .review.outline p {
				color:var(--color-text-2);
			}

/* MD */
@media (max-width: 1200px) { 
	
	.reviews.reviews-line {
		overflow-x: auto;
		margin-bottom:0!important;
	}
	
	.reviews.reviews-line .review {
		width:45%;
	}
}

/* SM */
@media (max-width: 992px) { 
	
	.reviews .review {
		padding:30px;
	}
	
	.reviews.reviews-line .review {
		width:60%;
	}
}

/* XS */
@media (max-width: 768px) {
	
	.reviews .review {
		padding:20px;
	}
	
	.reviews.reviews-line .review {
		width:80%;
	}
}







/* Layout system
__________________________________________________________*/

.row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width:100%;
}

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


.row > * {
	padding-left:0.5em;
	padding-right:0.5em;	
}

.row .col-12 {
	flex: 0 0 auto;
	width:100%;
}

.row .col-11 {
	flex: 0 0 auto;
	width: 91.6666666667%;
}
.row .col-10 {
	flex: 0 0 auto;
	width: 83.3333333333%;
}
.row .col-9 {
	flex: 0 0 auto;
	width: 75%;
}
.row .col-8 {
	flex: 0 0 auto;
	width: 66.6666666667%;
}
.row .col-7 {
	flex: 0 0 auto;
	width: 58.3333333333%;
}
.row .col-6 {
	flex: 0 0 auto;
	width: 50%;
}
.row .col-5 {
	flex: 0 0 auto;
	width: 41.6666666667%;
}
.row .col-4 {
	flex: 0 0 auto;
	width: 33.3333333333%;
}
.row .col-3 {
	flex: 0 0 auto;
	width: 25%;
}
.row .col-2 {
	flex: 0 0 auto;
	width: 16.6666666667%;
}
.row .col-1 {
	flex: 0 0 auto;
	width: 8.3333333333%;
}


/* LG */
@media (max-width: 1600px) { 
	.row .col-lg-12 {		width:100%;	}
	.row .col-lg-11 {		width: 91.6666666667%;	}
	.row .col-lg-10 {		width: 83.3333333333%;	}
	.row .col-lg-9 {		width: 75%;	}
	.row .col-lg-8 {		width: 66.6666666667%;	}
	.row .col-lg-7 {		width: 58.3333333333%;	}
	.row .col-lg-6 {		width: 50%;	}
	.row .col-lg-5 {		width: 41.6666666667%;	}
	.row .col-lg-4 {		width: 33.3333333333%;	}
	.row .col-lg-3 {		width: 25%;	}
	.row .col-lg-2 {		width: 16.6666666667%;	}
	.row .col-lg-1 {		width: 8.3333333333%;	}
}

/* MD */
@media (max-width: 1200px) { 
	.row .col-md-12 {		width:100%;	}
	.row .col-md-11 {		width: 91.6666666667%;	}
	.row .col-md-10 {		width: 83.3333333333%;	}
	.row .col-md-9 {		width: 75%;	}
	.row .col-md-8 {		width: 66.6666666667%;	}
	.row .col-md-7 {		width: 58.3333333333%;	}
	.row .col-md-6 {		width: 50%;	}
	.row .col-md-5 {		width: 41.6666666667%;	}
	.row .col-md-4 {		width: 33.3333333333%;	}
	.row .col-md-3 {		width: 25%;	}
	.row .col-md-2 {		width: 16.6666666667%;	}
	.row .col-md-1 {		width: 8.3333333333%;	}
}

/* SM */
@media (max-width: 992px) { 
	.row .col-sm-12 {		width:100%;	}
	.row .col-sm-11 {		width: 91.6666666667%;	}
	.row .col-sm-10 {		width: 83.3333333333%;	}
	.row .col-sm-9 {		width: 75%;	}
	.row .col-sm-8 {		width: 66.6666666667%;	}
	.row .col-sm-7 {		width: 58.3333333333%;	}
	.row .col-sm-6 {		width: 50%;	}
	.row .col-sm-5 {		width: 41.6666666667%;	}
	.row .col-sm-4 {		width: 33.3333333333%;	}
	.row .col-sm-3 {		width: 25%;	}
	.row .col-sm-2 {		width: 16.6666666667%;	}
	.row .col-sm-1 {		width: 8.3333333333%;	}
}

/* XS */
@media (max-width: 768px) {
	.row .col-xs-12 {		width:100%;	}
	.row .col-xs-11 {		width: 91.6666666667%;	}
	.row .col-xs-10 {		width: 83.3333333333%;	}
	.row .col-xs-9 {		width: 75%;	}
	.row .col-xs-8 {		width: 66.6666666667%;	}
	.row .col-xs-7 {		width: 58.3333333333%;	}
	.row .col-xs-6 {		width: 50%;	}
	.row .col-xs-5 {		width: 41.6666666667%;	}
	.row .col-xs-4 {		width: 33.3333333333%;	}
	.row .col-xs-3 {		width: 25%;	}
	.row .col-xs-2 {		width: 16.6666666667%;	}
	.row .col-xs-1 {		width: 8.3333333333%;	}
}


/* Breakpoint XS */
@media (max-width: 768px)
{
    .hidden-xs,.hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint SM */
@media (min-width: 769px) and (max-width: 992px)
{
    .hidden-sm,.hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint MD */
@media (min-width: 993px) and (max-width: 1200px)
{
    .hidden-md,.hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl,.hidden-md
    {
        display: none !important;
    } 
	
}

/* Breakpoint LG */
@media (min-width: 1201px) and (max-width: 1600px)
{
    .hidden-lg,.hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1601px)
{
    .hidden-xl,.hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg,.hidden-xl
    {
        display: none !important;
    } 
}



/* DIAGONAL */

.diagonal-row {
	overflow: hidden;
	margin-right:0%;
}


.diagonal-row .diagonal-container {
	transform:skew(30deg) scale(1.2);
	overflow: hidden;
	height: auto;
	transform-origin: -50% 100%;
}

.diagonal-row .diagonal-container.first {
	transform-origin: 0% 100%;
}

.diagonal-row .diagonal-container.last {
	transform-origin: -100% 100%;;
}


.diagonal-row .diagonal-content {
	transform:skew(-30deg);
	position: relative;	
	height: calc(100% + 7%);
}

.diagonal-row .diagonal-content .diagonal-img {
	transform:scale(1.6,1.6);
}

.diagonal-row .diagonal-content img {
	object-fit: cover;
	object-position: top;
	position: relative;
	z-index:1;
}


/* LG */
@media (max-width: 1600px) { 
	.diagonal-row {
		margin-right:-10%;
	}
}

/* MD */
@media (max-width: 1200px) { 
	.diagonal-row {
		margin-right:-15%;
	}
}

/* SM */
@media (max-width: 992px) { 
	.diagonal-row {
		margin-right:0;
	}
	.diagonal-row .diagonal-container {
		transform:skew(0) scale(1);
		transform-origin: 0 0;
	}
	.diagonal-row .diagonal-content {
		transform:skew(0);
		height: 100%;
	}
}

/* XS */
@media (max-width: 768px) {
	.diagonal-row {
		margin-right:0;
	}
	.diagonal-row .diagonal-container {
		transform:skew(0) scale(1);
		transform-origin: 0 0;
	}
	.diagonal-row .diagonal-content {
		transform:skew(0);
		height: 100%;
	}
}




/* Flex
__________________________________________________________*/

.flex {
	display: flex!important;
	/*justify-content: space-between;*/
	align-items: flex-start;
}

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

.flex-grow-1 {
	flex-grow: 1;
}

.flex-float-right {
	margin-left: auto;order: 2;
}

/* XL */
@media (min-width: 1601px) { 
	.flex-float-right-xl {
		margin-left: auto;order: 2;
	}
}


/* LG */
@media (min-width: 1201px) and (max-width: 1600px) { 
	.flex-float-right-lg {
		margin-left: auto;order: 2;
	}
}

/* MD */
@media  (min-width: 993px) and (max-width: 1200px) { 
	.flex-float-right-md {
		margin-left: auto;order: 2;
	}
}

/* SM */
@media  (min-width: 769px) and (max-width: 992px) { 
	.flex-float-right-sm {
		margin-left: auto;order: 2;
	}
}

/* XS */
@media (max-width: 768px) {
	.flex-float-right-xs {
		margin-left: auto;order: 2;
	}
}


/* Tabs
__________________________________________________________*/

ul.tab-links {
	border:solid 1px #e8e8e9;
	border-radius: .28571429rem;
	overflow: hidden;
}

	ul.tab-links li {
		display:inline-block;
		background-color:var(--bg-color);
		padding:8px;
		line-height: 1;
		font-size:0.8rem;
		margin-right:-4px;
	}

	ul.tab-links li:hover {
		background-color:var(--bg-color-1);
		cursor:pointer;
	}

	ul.tab-links li.active {
		background-color:var(--bg-color-3);
	}

ul.tabs {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}

	ul.tabs li.tab {
		display:none;
		width:100%;
		white-space:normal;
		vertical-align: top;
	}

	ul.tabs li.tab.active {
		display:inline-block;
	}


/* Panels
__________________________________________________________*/

.panel {
	position: fixed;
	transition: all 0.3s ease;
	transform: translateX(300px);
	right:0;
	top:0;
	height:100vh;
	width:300px;
	background-color:var(--bg-color); 
	z-index:200;
	-webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
	overflow-y:auto;
}

.panel-w40 {
	width:40%;
	transform: translateX(100%);
}

.panel-w50 {
	width:50%;
	transform: translateX(100%);
}

.panel.no-ani {
	transition: all 0s ease;
}

.panel.left {
	right:auto;
	left:0;
	transform: translateX(-300px);
	padding-bottom:100px;
}

.panel.top {
	right:0;
	left:0;
	top:0;
	height: auto;
	min-height: 100px;
	width:100%;
	transform: translateY(-200px);
}

.panel.bottom {
	right:0;
	left:0;
	top:auto;
	bottom:0;
	height: auto;
	min-height: 200px;
	width:100%;
	transform: translateY(200px);
}

.panel.in {
	transform: translateX(0);
}

.panel.left .wrapper,
.panel.right .wrapper{
	padding-bottom:20px;
}

.panel-close {
	display:none;
	top:10px;
	right:25px;
	font-size:24px;
}

/* SM */
@media  (max-width: 1500px) { 
	.panel-w50,
	.panel-w40 {
		width:100%;
	}
	
	.panel-close {
		display:block;
	}
}





/* LISTS
__________________________________________________________*/

ul.list {
	overflow: hidden;
	display:flex;
	flex-wrap: wrap;
}



ul.list {
	padding:0;
	margin: 0 0 0 50px;
	vertical-align: middle;
	margin-left: auto;
}

ul.list li {
	list-style: none;
	padding:0;
	margin: 0;
	display:block;
	width:33.33%;
}

ul.list li > span {
	display: block;
}




	ul.list.border li {
		border-bottom:solid 1px var(--color-border);
		padding:5px 0;
	}

	ul.list.border li:last-child {
		border-bottom:0;
	}


	ul.list.xxl li {
		padding:8px 0;
	}

	ul.list.xl li {
		padding:7px 0;
	}

	ul.list.lg li {
		padding:6px 0;
	}
	
	ul.list.md li {
		padding:5px 0;
	}

	ul.list.sm li {
		padding:4px 0;
	}

	ul.list.xs li {
		padding:3px 0;
	}
	
	ul.list.xxs li {
		padding:2px 0;
	}



	ul.list li.hover {
		padding:5px;
	}

	ul.list li.hover:hover {
		background-color:var(--bg-color-3);
	}

	ul.list li.active {
		background-color:var(--bg-color-3);
	}


	ul.list li a {
		display:block;
		padding:10px 0;
		text-decoration: none;
		font-size:0.9rem;
		color:#51596c;
		font-weight: 400;
		line-height: 1;
	}

	ul.list li img {
		display:inline-block;
		vertical-align: middle;
	}

	ul.list li i {
		display:inline-block;
		vertical-align: middle;
		margin-right:5px;
		color:var(--color-text);
		text-align: center;
		width:25px;
	}


	ul.list.sm li a {
		padding:6px 0;
		font-size:0.8rem;
	}

	ul.list.xs li a {
		padding:4px 0;
		font-size:0.75rem;
	}

	ul.list.xxs li a {
		padding:3px 0;
		font-size:0.7rem;
	}


ul.list.list-icons li {
	position: relative;
	padding-left:30px;
}

ul.list.list-icons li::after {
	position: absolute;
	text-align: center;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 400;
	left: 0;
	font-size: 18px;
	color: rgba(0,0,0,0.5);
	top: 50%;
	transform: translateY(-50%);
}

ul.list.list-icons.check li::after {
	color: var(--color-green);
	content: "\f14a";
}

ul.list.list-icons.info li::after {
	color: var(--color-black);
	content: "\f05a";
}

ul.list.list-icons.folder li::after {
	color: var(--color-black);
	content: "\f07c";
}


/* Breakpoint XL */
@media (max-width: 1200px)
{
	
	ul.list.vertical-responsive {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding:0 10px;
		background-color: var(--bg-color-3);
		border-bottom: solid 1px rgba(0,0,0,0.1);
		-webkit-overflow-scrolling: touch;
	}
	
	ul.list.vertical-responsive::-webkit-scrollbar {
		display: none;
	}
	

	ul.list.vertical-responsive li {
		display:inline-block;
		margin-left:-4px;
	}

		ul.list.vertical-responsive li a {
			background-color:transparent;
			border-radius:4px;
			margin-right:5px;
			padding:10px 10px;
			line-height: 1;
		}	
	
		ul.list.vertical-responsive li.active a {
			background-color:var(--bg-color);
		}	
}


/* SCROLLSPY
__________________________________________________________*/

.scrollspy {
	position: relative;
	/*overflow: hidden;*/
}


/* Gamecard
__________________________________________________________*/

.game-card {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 150%;
  perspective: 1000px;
  transition: transform 0.4s;
}
.game-card .cover {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  background-size: cover;
	background-position: center center;
  box-shadow: none;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;
  transform-origin: center;
  will-change: transform;
  transition: transform 0.5s, filter 0.35s;
  /* Gloss */
}
.game-card .cover .gloss {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 20em;
  height: 20em;
  margin-left: -6em;
  margin-top: -17em;
  background: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 33%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  will-change: transform;
  transition: opacity 0.21s ease-in-out;
}
.game-card:hover {
  transform: scale(1.2);
  z-index: 2;
}
.game-card:hover .cover {
  box-shadow: 0px 20px 32px 1px rgba(0,0,0,0.5);
  transition: none;
}
.game-card.shadow-xs:hover .cover {
	box-shadow: 0px 10px 12px 1px rgba(0,0,0,0.5);
}

.game-card:hover .cover .gloss {
  opacity: 0.5;
}


/* Progress
__________________________________________________________*/

.progress {
	display: flex;
	height: 0.75rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: 30px;
	position: relative;
}	

	.progress.xs {
		height: 0.25rem;
	}	

	.progress.sm {
		height: 0.5rem;
	}

	.progress.lg {
		height: 0.75rem;
	}

	.progress.xl {
		height: 1rem;
	}


	.progress .progress-bar {
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		background-color: rgba(0,0,0,0.1);
		transition: width .6s ease;
		border-radius: 30px;
		position: relative;
	}

		.progress.no-zero .progress-bar {
			min-width:30px;
		}

		.progress .progress-bar > div {
			position: absolute;
			right:10px;
			font-size:0.6rem;
		}


/* Input
__________________________________________________________*/


input,
textarea,
select{
	padding: .67857143em 1em;
	border: 1px solid rgba(34,36,38,.15);
	color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
}

input:focus,
textarea:focus,
select:focus{
	border:solid 1px #85b7d9;
}

/* Error */

.input-error {
	position: relative;
}

	.input-error:after {
		position: absolute;
		left:0;
		top:-20px;
		background-color:var(--color-red);
		padding:2px 6px;
		color:#fff;
		content: attr(data-message);
		font-size:0.75rem;
		border-radius: .28571429rem;
		border-bottom-left-radius: 0;
	}

	.input-error input,
	.input-error textarea,
	.input-error select {
		border:solid 1px var(--color-red);
	}

/* Input Placeholders */

::-webkit-input-placeholder {
  color: #c1c2c3;
}

:-ms-input-placeholder {
  color: #c1c2c3;
}

::placeholder {
  color: #c1c2c3;
}

/* Input Placeholders on Focus */

:focus::-webkit-input-placeholder {
  color: #747474;
}

:focus:-ms-input-placeholder {
  color: #747474;
}

:focus::placeholder {
  color: #747474;
}


/* Search
__________________________________________________________*/

.search {
	overflow: hidden;
	position: relative;
	display:inline-block;
}

	.search input {
		width:100%;
		border-radius:30px;
		padding:10px 80px 10px 40px;
		background-color:var(--bg-color);
		display:block;
		border:solid 1px transparent;
	}

	.search input:focus {
		border:solid 1px #85b7d9;
	}

	.search:before {
		position: absolute;
		content: "\f002";
		font-family: "Font Awesome 5 Pro";
		font-style: normal;
		font-weight: 500;
		left:15px;
		top:50%;
		transform: translateY(-50%);
	}

	.search button {
		position: absolute;
		right:5px;
		top:50%;
		transform: translateY(-50%);
		background-color:var(--bg-color-3);
		border-radius:30px;
		padding:7px 20px;
		border:0;
		font-weight: 500;
	}

		.search button:hover {
			background-color:var(--bg-default);
			cursor:pointer;
		}


	.search .loader {
		position: absolute;
		right:15px;
		top:50%;
		transform: translateY(-50%);
		font-size:1rem;
	}



/* Borders
__________________________________________________________*/
.b-none {
  border:0;
}

.b-t {
  border-top: solid 1px rgba(255,255,255,0.1)!important;
}
.b-t-none {
	border-top:0!important;	
}
.b-r {
  border-right: solid 1px rgba(255,255,255,0.1)!important;
}
.b-r-none {
	border-right:0;	
}
.b-b {
  border-bottom: solid 1px rgba(255,255,255,0.1)!important;
}
.b-b-none {
	border-bottom:0!important;	
}
.b-l {
  border-left: solid 1px rgba(255,255,255,0.1)!important;
}
.b-l-none {
	border-left:0;	
}


/* Divider
__________________________________________________________*/

hr.divider {
	background-color:transparent;
	text-align: center;
	border:0;
	border-top: 1px solid rgba(0,0,0,0.1);
	opacity:1;
	line-height: 1;
}


hr.divider::after {
    content: attr(data-content);
	background-color:#fff;
    display: inline-block;
    position: relative;
    top: -12px;
    padding: 0 16px;
	font-size:12px;
}



/* Box Shadow
__________________________________________________________*/

.box-shadow-xxl {
	-webkit-box-shadow: 0px 0 60px 0px;
	-moz-box-shadow: 0px 0 60px 0px;
	box-shadow: 0px 0 60px 0px;
}
.box-shadow-xl {
	-webkit-box-shadow: 0px 0 50px 0px;
	-moz-box-shadow: 0px 0 50px 0px;
	box-shadow: 0px 0 50px 0px;
}
.box-shadow-lg {
	-webkit-box-shadow: 0px 0 40px 0px;
	-moz-box-shadow: 0px 0 40px 0px;
	box-shadow: 0px 0 40px 0px;
}
.box-shadow {
	-webkit-box-shadow: 0px 0 30px 0px;
	-moz-box-shadow: 0px 0 30px 0px;
	box-shadow: 0px 0 30px 0px;
}
.box-shadow-sm {
	-webkit-box-shadow: 0px 0 20px 0px;
	-moz-box-shadow: 0px 0 20px 0px;
	box-shadow: 0px 0 20px 0px;
}
.box-shadow-xs {
	-webkit-box-shadow: 0px 0 10px 0px;
	-moz-box-shadow: 0px 0 10px 0px;
	box-shadow: 0px 0 10px 0px;
}
.box-shadow-xxs {
	-webkit-box-shadow: 0px 0 5px 0px;
	-moz-box-shadow: 0px 0 5px 0px;
	box-shadow: 0px 0 5px 0px;
}


/* Text Shadow
__________________________________________________________*/

.text-shadow-xs {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.text-shadow-sm {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.text-shadow {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.text-shadow-lg {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.text-shadow-xl {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.text-shadow-max {
	text-shadow: 0 0 55px rgba(0, 0, 0, 1);
}




.box-shadow-color-xxl {
	color:rgba(0,0,0,0.8);
}
.box-shadow-color-xl {
	color:rgba(0,0,0,0.7);
}
.box-shadow-color-lg {
	color:rgba(0,0,0,0.6);
}
.box-shadow-color {
	color:rgba(0,0,0,0.5);
}
.box-shadow-color-sm {
	color:rgba(0,0,0,0.4);
}
.box-shadow-color-xs {
	color:rgba(0,0,0,0.3);
}
.box-shadow-color-xxs {
	color:rgba(0,0,0,0.2);
}


/* Animate
__________________________________________________________*/

.animate {
	opacity:0;
}

.animated {
	opacity:1;
}

/* Stripe Dropdown
__________________________________________________________*/

.stripe-dropdown .nav-trigger {
	/* menu icon - visible on small screens only */
	position: absolute;
	right: 0;
	height: 60px;
	width: 60px;
	/* replace text with icon */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: transparent;
}
.stripe-dropdown .nav-trigger span, .stripe-dropdown .nav-trigger span::after, .stripe-dropdown .nav-trigger span::before {
	/* these are the 3 lines of the menu icon */
	position: absolute;
	background-color: #1A1A1A;
	height: 3px;
	width: 26px;
}
.stripe-dropdown .nav-trigger span {
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	transform: translateX(-50%) translateY(-50%);
	transition: background-color .3s;
}
.stripe-dropdown .nav-trigger span::after, .stripe-dropdown .nav-trigger span::before {
	content: '';
	left: 0;
	transition: transform .3s;
}
.stripe-dropdown .nav-trigger span::before {
	transform: translateY(-9px);
}
.stripe-dropdown .nav-trigger span::after {
	transform: translateY(9px);
}
.stripe-dropdown.nav-open .nav-trigger span {
	background-color: transparent;
}
.stripe-dropdown.nav-open .nav-trigger span::before {
	transform: rotate(45deg);
}
.stripe-dropdown.nav-open .nav-trigger span::after {
	transform: rotate(-45deg);
}

.stripe-dropdown .stripe-dropdown-wrapper {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	padding: 1.2em 5%;
	box-shadow: inset 0 1px 0 #e6e6e6;
	background-color: #FFFFFF;
}
.stripe-dropdown.nav-open .stripe-dropdown-wrapper {
	display: block;
}
.stripe-dropdown .dropdown-list > ul > li {
	margin-bottom: 3.3em;
}
.stripe-dropdown .label {
	display: block;
	font-size: 2.2rem;
	color: #1A1A1A;
	margin-bottom: .8em;
}
.stripe-dropdown .content li::after {
	clear: both;
	content: "";
	display: block;
}
.stripe-dropdown .gallery .content li {
	margin-bottom: 1.4em;
}
.stripe-dropdown .gallery .content a {
	display: block;
}
.stripe-dropdown .gallery .content a::before {
	/* icon on the left */
	content: '';
	display: inline-block;
	float: left;
	height: 54px;
	width: 54px;
	border: 2px solid #2C2C2E;
	margin-right: .8em;
	margin-top: .65em;
	border-radius: 50%;
	transition: border 250ms ease;
}
.stripe-dropdown .gallery .content a span, .stripe-dropdown .gallery .content a em {
	display: block;
	line-height: 1.2;
}
.stripe-dropdown .gallery .content a em {
	font-size: 1.8rem;
	padding: .4em 0 .2em;
	color: #1A1A1A;
}
.stripe-dropdown .gallery .content a span {
	font-size: 1.4rem;
	color: #a6a6a6;
}
.stripe-dropdown .gallery .content a:hover::before {
	border-color: #62A9DD;
}
.stripe-dropdown .gallery li:nth-of-type(1) a::before {
}
.stripe-dropdown .gallery li:nth-of-type(2) a::before {
}
.stripe-dropdown .gallery li:nth-of-type(3) a::before {
}
.stripe-dropdown .gallery li:nth-of-type(4) a::before {
}
.stripe-dropdown .links .content > ul > li {
	margin-top: 1em;
}
.stripe-dropdown .links-list a,
.stripe-dropdown .btn {
	display: block;
	font-size: 2.2rem;
	line-height: 2;
}
.stripe-dropdown .content h2 {
	color: #a6a6a6;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.3rem;
	margin: 20px 0 10px 14px;
}

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

	.stripe-dropdown::before {
		content: 'desktop';
		display:none;
	}
	.stripe-dropdown .nav-trigger {
		display: none;
	}
	.stripe-dropdown.is-dropdown-visible .main-nav > ul > li > a {
		/* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
		opacity: .6;
	}
	.stripe-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
		opacity: 1;
	}
	.stripe-dropdown .stripe-dropdown-wrapper {
		/* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
		display: block;
		top: 58px;
		/* overwrite mobile style */
		width: auto;
		padding: 0;
		box-shadow: none;
		background-color: transparent;
		/* Force Hardware acceleration */
		transform: translateZ(0);
		will-change: transform;
		transform: translateY(20px);
		transition: transform .3s;
	}
	.stripe-dropdown.is-dropdown-visible .stripe-dropdown-wrapper {
		transform: translateY(0);
	}
	.stripe-dropdown .dropdown-list {
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		transform: translateZ(0);
		will-change: transform, width, height;
		transition: visibility .3s;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	}
	.no-csstransitions .stripe-dropdown .dropdown-list {
		display: none;
	}
	.stripe-dropdown .dropdown-list::before {
		/* dropdown top triangle */
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		height: 0;
		width: 0;
		border: 8px solid transparent;
		border-bottom-color: #FFFFFF;
		opacity: 0;
		transition: opacity .3s;
	}
	.stripe-dropdown .dropdown-list > ul {
		position: relative;
		z-index: 1;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	.stripe-dropdown.is-dropdown-visible .dropdown-list {
		visibility: visible;
		-webkit-transition: width .3s, height .3s, -webkit-transform .3s;
		transition: width .3s, height .3s, -webkit-transform .3s;
		transition: transform .3s, width .3s, height .3s;
		transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
	}
	.stripe-dropdown.is-dropdown-visible .dropdown-list::before {
		opacity: 1;
	}
	.stripe-dropdown .dropdown {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		visibility: hidden;
		width: 100%;
		-webkit-transition: opacity .3s, visibility .3s;
		transition: opacity .3s, visibility .3s;
	}
	.stripe-dropdown .dropdown.active {
		opacity: 1;
		visibility: visible;
	}
	.stripe-dropdown .dropdown.move-left .content {
		-webkit-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px);
	}
	.stripe-dropdown .dropdown.move-right .content {
		-webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px);
	}
	.stripe-dropdown .label {
		/* hide the label on bigger devices */
		display: none;
	}
	.stripe-dropdown .content {
		padding: 2.2em 1.8em;
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		transition: transform .3s, -webkit-transform .3s;
		text-align: left;
	}
	.stripe-dropdown .content > ul::after {
		clear: both;
		content: "";
		display: block;
	}
	.stripe-dropdown .content > ul > li {
		width: 48%;
		float: left;
		margin-right: 4%;
		margin-top: 0;
	}
	.stripe-dropdown .gallery .content > ul > li:nth-of-type(2n),
	.stripe-dropdown .button .content > ul > li:nth-of-type(2n) {
		margin-right: 0;
	}
	.stripe-dropdown .links .content > ul > li:nth-of-type(3n) {
		margin-right: 0;
	}
	.stripe-dropdown .gallery .content {
		/* you need to set a width for the .content elements because they have a position absolute */
		width: 510px;
		padding-bottom: .8em;
	}
	.stripe-dropdown .gallery .content li {
		margin-bottom: 1.8em;
	}
	.stripe-dropdown .links .content > ul > li {
		margin-top: 0;
		width: 30%;
	}
	.stripe-dropdown .links .content {
		width: 800px;
	}

	.stripe-dropdown .button .content {
		width: 480px;
	}

	.stripe-dropdown .links-list a {
		font-size: 1.6rem;
		margin-left: 0;
	}
	.stripe-dropdown .btn {
		display: block;
		width: 100%;
		height: 44px;
		margin: 1.5em 0 0;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		color: #FFFFFF;
		line-height: 44px;
		background: #62A9DD;
		text-transform: uppercase;
		letter-spacing: 1px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: background 250ms ease;
	}
	.stripe-dropdown .btn:hover {
		background: #4487BA;
		color: #FFFFFF;
	}
	.stripe-dropdown .content h2 {
		font-size: 1.8rem;
		text-transform: none;
		font-weight: normal;
		color: #1A1A1A;
		margin: 0 0 .6em;
	}
	.stripe-dropdown .bg-layer {
		/* morph dropdown background */
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		width: 1px;
		background: #FFFFFF;
		opacity: 0;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		will-change: transform;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.stripe-dropdown.is-dropdown-visible .bg-layer {
		opacity: 1;
		-webkit-transition: opacity .3s, -webkit-transform .3s;
		transition: opacity .3s, -webkit-transform .3s;
		transition: transform .3s, opacity .3s;
		transition: transform .3s, opacity .3s, -webkit-transform .3s;
	}
	
}


/* Swiper
__________________________________________________________*/

.swiper-wrapper {
	margin-bottom:30px;	
}

.swiper.lg .swiper-wrapper {
	margin-bottom:40px;	
}

.swiper.xl .swiper-wrapper {
	margin-bottom:40px;	
}

.swiper.xxl .swiper-wrapper {
	margin-bottom:40px;	
}

.swiper .swiper-slide .swiper-img {
	object-fit: cover;
	object-position: center;
	width:100%;
	height:300px;
	border-radius:4px;
}

.swiper .video-container {
	object-fit: cover;
	object-position: center;
	width:100%;
	height:300px;
	border-radius:4px;
	overflow: hidden;
}



.swiper.lg .swiper-slide .swiper-img,
.swiper.lg .video-container,
.swiper.lg .swiper-slide {
	height:350px;
}

.swiper.xl .swiper-slide .swiper-img,
.swiper.xl .video-container,
.swiper.xl .swiper-slide  {
	height:400px;
}

.swiper.xxl .swiper-slide .swiper-img,
.swiper.xxl .video-container,
.swiper.xxl .swiper-slide  {
	height:450px;
}


.swiper-slide {
	padding-right:16px;
	position: relative;
}

.swiper-slide .video-container {
	width:calc(100% - 16px);
}


.swiper-slide:last-of-type {
    padding-right: 16px !important;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}


.swiper-slide .infos {
	position: absolute;
	bottom:0;
	left: 16px;
	right:0;
	z-index:10;
	color:#fff;
	line-height: 1;
	margin:10px;
	-webkit-transform: translate3d(0,0,0);
}

.swiper-slide .shadow-bottom {
	left:0;
	right:0;
	width:auto;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index:10;
}



.swiper.activeClass .swiper-container {
	overflow:visible;
}

.swiper.activeClass .swiper-slide > div {
	padding:15px;
	transition: all 0.3s ease;
	overflow: hidden;
	margin-left:10px;
	cursor:pointer;
	overflow: hidden;
}

	.swiper-slide.activeClass > div {
		-webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		transform: translateY(-50px);
		background-color:#fff;
	}


.swiper-button-next,
.swiper-button-prev {
	color:#fff;	
	background-color:transparent;
	border:solid 2px #fff;
	border-radius:50%;
	width:80px;
	height: 80px;
	-webkit-transform: translate3d(0,0,0);
}

.swiper-button-disabled {
	background-color:transparent;
	color:#fff;
	opacity: 0.2!important;
}

.swiper-button-prev{
		left:30px;
		top:100px;
	}

	.swiper-button-next{
		right:30px;
		top:100px;
	}


/* LG */
@media (max-width: 1600px) { 
	.swiper-button-prev{
		left:30px;
		top:100px;
	}

	.swiper-button-next{
		right:30px;
		top:100px;
	}
}

/* MD */
@media (max-width: 1200px) { 
	.swiper-button-prev{
		left:30px;
		top:100px;
	}

	.swiper-button-next{
		right:30px;
		top:100px;
	}
}



/* SM */
@media (max-width: 992px) { 
	.swiper-slide {						padding-left:16px;	}
	.swiper-slide .video-container {	left:16px;	}
	
	
	.swiper-button-next,
	.swiper-button-prev {
		width:40px;
		height: 40px;
	}
	
	.swiper-button-next::after, .swiper-button-prev::after {
		font-size:20px;	
	}
	
	.swiper-button-prev{
		left:15px;
	}

	.swiper-button-next{
		right:15px;
	}
	
	
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 30px;
		-webkit-transform: translate3d(0,0,0);
		z-index:99999;
	}
	
}

/* XS */
@media (max-width: 768px) {
	.swiper-slide {						padding-left:16px;	}
	.swiper-slide .video-container {	left:16px;	}
	
	.swiper.activeClass .swiper-slide > div {
		-webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
		transform: translateY(-50px);
		background-color:#fff;
	}
	
}



/* Video
__________________________________________________________*/


.video-container {
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	z-index:2;
	background-color:#000;
}


.video-container video {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: transparent;
	background-position: center center;
	object-fit: cover;
	z-index: 10;

}


.video-container .mute {
	position: absolute;
	top:8px;
	right:8px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	border-radius:4px;
	padding:2px 10px;
	text-align: center;
	z-index:20;
	width:40px;
	-webkit-transform:translateZ(10px);
}


.video-container .fullscreen {
	position: absolute;
	top:8px;
	left:8px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	border-radius:4px;
	padding:2px 10px;
	text-align: center;
	z-index:20;
	width:40px;
	-webkit-transform:translateZ(10px);
}

.video-container .video-loader {
	position: absolute;
	z-index:15;
	width:100%;
	height: 100%;
}

.video-container .video-loader i {
	position: absolute;
	text-align: center;
	color:#fff;
	font-size:20px;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

.video-container .poster {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	object-fit: cover;
	z-index: 9;
}



/* row-skew
__________________________________________________________*/

.row-skew {
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
  /*border:1px solid black;*/
	position: relative;
	 height:600px;
}

.row-skew .parallax-img {
	height:600px;
}

.row-skew section {
  width:calc(50% + 120px);
  height:600px;
  margin:0;
  display:inline-block;
  padding:0;
  box-sizing:border-box;
  -webkit-transform: skewx(22deg);
	overflow: hidden;
	position: relative;
}

.row-skew section div {
  -webkit-transform: skewx(-22deg);
}

.row-skew > section:first-of-type {
  position:absolute;
  background-color:#67a49d;

  left:-120px;
  box-sizing:border-box;
}

.row-skew > section:last-of-type {
  position:absolute;
  right:-120px;
	
  background-color: #548379;
  box-sizing:border-box;
}

.row-skew > section img {
	position: absolute;
	width:200%;
	height: 200%;
	left:50%;
	top:0;
	-webkit-transform: skewx(-22deg) translateX(-50%);
	object-fit: cover;
		object-position: center;
}

/*
@media only screen and (max-width: 768px) {
  
  .row-skew {
    overflow:hidden;
    box-sizing:border-box;
    background-color: #548379;
    height:800px;
  }
	
	.row-skew .parallax-img {
		 height:800px;
	}
	
  .row-skew section {
    display:block;
   width:calc(100%);
  height:auto;
  }

  
  .row-skew .news {
    position:relative;
    padding-left:5%;
    padding-right:5%;
    
    padding-bottom:250px;
    left:auto;
    -webkit-transform:translateY(-140px)  skewy(11deg);
  }

  .row-skew .news .newsContainer {
    -webkit-transform: translateY(140px) skewy(-11deg);
  }

  .row-skew .tweet {
    position:relative;
    -webkit-transform:translateY(-140px) skewy(11deg);
    right:auto;
    padding-left:5%;
    padding-right:5%;
    padding-top:0px;
    padding-bottom:120px;
  }
  
  .row-skew .tweet .tweetContainer{
    -webkit-transform:translateY(0px) skewy(-11deg);
  }
  
}*/



/* CTA Slide In
__________________________________________________________*/

.cta-slidein {
	position: fixed;
	width:100%;
	height: 80px;
	transform:translateY(80px);
	background-color:var(--bg-color);
	border-top: solid 1px rgba(0,0,0,0.1);
	bottom:0;
	left: 0;
	z-index:50;
	transition: all 0.3s ease;
	line-height: 1;
}

.cta-slidein .container,
.cta-slidein .row{
	height:100%;
	min-height: 100%;
	position: relative;
}

	.cta-slidein.in {
		transform:translateY(0);
	}


/* SM */
@media  (max-width: 992px) { 
	.cta-slidein {
		transform:translateY(60px);
		height: 60px;
	}
}





/* FixedPanelLeft
__________________________________________________________*/

.fixedPanelLeft {
	position: fixed;
	width:200px;
	height:100vh;
	z-index:30;
	background-color:#fff;
}

.fixedPanelLeftContainer {
	padding-left:200px;
}

/* SM */
@media  (max-width: 992px) { 
	.fixedPanelLeft {
		display:none;
	}
	.fixedPanelLeftContainer {
		padding-left:0;
	}
}


/* FullScreenScroll
__________________________________________________________*/

.FullScreenScrollContainer {
	display: flex;
	overflow: auto;
	flex: none;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	flex-flow: column nowrap;
	scroll-snap-type: y mandatory;
	position: relative;
}


.FullScreenScrollContainer .FullScreenScroll {
	scroll-snap-align: center;
	flex: none;
	width: 100%;
	height: 100vh;
	height:-webkit-fill-available;
	scroll-snap-align: start;
	overflow: hidden;
	position: relative;
}


.FullScreenScrollSubMenu {
	position:absolute;
	bottom:50px;
	left:50%;
	transform: translateX(-50%);
	z-index:100;
}

.FullScreenScrollSubMenu {
	position:absolute;
	top:100px;
	bottom:auto;
}

.FullScreenScrollSubMenuTitle {
	text-transform: uppercase;
	font-weight: 600;
	padding:15px 13px 0;
	font-size:14px;
	line-height: 1;
	color:#fff;
	display:none;;
}


.FullScreenScrollSubMenu ul {
	display:flex;
	gap:10px;
	justify-content: center;
}

.FullScreenScrollSubMenu ul li {
	flex-shrink: 0;
}
.FullScreenScrollSubMenu ul li a {
	padding:5px 20px;
	text-align: center;
	color:#fff;
	font-family: "Bebas Neue";
	font-size:28px;
	position: relative;
	flex-shrink: 0;
	display: block;
}

.FullScreenScrollSubMenu ul li  a.active {
	color:var(--main-color);
}

.FullScreenScrollSubMenu ul li a:hover {
	cursor: pointer;
}



/*.FullScreenScrollContainer .FullScreenScroll.vh-50 {
	height:50vh;
}

.FullScreenScrollContainer .FullScreenScroll.vh-75 {
	height:75vh;
}
*/

#FullScreenScrollMenu {
	position: fixed;
	top:50%;
	left: 0;
	transform:translate3d(0,-50%,0);
	z-index:55;
}

#FullScreenScrollMenu ul li {
	position: relative;
	width:250px;
	padding:0px 100px;
	color:#fff;
	font-size:70px;
	cursor:pointer;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0px;
	transition: all 0.3s ease;
	border-left: solid 0 #fff;
}
#FullScreenScrollMenu ul li.active {
	border-left: solid 10px #fff;
}

	#FullScreenScrollMenu ul li span {
		font-family: "Bebas Neue";
		text-transform: uppercase;
		opacity:0.5;
		transition: all 0.3s ease;
	}

		#FullScreenScrollMenu ul li.active span,
		#FullScreenScrollMenu ul li:hover span{
			opacity:1;
		}

	#FullScreenScrollMenu ul li:before {
		content:"";
		position: absolute;
		top:50%;
		left: 15px;
		transform:translate3d(0,-50%,0);
		width:8px;
		height: 8px;
		border-radius:50%;
		background-color:rgba(255,255,255,0.2);

		width:1px;
		height: 20px;
		border-radius:0;

		transition: all 0.3s ease;
		display:none;
	}

		#FullScreenScrollMenu ul li.active:before {
			background-color:#fff;
			width:3px;
		}


#FullScreenScrollFooter {
	position: fixed;
	bottom:0;
	left: 0;
	width:100%;
	text-align: center;
	z-index:100;
	transition: all 0.3s ease;
	transform: translate3d(0,100%,0);
}

	#FullScreenScrollFooter.in {
		transform: translate3d(0,0,0);
	}


	#FullScreenScrollFooter ul li {
		display:inline-block;
	}

		#FullScreenScrollFooter ul li a,
		#FullScreenScrollFooter ul li span {
			color:#fff;
			display:block;
			padding:10px 10px;
			font-size:13px;
		}


#FullScreenScrollFooter.in.extra-bottom {
	transform: translate3d(0,-80px,0);
}


/* MD */
@media (max-width: 1200px) {
	#FullScreenScrollMenu {
		width:100%;
		height:40px;
		bottom:0;
		left:0;
		position: fixed;
		top:auto;
		transform: translate3d(0,0,0);
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		background-color:rgba(0,0,0,0.75);
	}
	
	#FullScreenScrollMenu::-webkit-scrollbar {
		display: none;
	}
	
	#FullScreenScrollMenu ul li {
		display: inline-block;
		margin-left: 0;
		width:auto;
		padding:12px 15px;
	}
	
		#FullScreenScrollMenu ul li::before {
			top: 0px;
			left: 0;
			transform: translate3d(0,0,0);
			border-radius: 0;
			background-color: transparent;
			width: 100%;
			height: 2px;
			border-radius: 0;
			transition: all 0.3s ease;
		}

		#FullScreenScrollMenu ul li.active::before {
			background-color: #fff;
			width: 100%;
		}
	
	
		#FullScreenScrollMenu ul li span {
			opacity: 1;
		}
	
	
	#FullScreenScrollFooter.in {
		transform: translate3d(0,-50px,0);
	}
	
	#FullScreenScrollFooter.in.extra-bottom {
		transform: translate3d(0,-50px,0);
	}
	
}





.dot-badge {
	top:-7px;
	margin-left:14px;
	position: absolute;
	width:14px;
	height:14px;
	line-height: 14px;
	text-align: center;
	background-color:var(--color-red);
	border-radius:50%;
	font-size:10px;
}

.dot-badge.relative {
	position: relative;
	margin-left:-5px;
}





/* Toast
__________________________________________________________*/

.toast {
	background: #d6d8d9;
	border-radius: 3px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	cursor: default;
	margin-bottom: 20px;
	/*opacity: 0;*/
	position: fixed;
	padding: 12px 20px;
	/*transition: opacity .5s ease-in-out, transform .5s ease-in-out;*/
	width: auto;
	will-change: opacity, transform;
	z-index: 999999999;
	font-size:0.9rem;
	will-change: transform;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	font-weight: 600;

}

.toast i {
	margin-right:5px;
}

.toast.center:not(.top):not(.bottom) {
	top:50%;
	left:50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-animation: toastCenter 0.25s linear;
	animation: toastCenter 0.25s linear;
}



@-webkit-keyframes toastCenter {
	from {
		transform: translate3d(-50%,-50%,0) scale3d(2,2,2);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastCenter {
	from {
		transform: translate3d(-50%,-50%,0) scale3d(2,2,2);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}



/* TOP */
.toast.top {
	top:0;
	left:50%;
	right:auto;
	transform: translate3d(-50%,-100px,0);
	-webkit-animation: toastTop 0.25s linear;
	animation: toastTop 0.25s linear;

	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.toast.top.out {
	-webkit-animation: toastTopOut 0.25s linear;
	animation: toastTopOut 0.25s linear;
}

@-webkit-keyframes toastTop {
	from {
		transform: translate3d(-50%,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastTop {
	from {
		transform: translate3d(-50%,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes toastTopOut {
	from {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-50%,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}
@keyframes toastTopOut {
	from {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-50%,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}






.toast.top.left {
	top:0;
	left:0;
	transform: translate3d(-10px,-100px,0);
	-webkit-animation: toastTopLeft 0.25s linear;
	animation: toastTopLeft 0.25s linear;

	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.toast.top.left.out {
	-webkit-animation: toastTopLeftOut 0.25s linear;
	animation: toastTopLeftOut 0.25s linear;
}

@-webkit-keyframes toastTopLeft {
	from {
		transform: translate3d(10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastTopLeft {
	from {
		transform: translate3d(10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes toastTopLeftOut {
	from {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}
@keyframes toastTopLeftOut {
	from {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}




.toast.top.right {
	top:0;
	right:0;
	left: auto;
	transform: translate3d(-10px,-100px,0);
	-webkit-animation: toastTopRight 0.25s linear;
	animation: toastTopRight 0.25s linear;

	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.toast.top.right.out {
	-webkit-animation: toastTopRightOut 0.25s linear;
	animation: toastTopRightOut 0.25s linear;
}

@-webkit-keyframes toastTopRight {
	from {
		transform: translate3d(-10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastTopRight {
	from {
		transform: translate3d(-10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes toastTopRightOut {
	from {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}
@keyframes toastTopRightOut {
	from {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-10px,-100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}







/* BOTTOM */
.toast.bottom {
	bottom:0;
	left:50%;
	right:auto;
	transform: translate3d(-50%,100px,0);
	-webkit-animation: toastBottom 0.25s linear;
	animation: toastBottom 0.25s linear;

	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.toast.bottom.out {
	-webkit-animation: toastBottomOut 0.25s linear;
	animation: toastBottomOut 0.25s linear;
}

@-webkit-keyframes toastBottom {
	from {
		transform: translate3d(-50%,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastBottom {
	from {
		transform: translate3d(-50%,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes toastBottomOut {
	from {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-50%,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}
@keyframes toastBottomOut {
	from {
		transform: translate3d(-50%,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-50%,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}




















.toast.bottom.left {
	bottom:0;
	left:0;
	transform: translate3d(-10px,100px,0);
	-webkit-animation: toastBottomLeft 0.25s linear;
	animation: toastBottomLeft 0.25s linear;

	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.toast.bottom.left.out {
	-webkit-animation: toastBottomLeftOut 0.25s linear;
	animation: toastBottomLeftOut 0.25s linear;
}

@-webkit-keyframes toastBottomLeft {
	from {
		transform: translate3d(10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastBottomLeft {
	from {
		transform: translate3d(10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes toastBottomLeftOut {
	from {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}
@keyframes toastBottomLeftOut {
	from {
		transform: translate3d(10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}








.toast.bottom.right {
	bottom:0;
	right:0;
	left: auto;
	transform: translate3d(-10px,100px,0);
	-webkit-animation: toastBottomRight 0.25s linear;
	animation: toastBottomRight 0.25s linear;

	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.toast.bottom.right.out {
	-webkit-animation: toastBottomRightOut 0.25s linear;
	animation: toastBottomRightOut 0.25s linear;
}

@-webkit-keyframes toastBottomRight {
	from {
		transform: translate3d(-10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastBottomRight {
	from {
		transform: translate3d(-10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes toastBottomRightOut {
	from {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}
@keyframes toastBottomRightOut {
	from {
		transform: translate3d(-10px,10px,0);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	to {
		transform: translate3d(-10px,100px,0);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
}



.toast.success {
	background: var(--color-green);
	color:#fff;
}

.toast.warning {
	background: var(--color-yellow);
	color:#fff;
}

.toast.info {
	background: var(--color-blue);
	color:#fff;
}

.toast.error {
	background: var(--color-red);
	color:#fff;
}

.toast.show {
	opacity: 1;
	transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}



.toast .close {
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translate3d(0,-50%,0);
	width: 16px;
	line-height: 1;
}



#toast-mask {
	position: fixed;
	top:0;
	left: 0;
	bottom:0;
	right:0;
	background-color:rgba(0,0,0,0.6);
	z-index:99999999;
	transition: opacity 0.5s ease-out;
	transform: translate3d(0,0,0);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}




/* Breakpoint MD Down */
@media (max-width: 991px)
{

	.toast {
		width:93%!important;
		left:0!important;
		right:0!important;
		transform: translate3d(3%,0,0)!important;
		-webkit-animation: toastResponsive 0.35s linear!important;
		animation: toastResponsive 0.35s linear!important;
	}

	.toast.bottom {
		bottom:0!important;
	}
	.toast.top {
		top:auto!important;
		bottom:0!important;
	}

}


@-webkit-keyframes toastResponsive {
	from {
		transform: translate3d(3%,0,0) scale3d(2,2,2);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(3%,0,0) scale3d(1,1,1);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
@keyframes toastResponsive {
	from {
		transform: translate3d(3%,0,0) scale3d(2,2,2);
		opacity:0;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	to {
		transform: translate3d(3%,0,0) scale3d(1,1,1);
		opacity:1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}