@charset "utf-8";
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}
/******* DEFINING VARIABLES *******/
/******* GENERAL LESS *******/
.float_breaker:after {
  content: "";
  clear: both;
  display: block;
}
hr {
  height: 1px;
  background: #d95d30;
  border: none;
  margin: 20px 0;
}
.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bolden {
  font-weight: 700;
}
.semi_bolden {
  font-weight: 600;
}
.coloured_text {
  color: #d95d30;
}
.coloured_text.grey {
  color: #888888;
}
.coloured_text.white {
  color: #fff;
}
.shadow_one {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
}
.shadow_two {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
}
.shadow_three {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
}
.shadow_four {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
}
.no_shadow {
  -webkit-filter: drop-shadow(0 0 0 rgba(23, 3, 45, 0));
  filter: drop-shadow(0 0 0 rgba(23, 3, 45, 0));
}
.margin_top_5 {
  margin-top: 5px;
}
.margin_top_10 {
  margin-top: 10px;
}
.margin_top_15 {
  margin-top: 15px;
}
.margin_top_20 {
  margin-top: 20px;
}
.margin_top_30 {
  margin-top: 30px;
}
.margin_top_40 {
  margin-top: 40px;
}
.margin_top_60 {
  margin-top: 60px;
}
/* width */
::-webkit-scrollbar {
  width: 11px;
  height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d95d30;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #070001;
}
/* width */
div::-webkit-scrollbar {
  width: 7px;
}
/* Track */
div::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 20px;
}
/* Handle */
div::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  border-radius: 20px;
}
/* Handle on hover */
div::-webkit-scrollbar-thumb:hover {
  background: #070001;
}
.background_basics {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
}
.user_select_false {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
}
.ellipsis_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.word_breaker {
  word-break: break-word;
}
.blinds {
  position: fixed;
  z-index: 14;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0 0, 0, 0.8);
}
.preloader > div {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d95d30;
  font-size: 1rem;
  display: inline-flex;
  font-family: 'Montserrat', sans-serif;
}
.preloader > div > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.preloader > div img {
  width: 35px;
}
.preloader_fullscreen {
  position: fixed;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0 0, 0, 0.8);
  display: table;
}
.preloader_fullscreen > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.preloader_fullscreen > div > div {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  color: #d95d30;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.preloader_fullscreen > div > div img {
  width: 35px;
}
.preloader_fullscreen > div > div > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.line_separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px 0;
}
.line_separator > div:first-child {
  flex: 0 0 50px;
}
.line_separator > div:first-child > div {
  height: 3px;
  border-radius: 20px;
  background: #d95d30;
}
.line_separator > div:last-child {
  flex: 1;
}
.line_separator > div:last-child > div {
  height: 1px;
  background: #bbbbbb;
}
.para_formatted {
  line-height: 160%;
  font-weight: 500;
}
/******* ELEMENTS *******/
* {
  box-sizing: border-box;
}
body {
  background: #e6e6e6;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #070001;
  font-size: 0.9rem;
  -webkit-font-smoothing: antialiased;
}
p {
  margin: 0;
  line-height: 140%;
}
a {
  text-decoration: none;
  border: none;
  color: inherit;
}
img {
  border: none;
  display: block;
}
video {
  border: none;
  display: block;
}
.headerCrossStyling {
  padding: 0;
  margin: 0;
}
h1 {
  padding: 0;
  margin: 0;
  font-size: 3.6rem;
  letter-spacing: -1px;
  line-height: 100%;
}
@media only screen and (min-width: 700px) and (max-width: 900px) {
  h1 {
    font-size: 3.5rem;
  }
}
@media only screen and (min-width: 490px) and (max-width: 700px) {
  h1 {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 490px) {
  h1 {
    font-size: 2.8rem;
  }
}
h2 {
  padding: 0;
  margin: 0;
  font-size: 2.6rem;
  letter-spacing: -1px;
  line-height: 105%;
}
@media only screen and (max-width: 490px) {
  h2 {
    font-size: 1.8rem;
  }
}
h3 {
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: -0.5px;
  font-weight: 500;
}
@media only screen and (max-width: 490px) {
  h3 {
    font-size: 1.35rem;
  }
}
h4 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 110%;
}
h5,
h6 {
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height: 105%;
}
.text_link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  color: #d95d30;
  transition: 0.3s ease;
}
.text_link:hover,
.text_link:active {
  color: #070001;
}
.text_link.two {
  color: #e6e6e6;
}
.text_link.two:hover,
.text_link.two:active {
  color: #d95d30;
}
.text_link.three {
  color: #888888;
}
.text_link.three:hover,
.text_link.three:active {
  color: #d95d30;
}
.page_not_found {
  padding: 60px 40px;
  text-align: center;
}
.page_not_found > div {
  max-width: 580px;
  margin: 0 auto;
}
.page_not_found > div h1 {
  color: #d95d30;
  font-size: 10rem;
}
.page_not_found > div h1.grey {
  color: #888888;
}
.page_not_found > div h1.white {
  color: #fff;
}
.page_not_found > div h3 {
  font-weight: 700;
  margin: 10px 0;
}
.page_not_found > div > div {
  margin: 30px 0 0 0;
}
/******* ERRORS ******

// Page space for all content
.page_space{
	padding: 80px;
}



/******* SECTION AND LINKS ******

// Logo in banner
#logo{
	.shadow_two;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 180px;
	background: #fff;
	border-radius: 0 0 @border_radius 0;
	padding: 20px 40px;

	img{
		width: 100%;
	}
}


// Main navigation links
.nav{
	.bolden;
	.user_select_false;
	.flex_center;
	text-decoration: none;
	transition: @transition;
	color: @color_black;
	font-family: @main_font;
	font-size: 0.9rem;
	text-align: left;
	padding: 12px 30px;

	> div{
		&:first-child{
			width: 30px;
			color: @color_orange;
		}

		&:nth-child(2){
			flex: 1;
			
			> span{
				margin: 0 0 -6px 0;
				display: block;
			}
		}
	}

	i{
		display: block;
	}
	
	&:hover{
		background: @color_orange;
	}
	
	&:active{
		background: @color_orange;
		color: #fff;
		
		> div{
			&:first-child{
				color: #fff;
			}
		}
	}
	
	&.active{
		background: @color_orange;
		color: #fff;
		
		> div{
			&:first-child{
				color: #fff;
			}
		}
	}
}

// Navigation for icons
.nav_icon{
	.user_select_false;
	text-decoration: none;
	transition: @transition;
	color: @color_black;
	font-size: 1rem;
	padding: 12.5px 20px;
	background: #fff;
	text-align: center;
	display: block;
	float: left;
	border-left: 1px solid @color_grey;

	&:last-child{
		border-radius: 0 @border_radius @border_radius 0;
	}

	i{
		font-size: 0.9rem;
		display: block;
	}

	&:hover{
		background: @color_orange;
	}
	
	&:active{
		background: @color_orange;
		color: #fff;
	}
	
	&.active{
		background: @color_orange;
		color: @color_orange;
	}
}

// Text link
.text_link{
	.user_select_false;
	transition: @transition;
	color: @color_orange;
	
	&:hover{
		border-bottom: 3px solid @color_orange;
	}
	
	i{
		margin:0 10px 0 0;
		font-size:0.9rem;
	}
	
	&.dark{
		color:#000;
	
		&:hover{
			color:@color_orange;
		}
	}
	
	&.for_icon{
		margin:0 5px 0 0;
		
		i{
			margin:0;
			font-size:1.8rem;
		}
		
		&:last-child{
			margin:0;
		}
	}
	
	&.disabled{
		color:@color_black;
		cursor:default;
		
		&:hover{
			color:@color_black;
		}
	}
}

// Footer
.footer{
	.shadow_one;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 6px 30px;
	color: #999;
	background: #fff;
	font-size: 0.8rem;
	border-radius: @border_radius 0 0 0;
	-webkit-filter:drop-shadow(0 0 20px rgba(23,3,45,0.1));
	filter:drop-shadow(0 0 20px rgba(23,3,45,0.1));
	
	> div{
		display:table;
		margin:0 auto;
		font-family: @main_font;
		letter-spacing: -1px;
		
		> div{
			display:table-cell;
			vertical-align:middle;
			padding:5px;
			
			> a {
				> img{
					width: 100px;
				}
			}
		}
	}
}



/******* BOXES ******

// Box holder
.box_holder{
	padding: 0 30px;

	.single{
		padding: 30px;

		&.with_border{
			border-bottom: 1px solid @color_orange;
		}

		&.centered{
			padding: 0;
		}
	}

	.double{
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid @color_orange;

		&:last-child{
			border-bottom: none;
		}
		
		> div{
			flex: 0 0 50%;
			padding: 30px;
		}

		&.mini{
			.flex_center;
			
			> div{
				padding: 20px 30px;
			}
		}

		&.with_remover{
			> div{
				&:first-child{
					flex: 1;
				}

				&:last-child{
					flex: inherit;

					.button{
						padding: 10px;

						&:first-child{
							margin: 0 5px 0 0;
						}
					}
					
					i{
						margin: 0;
					}
				}
			}
		}

		&.simple_padding{
			padding: 20px 0 0 0;

			> div{
				&:first-child{
					padding: 0 15px 0 0;
				}

				&:last-child{
					padding: 0 0 0 15px;
				}
			}
		}
	}

	.triple{
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid @color_orange;

		&:last-child{
			border-bottom: none;
		}
		
		> div{
			flex: 0 0 33.33%;
			padding: 30px;
		}

		&.simple_padding{
			padding: 20px 0 0 0;

			> div{
				&:first-child{
					padding: 0;
				}

				&:nth-child(2){
					padding: 0 15px;
				}

				&:last-child{
					padding: 0;
				}
			}
		}

		&.for_calendar{
			padding: 20px 0 0 0;

			> div{
				padding: 0;

				.textarea{
					height: 100px;
				}

				&:first-child{
					flex: 0 0 450px;
				}

				&:nth-child(2){
					flex: 1;
					padding: 0 15px;
				}

				&:last-child{
					flex: 0 0 100px;
				}
			}
		}

		&.with_remover{
			> div{
				&:first-child{
					flex: 0 0 100px;
				}

				&:nth-child(2){
					flex: 1;
				}

				&:last-child{
					flex: inherit;

					.button{
						padding: 10px;

						&:first-child{
							margin: 0 5px 0 0;
						}
					}
					
					i{
						margin: 0;
					}
				}
			}
		}
	}

	.quad{
		display:flex;
		flex-wrap: wrap;
		border-bottom: 1px solid @color_orange;

		&:last-child{
			border-bottom: none;
		}
		
		> div{
			flex: 0 0 25%;
			padding: 30px;
		}

		&.for_course_basic{
			padding: 20px 0 0 0;

			> div{
				padding: 0;
				flex: inherit;

				&:first-child{
					flex: 1;
				}

				&:nth-child(2){
					padding: 0 15px;
				}

				&:last-child{
					padding: 0 0 0 15px;
				}
			}
		}

		&.with_remover{
			> div{
				&:first-child{
					flex: 0 0 100px;
				}

				&:nth-child(2){
					flex: 0 0 400px;
				}

				&:nth-child(3){
					flex: 1;
				}

				&:last-child{
					flex: inherit;

					.button{
						padding: 10px;

						&:first-child{
							margin: 0 5px 0 0;
						}
					}
					
					i{
						margin: 0;
					}
				}
			}
		}
	}

	.date_two{
		display: flex;
		flex-wrap: wrap;

		> div{
			flex: 0 0 50%;
			
			&:first-child{
				padding: 0 5px 0 0;
			}

			&:last-child{
				padding: 0 0 0 5px;
			}
		}
	}

	.date_full{
		display: flex;
		flex-wrap: wrap;

		> div{
			flex: 1;

			&:nth-child(2){
				padding: 0 5px;
			}

			&:nth-child(4){
				padding: 0 5px;
			}
		}
	}

	.time_full{
		.flex_center;
		flex-wrap: wrap;
		margin: 10px -2.5px 0 -2.5px;

		> div{
			padding: 0 2.5px;
			flex: 1;

			&:nth-child(3){
				flex: 0 0 40px;
				text-align: center;
			}
		}
	}

	.with_background{
		background: #fff;
	}

	&.remove_bolden{
		font-weight: 400;
	}

	&.centered{
		max-width: 500px;
		margin: 0 auto;
	}
}

// Boxes
.box_container{
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
	
	.box_one{
		flex: 0 0 33.33%;
		padding: 15px;
		
		> a{
			.flex_center;
			.user_select_false;
			.shadow_one;
			background: #fff;
			padding: 50px 40px;
			transition: @transition;
			border-radius: @border_radius;

			i{
				font-size: 1.5rem;
				color: @color_orange;
			}
			
			> div{
				&:first-child{
					flex: 0 0 45px;
				}

				&:nth-child(2){
					flex: 1;
				}
			}

			&:hover{
				background: @color_orange;
			}
	
			&:active{
				background: @color_orange;
				color: #fff;
				
				i{
					color: #fff;
				}
			}
		}
	}
	
	.box_two{
		flex: 0 0 33.33%;
		padding: 15px;
		
		> a{
			.flex_center;
			.user_select_false;
			.shadow_one;
			background: #fff;
			padding: 50px 40px;
			transition: @transition;
			border-radius: @border_radius;
			
			> div{
				&:first-child{
					flex: 1;
				}
			}

			i{
				color: @color_orange;
			}

			&:hover{
				background: @color_orange;

				i{
					color: @color_black;
				}
			}
	
			&:active{
				background: @color_orange;
				color: #fff;
				
				i{
					color: #fff;
				}
			}
		}
	}
}

// Chunks container
.chunk_container{
	> .single{
		padding: 30px;
		background: #fff;
	}

	.border_radius_top{
		border-radius: @border_radius @border_radius 0 0;
	}

	.border_radius_bottom{
		border-radius: 0 0 @border_radius @border_radius;
	}

	.border_radius{
		border-radius: @border_radius;
	}

	.border_bottom{
		border-bottom: 1px solid @color_orange;
	}
}

// Content box
.content_box{
	margin: 0 0 20px 0;

	&:last-child{
		margin: 0;
	}

	&.one{
		display: flex;
		flex-wrap: wrap;

		> div{
			&:first-child{
				flex: 0 0 250px;

				> div{
					height: 55%;
					min-height: 130px;

					> div{
						.background_basics;
						border-radius: @border_radius 0 0 @border_radius;
						height: 100%;
					}
				}
			}

			&:last-child{
				flex: 1;
				padding: 30px;
				background: #fff;
				border-radius: 0 @border_radius @border_radius @border_radius;
			}
		}
	}

	&.two{
		.flex_center;
		background: #fff;
		padding: 30px;
		border-radius: @border_radius;

		> div{
			padding: 0 30px 0 0;
			flex: 1;

			&:last-child{
				padding: 0;
				text-align: right;

				.button{
					margin: 0;
				}
			}
		}
	}

	&.three{
		background: #fff;
		padding: 30px;
		border-radius: @border_radius;
	}
}



/******* OTHERS ******

// Page link
.page_link{
	.bolden;
	font-size: 0.9rem;
	margin: 5px 0 0 0;

	i{
		margin: 0 10px;
		color: @color_orange;
	}
}

// Deletion Center
.deletion_center{
	position: fixed;
	z-index: 12;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	
	> div{
		.flex_center;
		height: 100%;
		
		> .deletion_center_inner{
			> div{
				&:last-child{
					.flex_center;
					.bolden;
					color: @color_orange;
					font-size: 1.2rem;
					font-family: @main_font;
					background: #fff;
					padding: 30px 40px;
					border-radius: @border_radius;
					
					> div{
						&:last-child{
							flex: 1;
							padding: 0 0 0 20px;
							text-align: right;
		
							.button{
								&:first-child{
									margin: 0 5px 0 0;
								}
							}
						}
					}
				}
			}
		}
	}
}

// Searcher
.searcher_holder{
	.shadow_two;

	.textbox{
		font-size: 1.3rem;
		padding: 30px 80px;
		border: none;
		letter-spacing: -0.5px;
		border-radius: 0 0 @border_radius @border_radius;
	}
}

// Search counter
.search_counter{
	.bolden;
	padding: 15px;
	background: @color_orange;
	color: @color_orange;
	text-align: center;
}

// Load more complete
.load_more_complete{
	.flex_center;
	margin: 30px 20px;
	font-size: 0.8rem;
	text-align: center;
	width: 100%;

	> div{
		&:first-child{
			flex: 1;
			height: 2px;
			background: @color_orange;
		}

		&:nth-child(2){
			padding: 7px 30px;
			background: @color_orange;
			color: #fff;
			border-radius: @border_radius;
		}

		&:last-child{
			flex: 1;
			height: 2px;
			background: @color_orange;
		}
	}
}

// Internal Action Center
.internal_action_center{
	position: fixed;
	z-index: 12;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(29,3,45,0.8);
	display: table;
	
	> div{
		display: table-cell;
		vertical-align: middle;
		text-align: center;

		> div{
			display: inline-block;
			max-width: 800px;

			> div{
				background: #fff;
				
				> div{
					text-align: left;

					&:first-child{
						display: flex;
						background: @color_orange;
						padding: 25px;
						color: #fff;

						> div{
							padding: 5px;

							i{
								font-size: 1.4rem;
								margin: 3px 0 0 0;
							}

							&:last-child{
								flex: 1;
							}
						}
					}

					&:last-child{
						.float_breaker;
						padding: 30px;

						p{
							.bolden;
							font-size: 0.9rem;
							margin: 0 0 10px 0;
						}
	
						.button{
							float:left;

							&:last-child{
								margin: 0 0 0 5px;
							}
						}
					}
				}
			}
		}
	}
}

// Counter boxes
.counter_holder{
	display: flex;
	flex-wrap: wrap;
	padding: 0 22.5px 15px 22.55px;
	margin: -15px 0 0 0;
	
	.counter_box{
		padding: 7.5px;
		
		> div{
			.flex_center;
			.shadow_one;
			background: #fff;
			padding: 15px 30px;
			transition: @transition;

			> div{
				padding: 10px;
			}
		}
	}
}

// Section Header
.section_header{
	.flex_center;
	height: 250px;
	background: @color_orange;
	color: #fff;
	position: relative;

	> div{
		text-align: center;
	}

	&.for_major{
		> div{
			> div{
				background: @color_orange;
				padding: 15px 30px;
				border-radius: @border_radius 0 0 0;
				color: @color_orange;
				position: absolute;
				right: 0;
				bottom: 0;
			}
		}
	}

	&.for_text{
		background: #fff;
		color: @color_orange;
	}

	&.for_edits{
		background: #fff;
		height: 200px;
		color: @color_orange;
		
		> div{
			> div{
				.flex_center;
				display: inline-flex;

				> div{
					padding: 0 5px;
				}
			}
		}
	}
}

// Image Header
.image_header{
	&.single_image{
		background: #fff;
		padding: 80px 80px 0 80px;

		> div{
			display: table;
			width: 100%;

			> div{
				display: table-cell;
				vertical-align: bottom;
				text-align: left;
				width: 50%;

				&:first-child{
					.background_basics;
					height: 360px;
					border-radius: @border_radius @border_radius 0 0;
				}

				&:last-child{
					> div{
						&:first-child{
							padding: 30px;
						}

						&:last-child{
							background: @color_orange;
							padding: 15px 30px;
							border-radius: 0 @border_radius 0 0;
							color: @color_orange;
							display: inline-block;
						}
					}
				}
			}
		}
	}

	// Media changeable
	.media_changeable{
		position: relative;

		> div{
			position: absolute;
			top: 10px;
			right: 10px;
		}
	}

	// > .single_image{
	// 	padding: 80px 0 0 0;

	// 	> div{
	// 		.background_basics;
	// 		max-width: 900px;
	// 		height: 380px;
	// 		position: relative;
	// 		z-index: 1;
	// 		border-radius: @border_radius;
	// 		margin: 0 auto;
	// 	}
	// }
}

// Link to return to previous page
.return_link_holder{
	.shadow_one;
	.flex_center;
	padding: 15px 80px;
	background: #460750;
	color: #fff;
	
	> div{
		.float_breaker;
		flex: 1;

		a, i, span{
			float: left;
			display: block;
		}

		a{
			color: @color_orange;
			transition: @transition;

			&:hover{
				color: @color_orange;
			}
		}

		i{
			margin: 0 10px;
			color: @color_orange;
			font-size: 0.9rem;
		}
	}
}

// No information
.no_information{
	background: #fff;
	border-radius: @border_radius;
	color: @color_orange;
	padding: 40px;

	> div{
		.flex_center;

		> div{
			padding: 10px;

			i{
				display: block;
				font-size: 4rem;
			}
		}
	}
}

// Content image
.content_image{
	text-align: center;
	background: @color_orange;
	color: @color_orange;
	border-radius: @border_radius;

	> div{
		.background_basics;
		height: 340px;
		padding: 10px;
		text-align: right;
		border-radius: @border_radius @border_radius 0 0;

		> div{
			display: inline-block;
		}
	}

	> h5{
		padding: 20px;
	}
}


****/
/******* INPUT LESS *******/
::selection {
  background: #d95d30;
}
::-moz-selection {
  background: #d95d30;
}
::-webkit-input-placeholder {
  color: #bbbbbb;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #bbbbbb;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbbbbb;
}
:-ms-input-placeholder {
  color: #bbbbbb;
}
.button {
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  padding: 13px 35px;
  transition: 0.3s ease;
  background: #d95d30;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  border: none;
  font-size: 0.9rem;
  position: relative;
  overflow: hidden;
}
.button > div:first-child {
  position: relative;
  z-index: 1;
}
.button > div:last-child {
  position: absolute;
  background: #070001;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: 0.3s ease;
}
.button:hover > div:last-child {
  width: 100%;
}
.button:active > div:last-child {
  width: 100%;
}
.button.white {
  background: #fff;
  color: #d95d30;
}
.button.white:hover {
  color: #fff;
}
.button.white:active {
  color: #fff;
}
.button.circular {
  padding: 13px 15px;
}
.button.clear {
  padding: 13px;
  background: none;
  color: #d95d30;
  font-size: 1.2rem;
}
.button.clear:hover {
  color: #070001;
}
.button.clear:active {
  color: #070001;
}
.button.full {
  display: flex;
}
.button.full > div {
  flex: 1;
}
.button.transparent_effect {
  background: rgba(7, 0, 1, 0.1);
  color: #fff;
  padding: 13px 15px;
}
.button.transparent_effect:hover {
  background: #070001;
}
.button.transparent_effect:active {
  background: #070001;
}
.textbox {
  padding: 20px;
  background: none;
  border-radius: 15px;
  transition: 0.3s ease;
  resize: vertical;
  outline: none;
  width: 100%;
  font-size: 1rem;
  border: none;
  color: #070001;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  background: #f1f1f1;
}
.textbox:hover {
  background: #ddd;
}
.textbox:focus {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  background: #fff;
}
.textbox.error {
  border-right: 8px solid #d95d30;
}
.textbox.for_textarea {
  min-height: 200px;
}
.textbox.for_textarea_min {
  min-height: 120px;
}
.textbox.auto_width {
  width: auto;
}
.textbox_with_button {
  position: relative;
}
.textbox_with_button > div:first-child .textbox {
  padding-right: 55px;
}
.textbox_with_button > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.textbox_with_button > div:last-child .button {
  width: 55px;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 15px;
  padding: 15px 10px;
}
.textbox_with_button > div:last-child .preloader {
  padding: 9px 0 9px 9px;
}
.textbox_password {
  position: relative;
}
.textbox_password > div:first-child .textbox {
  padding-right: 55px;
}
.textbox_password > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 5px;
}
.textbox_password > div:last-child a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  font-size: 1.2rem;
  color: #bbbbbb;
  padding: 8px;
  transition: 0.3s ease;
}
.textbox_password > div:last-child a span:last-child {
  display: none;
}
.textbox_password > div:last-child a:hover {
  color: #d95d30;
}
.asterisk {
  font-weight: 700;
  margin: 0 0 0 5px;
  color: #d95d30;
}
.checkbox_domain:after {
  content: "";
  clear: both;
  display: block;
}
.checkbox_domain .checkbox {
  float: left;
  margin: 0 10px 0 0;
}
.checkbox_domain .checkbox:last-child {
  margin: 0;
}
.checkbox_anchor {
  display: none;
}
.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 15px;
  display: inline-flex;
  background: #f1f1f1;
  color: #888888;
  padding: 15px 25px;
  transition: 0.3s ease;
}
.checkbox > div {
  font-weight: 600;
  padding: 0 5px;
}
.checkbox > div:first-child > div {
  border-radius: 10px;
  background: #e6e6e6;
  position: relative;
  width: 20px;
  height: 20px;
  transition: 0.3s ease;
}
.checkbox > div:first-child > div > div {
  position: absolute;
  top: 0;
  left: 5px;
  opacity: 0;
  z-index: 1;
}
.checkbox > div:first-child > div > div i {
  font-size: 0.6rem;
  color: #070001;
}
.checkbox:hover {
  background: #fff;
  color: #070001;
}
.checkbox:hover > div:first-child > div {
  background: #e6e6e6;
}
.checkbox:hover > div:first-child > div > div {
  opacity: 1;
}
.checkbox.checked {
  background: #d95d30;
  color: #fff;
}
.checkbox.checked > div:first-child > div {
  background: rgba(7, 0, 1, 0.1);
}
.checkbox.checked > div:first-child > div > div {
  opacity: 1;
}
.checkbox.checked > div:first-child > div > div i {
  color: #fff;
}
.editorjs_holder {
  background: #fff;
  border-radius: 20px;
  padding: 60px 40px;
}
.form_holder {
  width: 850px;
  margin: 0 auto;
}
.form_label {
  font-weight: 700;
  color: #d95d30;
}
.form_label.grey {
  color: #888888;
}
.form_label.white {
  color: #fff;
}
.frm_err > div {
  display: table;
  max-width: 900px;
  color: #fff;
  background: #d95d30;
  margin: 0 0 10px 0;
  font-size: 0.9rem;
  border-radius: 15px;
}
.frm_err > div > div {
  display: table-cell;
  vertical-align: middle;
}
.frm_err > div > div:first-child {
  width: 40px;
  background: #070001;
  color: #d95d30;
  border-radius: 15px;
  text-align: center;
}
.frm_err > div > div:last-child {
  font-weight: 600;
  padding: 20px 30px 20px 10px;
}
.floating_frm_err {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  z-index: 15;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  text-align: center;
  background: #d95d30;
  color: #fff;
  display: none;
}
.floating_frm_err > div {
  display: table;
  font-size: 1.1rem;
  margin: 0 auto;
}
.floating_frm_err > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.floating_frm_err > div i {
  font-size: 1.4rem;
}
.frm_success {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  z-index: 15;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  text-align: center;
  background: #070001;
  color: #fff;
  display: none;
}
.frm_success > div {
  display: table;
  font-size: 1.1rem;
  margin: 0 auto;
}
.frm_success > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.frm_success > div i {
  font-size: 1.4rem;
}
.field_box {
  position: relative;
}
.field_box > div:first-child {
  font-weight: 600;
  margin: 0 0 10px 5px;
}
.selector {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s ease;
  color: #bbbbbb;
}
.selector > div:first-child {
  flex: 1;
}
.selector > div:first-child > div {
  color: #d95d30;
}
.selector:hover {
  background: #f1f1f1;
}
.selector:active {
  background: #bbbbbb;
  color: #888888;
}
.selector_list_popup {
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.selector_list_popup > div {
  display: table;
  height: 100%;
  width: 100%;
}
.selector_list_popup > div > div {
  display: table-cell;
  vertical-align: middle;
}
.selector_list_popup > div > div > div {
  background: #fff;
  border-radius: 20px;
  max-width: 400px;
  margin: 0 auto;
  padding: 0 0 40px 0;
  position: relative;
}
.selector_list_popup > div > div > div > div:first-child {
  font-weight: 600;
  padding: 40px 30px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}
.selector_list_popup > div > div > div > div:nth-child(2) {
  max-height: 50vh;
  overflow-y: auto;
}
.selector_list_popup > div > div > div > div:last-child {
  position: absolute;
  top: -15px;
  right: -19px;
}
.selector_list_popup .preloader {
  text-align: center;
  padding: 20px 0 0 0;
}
.selector_list_popup .frm_err > div {
  width: 100%;
}
.selector_list_popup .selector_list_box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  padding: 20px 30px;
  border-bottom: 1px solid #e6e6e6;
  transition: 0.3s ease;
  display: block;
}
.selector_list_popup .selector_list_box:hover {
  background: #f1f1f1;
}
.selector_list_popup .selector_list_box:active {
  background: #070001;
  color: #fff;
}
.datetime {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.datetime > div {
  padding: 0 5px;
}
.datetime > div:nth-child(2) {
  flex: 1;
}
.datetime > div:nth-child(3) {
  padding: 0 20px 0 5px;
}
.datetime > div:nth-child(4) {
  border-left: 1px solid #bbbbbb;
  padding: 0 5px 0 20px;
}
.datetime > div:nth-child(5) {
  font-weight: 700;
}
.datetime.equal_widths > div {
  flex: 1;
}
.input_hideshow > .hide_input {
  display: none;
}
.icon_counter {
  overflow: visible;
}
.icon_counter span {
  font-weight: 700;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 3px;
  background: #070001;
  color: #fff;
  padding: 3px 7px;
  border-radius: 30px;
  display: block;
  font-size: 0.6rem;
}
.button_switch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  border-radius: 40px;
  width: 60px;
  height: 30px;
  background: #e6e6e6;
  transition: 0.3s ease;
  opacity: 0.7;
}
.button_switch > div {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease;
  height: 30px;
  width: 30px;
  border: 4px solid #e6e6e6;
  background: #888888;
  border-radius: 50%;
}
.button_switch:hover {
  opacity: 1;
}
.button_switch.active {
  background: #d95d30;
  opacity: 1;
}
.button_switch.active > div {
  background: #fff;
  left: 30px;
  border-color: #d95d30;
}
/******* MEDIA LESS *******/
.media_center {
  position: fixed;
  z-index: 13;
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding: 40px;
}
.media_center > .media_center_inner {
  height: 100%;
  width: 100%;
  background: #e6e6e6;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 20px;
  transition: 0.3s ease;
}
.media_center > .media_center_inner > div:first-child {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  display: flex;
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 10px;
}
.media_center > .media_center_inner > div:first-child > div:first-child {
  flex: 1;
}
.media_center > .media_center_inner > div:nth-child(2) {
  overflow-y: auto;
  flex: 1;
  margin: 5px;
}
.media_center > .media_center_inner > div:nth-child(2) .frm_err {
  display: flex;
  max-width: 100%;
  border-radius: 0 0 30px 30px;
  margin: 0;
}
.media_center > .media_center_inner > div:nth-child(2) .frm_err > div i {
  border-radius: 0 30px 30px 30px;
}
.media_center > .media_center_inner .dropzone_holder {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
}
.media_center .media_chosen.image {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 20px 20px 0 20px;
  display: none;
}
.media_center .media_chosen.image > div {
  display: inline-block;
}
.media_center .media_chosen.image > div > div:first-child {
  background: #e6e6e6;
  border-radius: 20px 20px 0 0;
}
.media_center .media_chosen.image > div > div:first-child > img {
  max-width: 100%;
  max-height: calc(95vh - 100px);
  border-radius: 20px 20px 0 0;
}
.media_center .media_chosen.image > div > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  padding: 10px 10px 10px 20px;
  background: #fff;
  border-radius: 0 0 20px 20px;
}
.media_center .media_chosen.image > div > div:last-child > div:first-child {
  flex: 1;
  text-align: left;
}
.media_center .media_chosen.image > div > div:last-child .button {
  margin: 0 0 0 5px;
}
.media_center .media_chosen.audio {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.media_center .media_chosen.audio > div {
  flex: 0 0 50%;
  height: 100%;
}
.media_center .media_chosen.audio > div:last-child {
  padding: 30px 60px;
}
.media_center .media_chosen.audio > div:last-child .button:first-child {
  margin: 0 5px 0 0;
}
.media_center .media_chosen .preloader {
  padding: 10px;
}
.media_center .preloader {
  background: none;
  padding: 30px 60px;
  text-align: center;
}
.media_center .preloader.for_audio {
  padding: 0 10px;
}
.media_center .dropzone_holder {
  display: none;
}
.media_center.switch_view > .media_center_inner {
  opacity: 0;
}
.media_items_holder {
  display: flex;
  flex-wrap: wrap;
}
.media_items_holder > .image_item {
  flex: 0 0 20%;
  padding: 5px;
}
.media_items_holder > .image_item > div {
  position: relative;
}
.media_items_holder > .image_item > div > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  height: 180px;
  border-radius: 20px 20px 30px 20px;
  transition: 0.3s ease;
}
.media_items_holder > .image_item > div > div:first-child:hover {
  filter: brightness(130%);
}
.media_items_holder > .image_item > div > div:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  border-radius: 30px;
  padding: 10px;
}
.media_items_holder > .image_item > div > div:last-child .button:nth-child(2) {
  margin: 0 0 0 5px;
}
.media_items_holder > .list_audio {
  flex: 0 0 100%;
  padding: 15px;
}
.media_items_holder > .list_audio > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #fff;
  border-radius: 30px;
}
.media_items_holder > .list_audio > div > div:first-child audio {
  display: block;
  min-width: 400px;
}
.media_items_holder > .list_audio > div > div:nth-child(2) {
  padding: 0 20px;
  flex: 1;
}
.media_items_holder > .list_audio > div > div:last-child {
  padding: 10px;
  text-align: right;
}
.media_items_holder > .list_audio > div > div:last-child .button {
  margin: 0 0 0 5px;
}
.media_items_holder > .list_video {
  flex: 0 0 33.33%;
  padding: 15px;
}
.media_items_holder > .list_video > div:first-child video {
  border-radius: 30px 30px 0 0;
  width: 100%;
  height: auto;
}
.media_items_holder > .list_video > div:nth-child(2) {
  background: #fff;
  padding: 20px;
  border-bottom: 1px solid #d95d30;
}
.media_items_holder > .list_video > div:last-child {
  background: #fff;
  border-radius: 0 0 30px 30px;
  padding: 10px 20px;
  text-align: center;
}
.media_items_holder > .list_video > div:last-child .button {
  margin: 0 2.5px;
}
.media_items_holder > .no_information {
  flex: 1;
  margin: 0 15px 15px 15px;
}
.media_items_holder.add_top_margin {
  margin: 15px -15px -15px -15px;
}
.media_base.with_padding_reverse {
  margin: -2.5px;
}
.media_base .media_box.image {
  flex: 0 0 25%;
  padding: 2.5px;
}
.media_base .media_box.image > div {
  position: relative;
}
.media_base .media_box.image > div > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 170px;
  transition: 0.3s ease;
}
.media_base .media_box.image > div > .btn_holder {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  position: absolute;
  top: 0;
  right: 0;
}
.media_base .media_box.image > div > .btn_holder a {
  padding: 10px;
  margin: 0 0 0 3px;
}
.media_base .media_box.image > div > .btn_holder a i {
  margin: 0;
}
.media_base .media_box.image > div > .preloader {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}
.media_base .media_box.audio {
  flex: 0 0 100%;
  padding: 0 0 10px 0;
}
.media_base .media_box.audio:last-child {
  padding: 0;
}
.media_base .media_box.audio > div {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  background: #fff;
  transition: 0.3s ease;
  border: 1px solid #d95d30;
}
.media_base .media_box.audio > div > div:first-child {
  flex: 0 0 55%;
  background: #f1f3f4;
}
.media_base .media_box.audio > div > div:first-child audio {
  width: 100%;
  display: block;
}
.media_base .media_box.audio > div > div:nth-child(2) {
  font-weight: 700;
  flex: 1;
}
.media_base .media_box.audio > div > div:nth-child(2) .audio_dp_name {
  padding: 0 20px;
  display: block;
  font-size: 0.9rem;
  line-height: 100%;
}
.media_base .media_box.audio > div > div:nth-child(2) .audio_select_confirm_box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d95d30;
}
.media_base .media_box.audio > div > div:nth-child(2) .audio_select_confirm_box > div:first-child {
  flex: 1;
  padding: 16px 20px;
}
.media_base .media_box.audio > div > div:nth-child(2) .audio_select_confirm_box > div:last-child {
  padding: 0 0 0 10px;
}
.media_base .media_box.audio > div > div:nth-child(2) .audio_select_confirm_box > div:last-child .button:first-child {
  margin: 0 3px 0 0;
}
.media_base .media_box.audio > div > div:last-child {
  text-align: center;
}
.media_base .media_box.audio > div > div:last-child .button {
  padding: 16px 15px;
}
.media_base .media_box.audio > div > div:last-child .button i {
  margin: 0;
}
.media_base .media_box.audio > div > div:last-child .button:last-child {
  margin: 0 0 0 3px;
}
.media_base .media_box.youtube {
  flex: 0 0 25%;
  padding: 2.5px;
}
.media_base .media_box.youtube > div {
  position: relative;
}
.media_base .media_box.youtube > div > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 170px;
  transition: 0.3s ease;
}
.media_base .media_box.youtube > div > .btn_holder {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  position: absolute;
  top: 0;
  right: 0;
}
.media_base .media_box.youtube > div > .btn_holder a {
  padding: 10px;
  margin: 0 0 0 3px;
}
.media_base .media_box.youtube > div > .btn_holder a i {
  margin: 0;
}
.media_base .media_box.youtube > div > .caption {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.media_base .media_box.youtube > div > .caption > a {
  display: block;
  padding: 10px;
  background: #d95d30;
  text-align: center;
  color: #fff;
  font-size: 0.9rem;
  transition: 0.3s ease;
}
.media_base .media_box.youtube > div > .caption:hover > a {
  padding: 30px 10px 60px 10px;
  opacity: 0.8;
}
.media_base .media_box.youtube > div > .preloader {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}
.media_base .media_chosen.image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.media_base .media_chosen.image > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  background-size: contain;
  flex: 1;
  height: 100%;
}
.media_base .media_chosen.image > div:last-child {
  padding: 30px 60px;
}
.media_base .media_chosen.image > div:last-child .button:first-child {
  margin: 0 5px 0 0;
}
.media_base .media_chosen.audio {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.media_base .media_chosen.audio > div {
  flex: 0 0 50%;
  height: 100%;
}
.media_base .media_chosen.audio > div:last-child {
  padding: 30px 60px;
}
.media_base .media_chosen.audio > div:last-child .button:first-child {
  margin: 0 5px 0 0;
}
.media_base .media_chosen .preloader {
  padding: 10px;
}
.media_base .preloader {
  background: none;
  padding: 30px 60px;
  text-align: center;
}
.media_base .preloader.for_audio {
  padding: 0 10px;
}
.crop_centre {
  display: none;
  position: fixed;
  z-index: 15;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding: 30px;
  text-align: center;
}
.crop_centre > .crop_centre_inner {
  height: 85vh;
  display: table;
  margin: 0 auto;
}
.crop_centre > .crop_centre_inner > div {
  display: table-cell;
  vertical-align: top;
}
.crop_centre > .crop_centre_inner > div:first-child {
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  display: inline-block;
  border-radius: 10px;
}
.crop_centre > .crop_centre_inner > div:first-child > img {
  max-width: 100%;
  max-height: 85vh;
}
.crop_centre > .crop_centre_inner > div:last-child {
  padding: 0 0 0 10px;
  position: relative;
}
.crop_centre > .crop_centre_inner > div:last-child > div:first-child > div:first-child {
  margin: 0 0 8px 0;
}
.crop_centre > .crop_centre_inner > div:last-child > div:first-child > div:last-child {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #555;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu {
  display: none;
  position: absolute;
  z-index: 1;
  right: 50px;
  top: 0;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  display: flex;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div {
  padding: 0 5px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div > div {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  border-radius: 20px;
  background: #fff;
  padding: 15px 0 0 0;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div > div h5 {
  font-weight: 600;
  padding: 5px 10px 15px 10px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div > div > div {
  display: flex;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link {
  border-right: 1px solid #e6e6e6;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link:first-child {
  border-bottom-left-radius: 20px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link:last-child {
  border-right: none;
  border-bottom: none;
  border-bottom-right-radius: 20px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link.rotate i {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.crop_centre > .crop_centre_inner > div:last-child .preloader {
  position: absolute;
  right: 20px;
  top: 0;
  border-radius: 0 0 0 20px;
  background: #fff;
  padding: 20px 50px;
}
.crop_centre > .crop_centre_inner > div:last-child .preloader > div {
  font-weight: 600;
  font-size: 1rem;
}
.crop_centre > .crop_centre_inner > div:last-child .frm_err {
  position: absolute;
  right: 53px;
  top: 0;
  white-space: nowrap;
}
.crop_centre > .crop_centre_inner > div:last-child .frm_err > div > div:first-child {
  padding: 0 20px;
}
.audio_displayer {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  background: #f1f3f4;
  padding: 20px;
}
.audio_displayer audio {
  width: 100%;
}
.dropzone_holder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s ease;
  border-radius: 30px;
  background: #f1f1f1;
  padding: 10px;
  position: relative;
}
.dropzone_holder .media_dropzone {
  width: 100%;
  min-height: 170px;
  border: 2px dashed #bbbbbb;
  border-radius: 30px;
  padding: 5px;
  transition: 0.3s ease;
  display: flex;
  flex-wrap: wrap;
}
.dropzone_holder .media_dropzone .dz-preview {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  text-align: center;
  display: inline-block;
  margin: 5px;
  border-radius: 30px;
  overflow: hidden;
  background: #070001;
  position: relative;
  height: 147px;
  flex-basis: calc(20% - 10px);
}
.dropzone_holder .media_dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}
.dropzone_holder .media_dropzone .dz-preview .dz-image img {
  max-width: 200px;
  min-height: 147px;
}
.dropzone_holder .media_dropzone .dz-preview .dz-details {
  display: none;
  opacity: 0;
}
.dropzone_holder .media_dropzone .dz-preview .dz-progress {
  background: #fff;
  -webkit-filter: drop-shadow(0 -20px 10px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 -20px 10px rgba(0, 0, 0, 0.15));
  position: absolute;
  border-radius: 30px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.dropzone_holder .media_dropzone .dz-preview .dz-progress > span {
  background: #d95d30;
  height: 12px;
  width: 0;
  display: block;
  border-radius: 30px;
}
.dropzone_holder .media_dropzone .dz-preview .dz-error-message {
  display: none;
  background: #d95d30;
  position: absolute;
  color: #fff;
  bottom: 4px;
  padding: 10px;
  font-size: 0.8rem;
}
.dropzone_holder .media_dropzone .dz-preview .dz-success-mark {
  display: none;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.dropzone_holder .media_dropzone .dz-preview .dz-success-mark svg {
  width: 30px;
}
.dropzone_holder .media_dropzone .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.dropzone_holder .media_dropzone .dz-preview .dz-error-mark svg {
  width: 30px;
}
.dropzone_holder #disp_message {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
}
.dropzone_holder #disp_message > div {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  height: 100%;
}
.dropzone_holder #disp_message > div > div {
  padding: 10px;
  color: #888888;
}
.dropzone_holder #disp_message > div > div:first-child {
  font-size: 1.8rem;
}
.dropzone_holder #disp_message > div > div:last-child {
  font-weight: 600;
  font-size: 1.1rem;
}
.dropzone_holder #disp_message.hide {
  display: none;
}
.dropzone_holder.dragover {
  background: #fff;
  padding: 20px;
}
.dropzone_holder.dragover .media_dropzone {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.25);
  border: 3px dashed #d95d30;
  min-height: 150px;
}
.dropzone_holder.dragover #disp_message > div > div {
  color: #bbbbbb;
}
.dropzone_holder:hover {
  background: #fff;
}
.dropzone_holder:hover .media_dropzone {
  border-color: #d95d30;
}
.dropzone_holder:hover #disp_message > div > div {
  color: #d95d30;
}
.dropzone_holder:active {
  background: #f1f1f1;
}
.dropzone_holder:active .media_dropzone {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.25);
  border: 3px dashed #bbbbbb;
}
.dropzone_holder:active #disp_message > div > div {
  color: #070001;
}
.image_viewer {
  display: none;
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image_viewer > div:first-child {
  display: table;
  width: 100%;
  height: 100%;
}
.image_viewer > div:first-child > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}
.image_viewer > div:first-child > div > div {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.image_viewer > div:first-child > div > div img {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  max-height: 95vh;
  max-width: 100%;
  border-radius: 30px;
}
.image_viewer > div:first-child > div > div > div {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}
.media_sections {
  display: flex;
  flex-wrap: wrap;
}
.media_sections > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  flex: 0 0 20%;
}
.media_sections > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(23, 3, 45, 0.75);
  text-align: center;
  height: 100vh;
}
.media_sections > div > div > div {
  padding: 30px;
  color: #fff;
}
.video_conversion_alert {
  margin: 0 0 15px 0;
}
.video_conversion_alert > div {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  padding: 5px 15px;
  border-radius: 20px;
  background: #fff;
  color: #d95d30;
}
.video_conversion_alert > div > div {
  padding: 10px;
}
.video_conversion_alert > div > div img {
  width: 30px;
}
.video_conversion_alert.queued > div {
  color: #bbbbbb;
}
.video_conversion_alert.done > div {
  background: #d95d30;
  color: #fff;
}
/******* DRAGGABLE LESS *******/
.draggable_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.draggable_list.special_dragger .drag_handle {
  display: none;
}
.draggable_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px 16px 15px 30px;
  position: relative;
  will-change: transform;
  background: #fff;
  border-radius: 20px;
}
.draggable_item > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
.draggable_item .drag_handle {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.draggable_item .drag_handle::after {
  content: '⠿';
  font-size: 25px;
  color: #00000099;
}
.draggable_item.is_idle {
  background: #f1f1f1;
  opacity: 0.6;
  transition: 0.25s ease transform;
}
.draggable_item.is_idle .drag_handle {
  cursor: grab;
}
.draggable_item.is_draggable {
  z-index: 10;
  cursor: grabbing;
  opacity: 1;
}
.draggable_item.is_draggable .drag_handle {
  cursor: grabbing;
}
.draggable_item.without_styling {
  display: initial;
  align-items: initial;
  justify-content: initial;
  padding: initial;
  background: initial;
  border-radius: initial;
}
.draggable_item.without_styling > div:first-child {
  flex: initial;
  padding: initial;
}
.draggable_item.without_styling.is_idle {
  background: initial;
  opacity: 1;
}
.reorder_mode_box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  background: #fff;
  border-radius: 20px;
  padding: 15px 30px;
  color: #d95d30;
}
.reorder_mode_box > div:first-child {
  flex: 1;
}
/******* CUSTOM LESS *******/
.image_shade {
  background: #d95d30;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.arrow_and_line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow_and_line > div:first-child {
  font-size: 1.3rem;
  color: #d95d30;
}
.arrow_and_line > div:last-child {
  flex: 1;
  padding: 0 0 0 5px;
}
.arrow_and_line > div:last-child > div {
  height: 0.5px;
  background: #d95d30;
}
.arrow_and_line.with_text > div:nth-child(2) {
  padding: 0 5px 0 10px;
}
.arrow_line_button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
  position: relative;
}
.arrow_line_button > div:first-child {
  font-size: 1.1rem;
  color: #bbbbbb;
}
.arrow_line_button > div:nth-child(2) {
  flex: 1;
  padding: 0 10px;
}
.arrow_line_button > div:nth-child(2) > div {
  height: 0.5px;
  background: #bbbbbb;
}
.arrow_line_subtext {
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow_line_subtext > div:first-child {
  font-size: 1.3rem;
  color: #d95d30;
  padding: 0 10px 0 0;
}
.arrow_line_subtext > div:nth-child(3) {
  flex: 1;
  padding: 0 10px;
}
.arrow_line_subtext > div:nth-child(3) > div {
  height: 0.5px;
  background: #d95d30;
}
.banner {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  display: flex;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 40px 20px 50px;
  transition: 0.3s ease;
  background: #fff;
}
.banner > div:first-child > .hamburger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  width: 22px;
  height: 22px;
  margin: 10px 0 0 5px;
}
.banner > div:first-child > .hamburger > div {
  position: absolute;
  width: 7px;
  height: 7.5px;
  background: #070001;
  border-radius: 50%;
  transition: 0.3s ease;
}
.banner > div:first-child > .hamburger > div:first-child {
  top: 0;
  left: 0;
}
.banner > div:first-child > .hamburger > div:nth-child(2) {
  top: 0;
  right: 0;
}
.banner > div:first-child > .hamburger > div:nth-child(3) {
  bottom: 0;
  left: 0;
}
.banner > div:first-child > .hamburger > div:last-child {
  bottom: 0;
  right: 0;
}
.banner > div:first-child > .hamburger > div:nth-child(n+3) {
  background: #d95d30;
}
.banner > div:first-child > .hamburger:hover > div {
  background: #d95d30;
}
.banner > div:first-child > .hamburger:hover > div:first-child {
  width: 100%;
  border-radius: 20px;
}
.banner > div:first-child > .hamburger:hover > div:nth-child(n+3) {
  background: #070001;
}
.banner > div:nth-child(2) {
  flex: 1;
  padding: 0 30px;
}
.banner > div:nth-child(2) > a {
  display: inline-flex;
}
.banner > div:nth-child(2) > a > img {
  width: 103px;
}
.banner > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.banner > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.user_button {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 0 20px 0 0;
}
.user_button > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}
.user_button > div:last-child {
  padding: 0 0 0 12px;
}
.user_button > div:last-child h5 {
  color: #d95d30;
  font-weight: 600;
}
.user_button > div:last-child h5.grey {
  color: #888888;
}
.user_button > div:last-child h5.white {
  color: #fff;
}
.navigation {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 310px;
  height: 100%;
  background: #fff;
  padding: 90px 0 0 0;
}
.navigation > div {
  height: 100%;
  overflow-y: auto;
  padding: 20px 40px;
}
.navigation a.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  color: #bbbbbb;
  border-radius: 20px;
  padding: 18px 30px;
  transition: 0.3s ease;
}
.navigation a.nav > div:first-child {
  font-size: 1.1rem;
}
.navigation a.nav > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
  font-size: 1rem;
}
.navigation a.nav:hover {
  color: #070001;
}
.navigation a.nav.active {
  background: #f1f1f1;
  color: #d95d30;
}
.dashboard_major {
  margin: 90px 0 0 310px;
  padding: 40px 40px 60px 40px;
}
.button_holder {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.button_holder > div {
  flex: 1;
  padding: 10px;
}
.major_stats {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.major_stats > div {
  flex: 1;
  padding: 10px;
}
.major_stats > div > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  background: #fff;
  padding: 40px 30px;
  border-radius: 30px;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}
.major_stats > div > a > div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.major_stats > div > a > div > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
.major_stats > div > a > div > div:first-child > div {
  display: table;
  position: relative;
  z-index: 1;
}
.major_stats > div > a > div > div:first-child > div > div {
  display: table-cell;
  vertical-align: middle;
}
.major_stats > div > a > div > div:first-child > div > div:first-child {
  background: #d95d30;
  border-radius: 15px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
}
.major_stats > div > a > div > div:first-child > div > div:last-child {
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #d95d30;
}
.major_stats > div > a > div > div:last-child > h1 {
  color: #d95d30;
}
.major_stats > div > a > div > div:last-child > h1.grey {
  color: #888888;
}
.major_stats > div > a > div > div:last-child > h1.white {
  color: #fff;
}
.major_stats > div > a > span {
  position: absolute;
  bottom: -28px;
  right: -10px;
  color: #f1f1f1;
  font-size: 6.5rem;
}
.major_stats > div > a:hover {
  background: #070001;
}
.major_stats > div > a:hover > div > div:first-child > div > div:first-child {
  background: #fff;
  color: #070001;
}
.major_stats > div > a:hover > div > div:first-child > div > div:last-child {
  color: #fff;
}
.major_stats > div > a:hover > div > div:last-child > h1 {
  color: #fff;
}
.major_stats > div > a:hover > span {
  color: #888888;
  opacity: 0.35;
}
.empty_state {
  text-align: center;
  background: #f1f1f1;
  padding: 60px 40px;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.empty_state > div {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.empty_state > div > div:first-child {
  font-size: 6.5rem;
  color: #ddd;
}
.empty_state > div > div:last-child {
  padding: 0 0 0 20px;
  color: #888888;
}
.image_box {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  height: 460px;
  margin: 30px 0 0 0;
}
.image_box > div:first-child {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  text-align: right;
}
.image_box.square {
  width: 460px;
  margin: 30px auto 0 auto;
}
.custom_box.one {
  padding: 50px;
  background: #fff;
  border-radius: 30px;
}
.custom_box.two > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
  background: #f1f1f1;
  border-radius: 30px;
}
.custom_box.two > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 20px 0 0;
}
.custom_box.three {
  padding: 40px;
  background: #fff;
  border-radius: 30px;
}
.custom_box.three span {
  margin: 0 10px;
  color: #bbbbbb;
}
.custom_box.bg_black > div {
  background: #070001;
  color: #fff;
}
.custom_box.bg_white > div {
  background: #fff;
}
.return_link {
  margin: 0 0 30px 0;
}
.return_link > div {
  display: table;
  background: #fff;
  border-radius: 30px;
}
.return_link > div > div {
  display: table-cell;
  vertical-align: middle;
}
.return_link > div > div:last-child {
  font-weight: 600;
  padding: 0 40px 0 15px;
}
.menu_available.for_options {
  position: relative;
}
.menu_holder {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.2));
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 50px;
  border-radius: 20px;
  background: #fff;
  padding: 30px 0;
  min-width: 200px;
  display: none;
}
.menu_holder.for_options {
  max-width: 280px;
  bottom: auto;
  top: 50px;
}
.menu_holder.for_options > div {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
}
.menu_holder.for_options .checkbox {
  display: flex;
  border-radius: 0;
  white-space: nowrap;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
  background: white;
}
.menu_holder.for_options .checkbox > div:last-child {
  flex: 1;
}
.menu_holder.for_options .checkbox:hover {
  background: #e6e6e6;
  color: #070001;
}
.menu_holder.for_options .checkbox:hover > div:first-child > div {
  background: #f1f1f1;
}
.menu_holder.for_options .checkbox:hover > div:first-child > div > div {
  opacity: 1;
}
.menu_holder.for_options .checkbox.checked {
  background: #fff;
  color: #d95d30;
}
.menu_holder.for_options .checkbox.checked > div:first-child > div {
  background: #d95d30;
}
.menu_holder.for_options .checkbox.checked > div:first-child > div > div {
  opacity: 1;
}
.menu_holder.for_options .checkbox.checked > div:first-child > div > div i {
  color: #fff;
}
.menu_link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  display: block;
  padding: 10px 20px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  transition: 0.3s ease;
}
.menu_link:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.menu_link:hover {
  background: #f1f1f1;
}
.menu_link:active {
  background: #070001;
  color: #fff;
}
.menu_link.active {
  background: #070001;
  color: #fff;
}
.deletion_centre {
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
}
.deletion_centre > div {
  display: table;
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
}
.deletion_centre > div > div {
  display: table-cell;
  vertical-align: middle;
}
.deletion_centre > div > div > .deletion_centre_inner {
  border-radius: 30px;
  background: #d95d30;
}
.deletion_centre > div > div > .deletion_centre_inner > div:first-child {
  padding: 60px;
  text-align: center;
  color: #fff;
}
.deletion_centre > div > div > .deletion_centre_inner > div:first-child h3 {
  font-weight: 600;
  margin: 0 0 5px 0;
}
.deletion_centre > div > div > .deletion_centre_inner > div:first-child span {
  font-weight: 600;
  color: #070001;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child {
  padding: 20px;
  background: #fff;
  border-radius: 30px;
  text-align: center;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child > div {
  display: inline-block;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child > div:after {
  content: "";
  clear: both;
  display: block;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child > div > .button {
  float: left;
  margin: 2.5px;
}
.advance_content > p {
  margin: 10px 0;
}
.advance_content > p a {
  color: #d95d30;
  transition: 0.3s ease;
}
.advance_content > p a:hover {
  font-weight: 600;
  color: #070001;
  border-bottom: 3px solid #d95d30;
}
.advance_content li {
  margin: 8px 0 0 0;
  line-height: 140%;
}
.advance_content li:first-child {
  margin: 0;
}
.advance_content > h3 {
  font-weight: 700;
  margin: 30px 0 -10px 0;
}
.advance_content > h4 {
  margin: 20px 0 0 0;
}
.advance_content > .image {
  margin: 30px 0;
}
.advance_content > .image > div:first-child {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.advance_content > .image > div:first-child img {
  width: 100%;
  border-radius: 30px;
}
.advance_content > .image > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0 0;
}
.advance_content > .image > div:nth-child(2) > div:first-child {
  font-size: 1.1rem;
  color: #d95d30;
}
.advance_content > .image > div:nth-child(2) > div:nth-child(2) {
  flex: 1;
  padding: 0 10px;
}
.advance_content > .image > div:nth-child(2) > div:nth-child(2) > div {
  height: 1px;
  background: #d95d30;
}
.advance_content > .image > div:nth-child(2) > div:last-child h5 {
  font-weight: 700;
  color: #bbbbbb;
}
.advance_content > .embed {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  margin: 30px 0;
  background: #fff;
}
.advance_content > .embed > div:first-child iframe {
  width: 100%;
}
.advance_content > .embed.with_caption > div:last-child {
  font-weight: 700;
  padding: 30px;
}
.advance_content > table {
  border-collapse: collapse;
  width: 100%;
  margin: 30px 0;
}
.advance_content > table tr th {
  border: 1px solid #fff;
  color: #fff;
  padding: 15px;
  background: #d95d30;
  text-align: left;
}
.advance_content > table tr td {
  border: 1px solid #ddd;
  padding: 15px;
  text-align: left;
}
.advance_content > .delimiter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 39px 0;
}
.advance_content > .delimiter > div:first-child,
.advance_content > .delimiter > div:last-child {
  flex: 1;
}
.advance_content > .delimiter > div:first-child > div,
.advance_content > .delimiter > div:last-child > div {
  height: 1px;
  background: #ccc;
}
.advance_content > .delimiter > div:nth-child(2) i {
  margin: 0 5px;
  color: #d95d30;
}
.advance_content > .quote {
  margin: 50px -60px;
  background: #f1f1f1;
  padding: 55px 100px;
  position: relative;
  border-radius: 30px;
}
.advance_content > .quote > div {
  position: absolute;
  right: 100px;
  top: -21px;
  font-size: 2.1rem;
  color: #d95d30;
  transform: rotate(180deg);
}
.advance_content > .quote p {
  font-weight: 700;
  margin: 5px 0 0 0;
  color: #d95d30;
}
.advance_content > .link {
  margin: 30px 0;
}
.advance_content > .link > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  background: #f1f1f1;
  border-radius: 30px;
  transition: 0.3s ease;
  padding: 40px 0 0 0;
}
.advance_content > .link > a > div:first-child {
  font-size: 1.2rem;
  padding: 0 40px;
}
.advance_content > .link > a > div:nth-child(2) {
  padding: 0 40px;
}
.advance_content > .link > a > div:last-child {
  font-weight: 600;
  border-top: 1px solid #ddd;
  padding: 20px 40px;
  margin: 30px 0 0 0;
  font-size: 0.9rem;
  color: #d95d30;
}
.advance_content > .link > a:hover {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.07));
  background: #fff;
}
.advance_content > .attachment {
  margin: 30px 0;
}
.advance_content > .attachment > a {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: 0.3s ease;
}
.advance_content > .attachment > a > div {
  padding: 15px;
}
.advance_content > .attachment > a > div:first-child {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 25px 20px;
}
.advance_content > .attachment > a > div:nth-child(2) {
  flex: 1;
}
.advance_content > .attachment > a > div:last-child {
  color: #eee;
}
.advance_content > .attachment > a:hover {
  background: #888888;
}
.advance_content > .attachment > a:hover > div:last-child {
  color: #fff;
}
.advance_content > .attachment.doc > a > div:first-child,
.advance_content > .attachment.docx > a > div:first-child {
  background: #295394;
}
.advance_content > .attachment.ppt > a > div:first-child,
.advance_content > .attachment.pptx > a > div:first-child {
  background: #c54830;
}
.advance_content > .attachment.xls > a > div:first-child,
.advance_content > .attachment.xlsx > a > div:first-child {
  background: #1f6e43;
}
.advance_content > .attachment.pdf > a > div:first-child {
  background: #f20f00;
}
.advance_content > .attachment.rtf > a > div:first-child {
  background: #157efb;
}
.advance_content > .attachment.txt > a > div:first-child {
  background: #000;
}
.sections_holder {
  margin: 20px -10px -10px -10px;
  display: flex;
  flex-wrap: wrap;
}
.sections_holder > .section {
  flex: 0 0 50%;
  padding: 10px;
}
.sections_holder > .section > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px 30px 30px;
}
.sections_holder > .section > div > div {
  padding: 10px;
}
.sections_holder > .section > div > div:first-child {
  font-size: 1.4rem;
  color: #d95d30;
}
.sections_holder > .section > div > div:nth-child(2) {
  flex: 1;
}
.accounts_availability.major {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  margin: 30px 0 0 0;
  padding: 10px;
}
.accounts_availability.major > div {
  font-weight: 600;
  flex: 1;
  padding: 10px;
  text-align: center;
  margin: 5px;
  border-radius: 30px;
}
.accounts_availability.major > div:first-child {
  flex: 0 0 300px;
}
.accounts_availability.major > div.free {
  background: #e6e6e6;
  color: #aaa;
}
.accounts_availability.major > div.ondemand {
  background: #bbbbbb;
  color: #fff;
}
.accounts_availability.major > div.starter {
  background: #fff;
  color: #d95d30;
}
.accounts_availability.major > div.plus {
  background: #d95d30;
  color: #fff;
}
.accounts_availability.major > div.alumni {
  background: #070001;
  color: #fff;
}
.accounts_availability.mini:after {
  content: "";
  clear: both;
  display: block;
}
.accounts_availability.mini > div {
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 30px;
  float: left;
  margin: 8px 5px 0 0;
  font-size: 0.8rem;
}
.accounts_availability.mini > div.free {
  background: #e6e6e6;
  color: #aaa;
}
.accounts_availability.mini > div.ondemand {
  background: #bbbbbb;
  color: #fff;
}
.accounts_availability.mini > div.starter {
  background: #fff;
  color: #d95d30;
}
.accounts_availability.mini > div.plus {
  background: #d95d30;
  color: #fff;
}
.accounts_availability.mini > div.alumni {
  background: #070001;
  color: #fff;
}
.document_viewer_popup {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  padding: 20px 30px;
  height: 100%;
  width: 100%;
  display: none;
}
.document_viewer_popup > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.document_viewer_popup > div > div:first-child {
  padding: 0 0 10px 0;
  text-align: right;
}
.document_viewer_popup > div > div:last-child {
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.document_viewer_popup > div > div:last-child iframe {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  z-index: 1;
  border: none;
  display: block;
}
/******* COURSES LESS *******/
/** COURSES **/
.courses_holder {
  margin: 20px 0 0 0;
}
.courses_holder .course {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.courses_holder .course:last-child {
  margin: 0;
}
.courses_holder .course > div {
  padding: 20px 10px;
}
.courses_holder .course > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.courses_holder .course > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.courses_holder .course > div:nth-child(2) {
  flex: 1;
}
.courses_holder .course > div:nth-child(2) .course_progress {
  font-weight: 600;
  margin: 8px 0 0 0;
  font-size: 0.85rem;
}
.courses_holder .course > div:nth-child(2) .course_progress.completed {
  text-transform: uppercase;
  color: #d95d30;
}
.courses_holder .course > div:nth-child(2) .course_progress.completed span {
  margin: 0 5px 0 0;
}
.courses_holder .course > div:nth-child(2) .course_progress.pending {
  text-transform: uppercase;
  color: #888888;
}
.courses_holder .course > div:nth-child(2) .course_progress.pending span {
  margin: 0 5px 0 0;
}
.courses_holder .course > div:nth-child(2) .course_progress.active {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d95d30;
  width: 170px;
}
.courses_holder .course > div:nth-child(2) .course_progress.active > div:last-child {
  flex: 1;
  padding: 0 0 0 7px;
}
.courses_holder .course > div:nth-child(2) .course_progress.active > div:last-child > div {
  border-radius: 5px;
  background: #e6e6e6;
}
.courses_holder .course > div:nth-child(2) .course_progress.active > div:last-child > div > div {
  height: 7px;
  background: #d95d30;
  border-radius: 5px;
  width: 0;
}
.courses_holder .course > div h5 {
  font-weight: 600;
  color: #888888;
}
.course_stats {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.course_stats > div {
  flex: 1;
  padding: 10px;
}
.course_stats > div > div {
  background: #fff;
  padding: 20px;
  border-radius: 30px;
  transition: 0.3s ease;
}
.course_stats > div > div > div {
  display: table;
}
.course_stats > div > div > div > div {
  display: table-cell;
  vertical-align: middle;
}
.course_stats > div > div > div > div:first-child {
  background: #d95d30;
  border-radius: 15px;
  color: #fff;
  width: 40px;
  padding: 11px 0;
  text-align: center;
}
.course_stats > div > div > div > div:last-child {
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #d95d30;
}
.course_stats > div > div:hover {
  background: #070001;
  color: #fff;
}
.course_stats > div > div:hover > div > div:first-child {
  background: #fff;
  color: #070001;
}
.course_stats > div > div:hover > div > div:last-child {
  color: #fff;
}
.course_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.course_functions > div {
  flex: 1;
  padding: 10px;
}
.course_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.course_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.course_functions > div > div:hover {
  background: #fff;
}
.course_functions > div > div.published {
  background: #fff;
  color: #d95d30;
}
.course_functions > div:nth-child(-n+6) {
  flex: 0 0 33.33%;
}
.course_functions.for_alumni_sessions > div:nth-child(-n+6) {
  flex: 1;
}
/** MODULES **/
.modules_holder {
  margin: 20px 0 0 0;
}
.modules_holder .module {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 30px;
}
.modules_holder .module:last-child {
  margin: 0;
}
.modules_holder .module > div:first-child {
  flex: 1;
}
.modules_holder .module.published {
  background: #fff;
}
.module_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.module_functions > div {
  flex: 1;
  padding: 10px;
}
.module_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.module_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.module_functions > div > div:hover {
  background: #fff;
}
.mcontent_media_holder > div.mcontent_media_heading {
  margin: 30px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}
.mcontent_media_holder > div.mcontent_media_heading h5 {
  font-weight: 600;
  color: #888888;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image {
  margin: 30px 0 0 0;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image > div {
  position: relative;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image > div > div:first-child > img {
  border-radius: 30px;
  width: 100%;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image > div > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image > div > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image > div > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image_display {
  margin: 30px 0 0 0;
}
.mcontent_media_holder > div.mcontent_images_holder .mcontent_image_display > img {
  border-radius: 30px;
  width: 100%;
}
.mcontent_media_holder > div.mcontent_video_holder {
  background: #fff;
  border-radius: 30px;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 30px;
  border-radius: 30px;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video_heading > div:first-child {
  flex: 1;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video {
  text-align: right;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video > div:first-child {
  background: #070001;
  border-radius: 20px;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video > div:first-child > video {
  width: 100%;
  border-radius: 20px;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.mcontent_media_holder > div.mcontent_video_holder .mcontent_video_display > video {
  width: 100%;
  border-radius: 20px;
}
.mcontent_media_holder > div.mcontent_audio_holder {
  background: #f1f1f1;
  border-radius: 30px;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 30px;
  border-radius: 30px;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio_heading > div:first-child {
  flex: 1;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio {
  text-align: right;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio > div:first-child {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 20px;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio > div:first-child > audio {
  width: 100%;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio_display {
  padding: 30px;
}
.mcontent_media_holder > div.mcontent_audio_holder .mcontent_audio_display > audio {
  width: 100%;
}
.mcontent_images_popup {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.mcontent_images_popup > div {
  margin: 0 auto;
  width: 900px;
}
.mcontent_images_popup > div > div img {
  width: 100%;
  border-radius: 30px;
}
/** STUDY MATERIALS **/
.materials_holder {
  margin: 20px 0 0 0;
}
.materials_holder .material {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 30px;
}
.materials_holder .material:last-child {
  margin: 0;
}
.materials_holder .material > div:first-child {
  flex: 0 0 60px;
}
.materials_holder .material > div:first-child > div {
  display: table;
  width: 100%;
  height: 60px;
  border-radius: 20px;
  text-transform: uppercase;
}
.materials_holder .material > div:first-child > div > div {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 0.85rem;
}
.materials_holder .material > div:first-child > div.doc,
.materials_holder .material > div:first-child > div.docx {
  background: #295394;
}
.materials_holder .material > div:first-child > div.ppt,
.materials_holder .material > div:first-child > div.pptx {
  background: #c54830;
}
.materials_holder .material > div:first-child > div.xls,
.materials_holder .material > div:first-child > div.xlsx {
  background: #1f6e43;
}
.materials_holder .material > div:first-child > div.pdf {
  background: #f20f00;
}
.materials_holder .material > div:first-child > div.rtf {
  background: #157efb;
}
.materials_holder .material > div:first-child > div.txt {
  background: #000;
}
.materials_holder .material > div:nth-child(2) {
  flex: 1;
  padding: 0 20px;
}
.materials_holder .material > div:nth-child(2) .course_info {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  color: #bbbbbb;
  margin: 5px 0 0 0;
  font-size: 0.85rem;
}
.materials_holder .material > div:nth-child(2) .course_info > div:nth-child(2) {
  padding: 0 10px;
}
.materials_holder .material > div:nth-child(2) .course_info > div span {
  margin: 0 5px 0 0;
}
.materials_holder .material > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.materials_holder .material > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
/** QUIZZES **/
.quiz_takes_holder {
  margin: 20px 0 0 0;
}
.quiz_takes_holder .quiz_take {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.quiz_takes_holder .quiz_take:last-child {
  margin: 0;
}
.quiz_takes_holder .quiz_take > div {
  padding: 20px 10px;
}
.quiz_takes_holder .quiz_take > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.quiz_takes_holder .quiz_take > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.quiz_takes_holder .quiz_take > div:nth-child(2) {
  flex: 1;
}
.quiz_takes_holder .quiz_take > div h5 {
  font-weight: 600;
  color: #888888;
}
.quiz_take_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.quiz_take_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.quiz_take_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.quiz_take_info_display > div > div > div {
  padding: 30px;
}
.quiz_take_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.quiz_take_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.quiz_take_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
.quiz_take_qna_display {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
  padding: 60px 60px 80px 60px;
}
.quiz_take_qna_display > div {
  display: flex;
  margin: 40px 0 0 0;
}
.quiz_take_qna_display > div > div:first-child {
  flex: 0 0 50px;
}
.quiz_take_qna_display > div > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.quiz_take_qna_display > div > div:last-child > h5 {
  font-weight: 700;
  margin: 5px 0 0 0;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0 0 0;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display > div:first-child > div {
  border-radius: 50%;
  background: #d95d30;
  padding: 5px 6px;
  color: #fff;
  font-size: 0.7rem;
  min-width: 23px;
  text-align: center;
  display: none;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.actual_correct {
  background: #fff;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.actual_correct > div:first-child > div {
  display: block;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.correct {
  background: #18f23f;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.correct > div:first-child > div {
  display: block;
  background: #fff;
  color: #18f23f;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.wrong {
  background: #eb0f0f;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.wrong > div:first-child > div {
  display: block;
  background: #960505;
  color: #eb0f0f;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_display.wrong > div:last-child {
  color: #fff;
}
.quiz_take_qna_display > div > div:last-child > div > div.answer_essay {
  font-weight: 600;
  border-radius: 30px;
  padding: 40px;
  background: #fff;
  color: #bbbbbb;
  text-align: center;
  margin: 20px 0 0 0;
}
.quiz_take_qna_display > div:first-child {
  margin: 0;
}
.quiz_question_holder {
  margin: 10px 0 0 0;
}
.quiz_question_holder > div:first-child {
  display: flex;
}
.quiz_question_holder > div:first-child > div {
  flex: 1;
}
.quiz_question_holder > div:first-child > div:last-child {
  flex: 0 0 180px;
  padding: 0 0 0 10px;
}
.quiz_question_holder > div:last-child {
  padding: 0 0 0 30px;
}
.quiz_question_holder > div:last-child .mcontent_quiz_heading {
  display: flex;
  margin: 20px 0 5px 0;
}
.quiz_question_holder > div:last-child .mcontent_quiz_heading > div:first-child h5 {
  font-weight: 600;
  color: #888888;
}
.quiz_question_holder > div:last-child .mcontent_quiz_heading > div:last-child {
  flex: 1;
  padding: 0 0 0 5px;
  margin: 9px 0 0 0;
}
.quiz_question_holder > div:last-child .mcontent_quiz_heading > div:last-child > div {
  height: 0.5px;
  background: #bbbbbb;
}
.quiz_question_holder > div:last-child .quiz_answers_holder > .answer_box {
  margin: 10px 0 0 0;
}
.quiz_question_holder > div:last-child .quiz_answers_holder > .answer_box > div {
  display: flex;
}
.quiz_question_holder > div:last-child .quiz_answers_holder > .answer_box > div > div:first-child {
  flex: 1;
}
.quiz_question_holder > div:last-child .quiz_answers_holder > .answer_box > div > div:nth-child(2) {
  padding: 0 10px;
}
.quiz_question_answers_holder {
  margin: 60px 0 0 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #bbbbbb;
}
.quiz_question_answers_holder .quiz_question_answers {
  margin: 20px 0 0 0;
}
.mcontent_quiz_holder {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.mcontent_quiz_holder > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 30px;
  padding: 40px;
}
.mcontent_quiz_holder > div:first-child > div:first-child {
  flex: 1;
}
.mcontent_quiz_holder > div:last-child {
  padding: 60px 60px 80px 60px;
}
.mcontent_quiz_holder > div:last-child > div {
  display: flex;
  margin: 40px 0 0 0;
}
.mcontent_quiz_holder > div:last-child > div > div:first-child {
  flex: 0 0 50px;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child > h5 {
  font-weight: 700;
  margin: 5px 0 0 0;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0 0 0;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child > div > div > div:first-child > div {
  border-radius: 50%;
  background: #d95d30;
  padding: 5px 6px;
  color: #fff;
  font-size: 0.7rem;
  display: none;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child > div > div > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child > div > div.correct {
  background: #fff;
}
.mcontent_quiz_holder > div:last-child > div > div:last-child > div > div.correct > div:first-child > div {
  display: block;
}
.mcontent_quiz_holder > div:last-child > div:first-child {
  margin: 0;
}
/** EXAMS **/
.exam_takes_holder {
  margin: 20px 0 0 0;
}
.exam_takes_holder .exam_take {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.exam_takes_holder .exam_take:last-child {
  margin: 0;
}
.exam_takes_holder .exam_take > div {
  padding: 20px 10px;
}
.exam_takes_holder .exam_take > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.exam_takes_holder .exam_take > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.exam_takes_holder .exam_take > div:nth-child(2) {
  flex: 1;
}
.exam_takes_holder .exam_take > div h5 {
  font-weight: 600;
  color: #888888;
}
.exam_take_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.exam_take_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.exam_take_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.exam_take_info_display > div > div > div {
  padding: 30px;
}
.exam_take_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.exam_take_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.exam_take_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
.exam_take_qna_display {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
  padding: 60px 60px 80px 60px;
}
.exam_take_qna_display > div {
  display: flex;
  margin: 40px 0 0 0;
}
.exam_take_qna_display > div > div:first-child {
  flex: 0 0 50px;
}
.exam_take_qna_display > div > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.exam_take_qna_display > div > div:last-child > h5 {
  font-weight: 700;
  margin: 5px 0 0 0;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0 0 0;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display > div:first-child > div {
  border-radius: 50%;
  background: #d95d30;
  padding: 5px 6px;
  color: #fff;
  font-size: 0.7rem;
  min-width: 23px;
  text-align: center;
  display: none;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.actual_correct {
  background: #fff;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.actual_correct > div:first-child > div {
  display: block;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.correct {
  background: #18f23f;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.correct > div:first-child > div {
  display: block;
  background: #fff;
  color: #18f23f;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.wrong {
  background: #eb0f0f;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.wrong > div:first-child > div {
  display: block;
  background: #960505;
  color: #eb0f0f;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_display.wrong > div:last-child {
  color: #fff;
}
.exam_take_qna_display > div > div:last-child > div > div.answer_essay {
  font-weight: 600;
  border-radius: 30px;
  padding: 40px;
  background: #fff;
  color: #bbbbbb;
  text-align: center;
  margin: 20px 0 0 0;
}
.exam_take_qna_display > div:first-child {
  margin: 0;
}
.exam_grading_field > div {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 10px 10px 10px 20px;
  background: #e6e6e6;
  border-radius: 30px;
}
.exam_grading_field > div > div {
  padding: 0 10px;
}
.exam_grading_field > div > div:first-child {
  font-weight: 600;
}
.exam_grading_field > div > div span {
  margin: 0 0 0 10px;
  display: inline-block;
}
.exam_grading_field > div .textbox {
  min-width: 100px;
}
.exam_question_holder {
  margin: 10px 0 0 0;
}
.exam_question_holder > div:first-child {
  display: flex;
}
.exam_question_holder > div:first-child > div {
  flex: 1;
}
.exam_question_holder > div:first-child > div:last-child {
  flex: 0 0 180px;
  padding: 0 0 0 10px;
}
.exam_question_holder > div:last-child {
  padding: 0 0 0 30px;
}
.exam_question_holder > div:last-child .mcontent_exam_heading {
  display: flex;
  margin: 20px 0 5px 0;
}
.exam_question_holder > div:last-child .mcontent_exam_heading > div:first-child h5 {
  font-weight: 600;
  color: #888888;
}
.exam_question_holder > div:last-child .mcontent_exam_heading > div:last-child {
  flex: 1;
  padding: 0 0 0 5px;
  margin: 9px 0 0 0;
}
.exam_question_holder > div:last-child .mcontent_exam_heading > div:last-child > div {
  height: 0.5px;
  background: #bbbbbb;
}
.exam_question_holder > div:last-child .exam_answers_holder > .answer_box {
  margin: 10px 0 0 0;
}
.exam_question_holder > div:last-child .exam_answers_holder > .answer_box > div {
  display: flex;
}
.exam_question_holder > div:last-child .exam_answers_holder > .answer_box > div > div:first-child {
  flex: 1;
}
.exam_question_holder > div:last-child .exam_answers_holder > .answer_box > div > div:nth-child(2) {
  padding: 0 10px;
}
.exam_question_holder > div:last-child .mcontent_exam_essay_dummy {
  font-weight: 600;
  border-radius: 30px;
  padding: 40px;
  background: #f1f1f1;
  color: #bbbbbb;
  text-align: center;
  margin: 20px 0 0 0;
}
.exam_question_answers_holder {
  margin: 60px 0 0 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #bbbbbb;
}
.exam_question_answers_holder .exam_question_answers {
  margin: 20px 0 0 0;
}
.mcontent_exam_holder {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.mcontent_exam_holder > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 30px;
  padding: 40px;
}
.mcontent_exam_holder > div:first-child > div:first-child {
  flex: 1;
}
.mcontent_exam_holder > div:last-child {
  padding: 60px 60px 80px 60px;
}
.mcontent_exam_holder > div:last-child > div {
  display: flex;
  margin: 40px 0 0 0;
}
.mcontent_exam_holder > div:last-child > div > div:first-child {
  flex: 0 0 50px;
}
.mcontent_exam_holder > div:last-child > div > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > h5 {
  font-weight: 700;
  margin: 5px 0 0 0;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > div > div.answer_display {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0 0 0;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > div > div.answer_display > div:first-child > div {
  border-radius: 50%;
  background: #d95d30;
  padding: 5px 6px;
  color: #fff;
  font-size: 0.7rem;
  min-width: 23px;
  text-align: center;
  display: none;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > div > div.answer_display > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > div > div.answer_display.correct {
  background: #fff;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > div > div.answer_display.correct > div:first-child > div {
  display: block;
}
.mcontent_exam_holder > div:last-child > div > div:last-child > div > div.answer_essay {
  font-weight: 600;
  border-radius: 30px;
  padding: 40px;
  background: #fff;
  color: #bbbbbb;
  text-align: center;
  margin: 20px 0 0 0;
}
.mcontent_exam_holder > div:last-child > div:first-child {
  margin: 0;
}
/** CERTIFICATES **/
.certificates_holder {
  margin: 20px 0 0 0;
}
.certificates_holder .certificate {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 30px;
  padding: 0 30px 0 0;
}
.certificates_holder .certificate:last-child {
  margin: 0;
}
.certificates_holder .certificate > div:first-child {
  flex: 0 0 180px;
}
.certificates_holder .certificate > div:first-child > img {
  width: 100%;
  opacity: 0.4;
  border-radius: 30px;
}
.certificates_holder .certificate > div:nth-child(2) {
  flex: 1;
  padding: 0 20px;
  color: #bbbbbb;
}
.certificates_holder .certificate > div h5 {
  font-weight: 600;
  color: #bbbbbb;
}
.certificates_holder .certificate.earned {
  background: #fff;
}
.certificates_holder .certificate.earned > div:first-child > img {
  opacity: 1;
}
.certificates_holder .certificate.earned > div:nth-child(2) {
  color: #070001;
}
/** TASKS **/
.mcontent_task_holder {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.mcontent_task_holder > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 30px;
  padding: 40px;
}
.mcontent_task_holder > div:first-child > div {
  padding: 0 0 0 10px;
}
.mcontent_task_holder > div:first-child > div:first-child {
  flex: 1;
  padding: 0;
}
.mcontent_task_holder > div:first-child > div .textbox_enabled,
.mcontent_task_holder > div:first-child > div .allow_upload {
  font-weight: 600;
  border-radius: 30px;
  color: #fff;
  font-size: 0.8rem;
  padding: 8px 20px;
}
.mcontent_task_holder > div:first-child > div .textbox_enabled {
  background: #070001;
}
.mcontent_task_holder > div:first-child > div .allow_upload {
  background: #d95d30;
}
.mcontent_task_holder > div:last-child {
  padding: 60px 60px 80px 60px;
}
.task_submissions_holder {
  margin: 20px 0 0 0;
}
.task_submissions_holder .task_submission {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.task_submissions_holder .task_submission:last-child {
  margin: 0;
}
.task_submissions_holder .task_submission > div {
  padding: 20px 10px;
}
.task_submissions_holder .task_submission > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.task_submissions_holder .task_submission > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.task_submissions_holder .task_submission > div:nth-child(2) {
  flex: 1;
}
.task_grading_box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 20px 0 0 0;
  padding: 10px 20px;
  border-radius: 30px;
}
.task_grading_box > div {
  padding: 10px;
}
.task_grading_box > div:nth-child(3) {
  flex: 1;
}
.task_comment_box {
  background: #fff;
  border-radius: 30px;
  position: relative;
  margin: 20px 20% 0 0;
}
.task_comment_box > div:first-child {
  padding: 30px 40px;
}
.task_comment_box > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 15px;
}
.task_comment_box > div:nth-child(2) > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.task_comment_box > div:nth-child(2) > div:nth-child(2) {
  flex: 1;
  padding: 0 15px;
}
.task_comment_box > div:nth-child(2) > div:nth-child(2) div {
  font-weight: 700;
}
.task_comment_box > div:nth-child(2) > div:nth-child(2) > span {
  font-weight: 600;
  font-size: 0.8rem;
  color: #888888;
}
.task_comment_box.for_me {
  margin: 20px 0 0 20%;
}
/** SURVEY **/
.survey_takes_holder {
  margin: 20px 0 0 0;
}
.survey_takes_holder .survey_take {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.survey_takes_holder .survey_take:last-child {
  margin: 0;
}
.survey_takes_holder .survey_take > div {
  padding: 20px 10px;
}
.survey_takes_holder .survey_take > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.survey_takes_holder .survey_take > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.survey_takes_holder .survey_take > div:nth-child(2) {
  flex: 1;
}
.survey_takes_holder .survey_take > div h5 {
  font-weight: 600;
  color: #888888;
}
.survey_take_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.survey_take_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.survey_take_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.survey_take_info_display > div > div > div {
  padding: 30px;
}
.survey_take_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.survey_take_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.survey_take_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
.survey_take_qna_display {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
  padding: 60px 60px 80px 60px;
}
.survey_take_qna_display > div {
  display: flex;
  margin: 40px 0 0 0;
}
.survey_take_qna_display > div > div:first-child {
  flex: 0 0 50px;
}
.survey_take_qna_display > div > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.survey_take_qna_display > div > div:last-child > h5 {
  font-weight: 700;
  margin: 5px 0 0 0;
}
.survey_take_qna_display > div > div:last-child > div > div.response_display {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0 0 0;
}
.survey_take_qna_display > div > div:last-child > div > div.response_display > div:first-child > div {
  border-radius: 50%;
  background: #d95d30;
  padding: 5px 6px;
  color: #fff;
  font-size: 0.7rem;
  min-width: 23px;
  text-align: center;
  display: none;
}
.survey_take_qna_display > div > div:last-child > div > div.response_display > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.survey_take_qna_display > div > div:last-child > div > div.response_display.selected {
  background: #fff;
}
.survey_take_qna_display > div > div:last-child > div > div.response_display.selected > div:first-child > div {
  display: block;
}
.survey_take_qna_display > div > div:last-child > div > div.response_text {
  border-radius: 30px;
  padding: 40px 30px;
  background: #fff;
  margin: 20px 0 0 0;
}
.survey_take_qna_display > div > div:last-child > div > div.response_scale {
  border-radius: 30px;
  padding: 30px;
  background: #fff;
  margin: 20px 0 0 0;
  display: inline-block;
}
.survey_take_qna_display > div:first-child {
  margin: 0;
}
.survey_question_holder {
  margin: 10px 0 0 0;
}
.survey_question_holder > div:last-child {
  padding: 0 0 0 30px;
}
.survey_question_holder > div:last-child .mcontent_survey_heading {
  display: flex;
  margin: 20px 0 5px 0;
}
.survey_question_holder > div:last-child .mcontent_survey_heading > div:first-child h5 {
  font-weight: 600;
  color: #888888;
}
.survey_question_holder > div:last-child .mcontent_survey_heading > div:last-child {
  flex: 1;
  padding: 0 0 0 5px;
  margin: 9px 0 0 0;
}
.survey_question_holder > div:last-child .mcontent_survey_heading > div:last-child > div {
  height: 0.5px;
  background: #bbbbbb;
}
.survey_question_holder > div:last-child .survey_options_holder > .option_box {
  margin: 10px 0 0 0;
}
.survey_question_holder > div:last-child .survey_options_holder > .option_box > div {
  display: flex;
}
.survey_question_holder > div:last-child .survey_options_holder > .option_box > div > div:first-child {
  flex: 1;
  padding: 0 10px 0 0;
}
.survey_question_holder > div:last-child .mcontent_survey_textbox_dummy {
  font-weight: 600;
  border-radius: 30px;
  padding: 40px;
  background: #f1f1f1;
  color: #bbbbbb;
  text-align: center;
  margin: 20px 0 0 0;
}
.survey_question_holder > div:last-child .scale_box {
  margin: 20px 0 0 0;
}
.survey_question_holder > div:last-child .scale_box > div {
  display: flex;
}
.survey_question_holder > div:last-child .scale_box > div > div {
  padding: 0 10px 0 0;
}
.survey_question_responses_holder {
  margin: 60px 0 0 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #bbbbbb;
}
.survey_question_responses_holder .survey_question_response {
  margin: 20px 0 0 0;
}
.survey_question_responses_holder.collapse .survey_question_holder {
  display: none;
}
.survey_question_responses_holder.collapse .drag_handle {
  display: flex;
}
.mcontent_survey_holder {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.mcontent_survey_holder > div:first-child {
  background: #fff;
  border-radius: 30px;
  padding: 40px;
}
.mcontent_survey_holder > div:last-child {
  padding: 60px 60px 80px 60px;
}
.mcontent_survey_holder > div:last-child > div {
  display: flex;
  margin: 40px 0 0 0;
}
.mcontent_survey_holder > div:last-child > div > div:first-child {
  flex: 0 0 50px;
}
.mcontent_survey_holder > div:last-child > div > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > h5 {
  font-weight: 700;
  margin: 5px 0 0 0;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_option {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0 0 0;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_option > div:first-child > div {
  border-radius: 50%;
  background: #f1f1f1;
  padding: 5px 6px;
  color: #e6e6e6;
  font-size: 0.7rem;
  min-width: 23px;
  text-align: center;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_option > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_text {
  font-weight: 600;
  border-radius: 30px;
  padding: 40px;
  background: #fff;
  color: #bbbbbb;
  text-align: center;
  margin: 20px 0 0 0;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_scale {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin: 15px -5px -5px -5px;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_scale > div {
  padding: 5px;
}
.mcontent_survey_holder > div:last-child > div > div:last-child > div > div.response_scale > div > div {
  font-weight: 600;
  background: #fff;
  padding: 20px 40px;
  border-radius: 20px;
  text-align: center;
}
.mcontent_survey_holder > div:last-child > div:first-child {
  margin: 0;
}
/** ALUMNI SESSIONS **/
.alumni_sessions_holder {
  margin: 20px 0 0 0;
}
.alumni_sessions_holder .alumni_session {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.alumni_sessions_holder .alumni_session:last-child {
  margin: 0;
}
.alumni_sessions_holder .alumni_session > div {
  padding: 20px 10px;
}
.alumni_sessions_holder .alumni_session > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.alumni_sessions_holder .alumni_session > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.alumni_sessions_holder .alumni_session > div:nth-child(2) {
  flex: 1;
}
.alumni_sessions_holder .alumni_session > div h5 {
  font-weight: 600;
  color: #888888;
}
/******* RESOURCES LESS *******/
.resources_holder {
  margin: 20px 0 0 0;
}
.resources_holder .resource {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.resources_holder .resource:last-child {
  margin: 0;
}
.resources_holder .resource > div {
  padding: 20px 10px;
}
.resources_holder .resource > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.resources_holder .resource > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.resources_holder .resource > div:nth-child(2) {
  flex: 1;
}
.resources_holder .resource > div h5 {
  font-weight: 600;
  color: #888888;
}
.resource_stats {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.resource_stats > div {
  flex: 1;
  padding: 10px;
}
.resource_stats > div > div {
  background: #fff;
  padding: 20px;
  border-radius: 30px;
  transition: 0.3s ease;
}
.resource_stats > div > div > div {
  display: table;
}
.resource_stats > div > div > div > div {
  display: table-cell;
  vertical-align: middle;
}
.resource_stats > div > div > div > div:first-child {
  background: #d95d30;
  border-radius: 15px;
  color: #fff;
  width: 40px;
  padding: 11px 0;
  text-align: center;
}
.resource_stats > div > div > div > div:last-child {
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #d95d30;
}
.resource_stats > div > div:hover {
  background: #070001;
  color: #fff;
}
.resource_stats > div > div:hover > div > div:first-child {
  background: #fff;
  color: #070001;
}
.resource_stats > div > div:hover > div > div:last-child {
  color: #fff;
}
.components_holder {
  margin: 20px 0 0 0;
}
.components_holder .component {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 30px;
}
.components_holder .component:last-child {
  margin: 0;
}
.components_holder .component > div:first-child {
  flex: 1;
}
.components_holder .component.published {
  background: #fff;
}
.ccontent_media_holder > div.ccontent_media_heading {
  margin: 30px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}
.ccontent_media_holder > div.ccontent_media_heading h5 {
  font-weight: 600;
  color: #888888;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image {
  margin: 30px 0 0 0;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image > div {
  position: relative;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image > div > div:first-child > img {
  border-radius: 30px;
  width: 100%;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image > div > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image > div > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image > div > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image_display {
  margin: 30px 0 0 0;
}
.ccontent_media_holder > div.ccontent_images_holder .ccontent_image_display > img {
  border-radius: 30px;
  width: 100%;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video {
  text-align: right;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video > div:first-child {
  background: #070001;
  border-radius: 20px;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video > div:first-child > video {
  width: 100%;
  border-radius: 20px;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video_display {
  background: #070001;
  border-radius: 20px;
}
.ccontent_media_holder > div.ccontent_video_holder .ccontent_video_display > video {
  width: 100%;
  border-radius: 20px;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio {
  text-align: right;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio > div:first-child {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 20px;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio > div:first-child > audio {
  width: 100%;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio_display {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 20px;
}
.ccontent_media_holder > div.ccontent_audio_holder .ccontent_audio_display > audio {
  width: 100%;
}
.ccontent_images_popup {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.ccontent_images_popup > div {
  margin: 0 auto;
  width: 900px;
}
.ccontent_images_popup > div > div img {
  width: 100%;
  border-radius: 30px;
}
.resource_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.resource_functions > div {
  flex: 1;
  padding: 10px;
}
.resource_functions > div:nth-child(-n+2) {
  flex: 0 0 50%;
}
.resource_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.resource_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.resource_functions > div > div:hover {
  background: #fff;
}
.resource_functions > div > div.published {
  background: #fff;
  color: #d95d30;
}
.component_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.component_functions > div {
  flex: 1;
  padding: 10px;
}
.component_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.component_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.component_functions > div > div:hover {
  background: #fff;
}
/******* SUBSCRIPTION LESS *******/
.subscribers_holder {
  margin: 20px 0 0 0;
}
.subscribers_holder .subscriber {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 30px;
  transition: 0.3s ease;
}
.subscribers_holder .subscriber:last-child {
  margin: 0;
}
.subscribers_holder .subscriber > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 0 0 10px;
}
.subscribers_holder .subscriber > div:nth-child(2) {
  padding: 0 20px;
}
.subscribers_holder .subscriber > div:nth-child(2) h5 {
  font-weight: 600;
  color: #bbbbbb;
}
.subscribers_holder .subscriber:hover {
  background: #fff;
}
/******* BLOG LESS *******/
.post_categories_holder {
  margin: 20px 0 0 0;
}
.post_categories_holder .post_category {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 30px;
  transition: 0.3s ease;
}
.post_categories_holder .post_category:last-child {
  margin: 0;
}
.post_categories_holder .post_category > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 0 0 10px;
}
.post_categories_holder .post_category > div:nth-child(2) {
  padding: 0 20px;
}
.post_categories_holder .post_category > div:nth-child(2) h5 {
  font-weight: 600;
  color: #bbbbbb;
}
.post_categories_holder .post_category:hover {
  background: #fff;
}
.post_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.post_functions > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.post_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.post_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.post_functions > div > div:hover {
  background: #fff;
}
.post_functions > div > div.published,
.post_functions > div > div.pinned {
  background: #fff;
  color: #d95d30;
}
.posts_holder {
  margin: 20px 0 0 0;
}
.posts_holder .post {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.posts_holder .post:last-child {
  margin: 0;
}
.posts_holder .post > div {
  padding: 20px 10px;
}
.posts_holder .post > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.posts_holder .post > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.posts_holder .post > div:nth-child(2) {
  flex: 1;
}
.posts_holder .post > div:nth-child(2) h5 {
  color: #d95d30;
}
.posts_holder .post > div h5 {
  font-weight: 600;
}
.posts_holder .post.published {
  background: #fff;
}
.comment {
  background: #fff;
  border-radius: 30px;
  position: relative;
  margin: 20px 0 0 0;
}
.comment > div:first-child {
  padding: 30px 40px;
}
.comment > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 15px;
}
.comment > div:last-child > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.comment > div:last-child > div:nth-child(2) {
  flex: 1;
  padding: 0 15px;
}
.comment > div:last-child > div:nth-child(2) > p {
  font-weight: 700;
}
.comment > div:last-child > div:nth-child(2) > span {
  font-weight: 600;
  font-size: 0.8rem;
  color: #888888;
}
.reply {
  background: #fff;
  border-radius: 30px;
  position: relative;
  margin: 20px 0 0 20%;
}
.reply > div:first-child {
  padding: 30px 40px;
}
.reply > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 15px;
}
.reply > div:last-child > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.reply > div:last-child > div:nth-child(2) {
  flex: 1;
  padding: 0 15px;
}
.reply > div:last-child > div:nth-child(2) > p {
  font-weight: 700;
}
.reply > div:last-child > div:nth-child(2) > span {
  font-weight: 600;
  font-size: 0.8rem;
  color: #888888;
}
.reply_form {
  margin: 20px 0 40px 20%;
}
.authors_holder {
  margin: 20px 0 0 0;
}
.authors_holder .author {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.authors_holder .author:last-child {
  margin: 0;
}
.authors_holder .author > div {
  padding: 20px 10px;
}
.authors_holder .author > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.authors_holder .author > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.authors_holder .author > div:nth-child(2) {
  flex: 1;
}
.likes_holder {
  margin: 20px 0 0 0;
}
.likes_holder .like {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.likes_holder .like:last-child {
  margin: 0;
}
.likes_holder .like > div {
  padding: 20px 10px;
}
.likes_holder .like > div:first-child {
  flex: 0 0 110px;
  padding: 0 10px 0 0;
}
.likes_holder .like > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 90px;
  border-radius: 30px;
}
.likes_holder .like > div:nth-child(2) {
  flex: 1;
}
.likes_holder .like > div h5 {
  font-weight: 600;
  color: #888888;
}
.post_media_holder > div.post_media_heading {
  margin: 30px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}
.post_media_holder > div.post_media_heading h5 {
  font-weight: 600;
  color: #888888;
}
.post_media_holder > div.post_audio_holder .post_audio {
  text-align: right;
}
.post_media_holder > div.post_audio_holder .post_audio > div:first-child {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 20px;
}
.post_media_holder > div.post_audio_holder .post_audio > div:first-child > audio {
  width: 100%;
}
.post_media_holder > div.post_audio_holder .post_audio > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.post_media_holder > div.post_audio_holder .post_audio > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.post_media_holder > div.post_audio_holder .post_audio > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.post_media_holder > div.post_audio_holder .post_audio_display {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 20px;
}
.post_media_holder > div.post_audio_holder .post_audio_display > audio {
  width: 100%;
}
/******* PRODUCTS LESS *******/
.products_holder {
  margin: 20px 0 0 0;
}
.products_holder .product {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.products_holder .product:last-child {
  margin: 0;
}
.products_holder .product > div {
  padding: 20px 10px;
}
.products_holder .product > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.products_holder .product > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.products_holder .product > div:nth-child(2) {
  flex: 1;
}
.products_holder .product > div h5 {
  font-weight: 700;
  color: #bbbbbb;
}
.product_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.product_functions > div {
  flex: 1;
  padding: 10px;
}
.product_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
}
.product_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.product_functions > div > div:hover {
  background: #fff;
}
.product_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.product_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.product_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.product_info_display > div > div > div {
  padding: 30px;
}
.product_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.product_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.product_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
/******* USERS LESS *******/
.users_holder {
  margin: 20px 0 0 0;
}
.users_holder .user {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.users_holder .user:last-child {
  margin: 0;
}
.users_holder .user > div {
  padding: 20px 10px;
}
.users_holder .user > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.users_holder .user > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.users_holder .user > div:nth-child(2) {
  flex: 1;
}
.users_holder .user > div h5 {
  font-weight: 600;
  color: #888888;
}
.users_holder .user .button {
  margin: 0 0 0 5px;
}
.users_holder .user .button:first-child {
  margin: 0;
}
.single_user_profile {
  margin: 20px 0 0 0;
  display: table;
  width: 100%;
  background: #f1f1f1;
  border-radius: 30px;
}
.single_user_profile > div {
  display: table-cell;
}
.single_user_profile > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  width: 480px;
  border-radius: 30px;
}
.single_user_profile > div:last-child {
  padding: 40px;
}
.single_user_profile > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
}
.single_user_profile > div:last-child > div:first-child {
  border-top: none;
}
.single_user_profile > div:last-child > div > div {
  flex: 1;
  padding: 11px 0;
}
.single_user_profile > div:last-child > div > div:first-child {
  flex: 0 0 200px;
}
.single_user_profile > div:last-child > div > div:last-child {
  font-weight: 600;
}
.user_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.user_functions > div {
  flex: 1;
  padding: 10px;
}
.user_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.user_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.user_functions > div > div:hover {
  background: #fff;
}
.user_app_status_display {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  margin: 20px 0 0 0;
}
.user_app_status_display > div:first-child {
  color: #d95d30;
  font-size: 1.5rem;
  padding: 0 0 0 10px;
}
.user_app_status_display > div:nth-child(2) {
  font-weight: 600;
  flex: 1;
  padding: 0 20px;
}
.user_app_status_display:hover {
  background: #fff;
}
.user_app_status_display.approved {
  background: #d95d30;
  color: #fff;
}
.user_app_status_display.approved > div:first-child {
  color: #fff;
}
.user_app_status_display.declined {
  color: #888888;
}
.user_app_status_display.declined > div:first-child {
  color: #888888;
}
.user_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.user_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.user_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.user_info_display > div > div > div {
  padding: 30px;
}
.user_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.user_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.user_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
.user_selector_box {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #e6e6e6;
  transition: 0.3s ease;
  padding: 5px 10px;
}
.user_selector_box .preloader {
  padding: 0;
}
.user_selector_box > div {
  padding: 5px;
}
.user_selector_box > div:first-child {
  flex: 0 0 60px;
}
.user_selector_box > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 50px;
  border-radius: 30px;
}
.user_selector_box > div:nth-child(2) {
  flex: 1;
}
.user_selector_box i {
  font-size: 1rem;
  color: #e6e6e6;
}
.user_selector_box:hover {
  background: #f1f1f1;
}
.user_selector_box:hover i {
  color: #bbbbbb;
}
.user_selector_box:active {
  background: #070001;
  color: #fff;
}
.user_selector_box:active i {
  color: #fff;
}
.applications_holder {
  margin: 20px 0 0 0;
}
.applications_holder .application {
  display: table;
  width: 100%;
  margin: 0 0 20px 0;
}
.applications_holder .application:last-child {
  margin: 0;
}
.applications_holder .application > div {
  display: table-cell;
  background: #070001;
  color: #fff;
}
.applications_holder .application > div:first-child {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: 30px 0 0 30px;
  font-size: 0.85rem;
  transition: 0.3s ease;
}
.applications_holder .application > div:first-child > div {
  padding: 0 20px;
}
.applications_holder .application > div:first-child > div:first-child {
  flex: 0 0 130px;
  padding: 0 10px 0 0;
}
.applications_holder .application > div:first-child > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 105px;
  border-radius: 30px;
}
.applications_holder .application > div:first-child > div:nth-child(2) {
  flex: 1;
}
.applications_holder .application > div:last-child {
  vertical-align: middle;
  border-left: 1px solid #333;
  text-align: center;
  width: 45px;
  border-radius: 0 30px 30px 0;
}
.applications_holder .application > div:last-child > h5 {
  font-weight: 600;
  transform: rotate(90deg);
  text-transform: uppercase;
  margin: 0 -15px;
}
.applications_holder .application.declined > div {
  background: #f1f1f1;
  color: #bbbbbb;
}
.applications_holder .application.declined > div:last-child {
  border-left: 1px solid #e6e6e6;
}
.applications_holder .application.approved > div {
  background: #fff;
  color: #070001;
}
.applications_holder .application.approved > div:last-child {
  border-left: 1px solid #e6e6e6;
  color: #d95d30;
}
#random_password_notice {
  background: #f1f1f1;
  border-radius: 20px;
  margin: 40px 0 0 0;
  padding: 30px;
}
/******* ADMINS LESS *******/
.logging_out {
  position: fixed;
  z-index: 13;
  background: #fff;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: table;
}
.logging_out > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.login_box {
  display: table;
  width: 100%;
  height: 100vh;
  background: #e6e6e6;
}
.login_box > div {
  display: table-cell;
  vertical-align: middle;
}
.login_box > div > div {
  position: relative;
  padding: 40px;
  max-width: 550px;
  margin: 0 auto;
}
.login_box > div > div > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d95d30;
}
.login_box > div > div > div:first-child > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.login_box > div > div > div:first-child > div:last-child i {
  margin: 0 10px 0 0;
}
.login_box > div > div > div:first-child img {
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: 100px;
}
.login_box > div > div > div:last-child {
  font-weight: 600;
}
.admins_holder {
  margin: 20px 0 0 0;
}
.admins_holder .admin {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.admins_holder .admin:last-child {
  margin: 0;
}
.admins_holder .admin > div {
  padding: 20px 10px;
}
.admins_holder .admin > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.admins_holder .admin > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.admins_holder .admin > div:nth-child(2) {
  flex: 1;
}
.admins_holder .admin > div h5 {
  font-weight: 600;
  color: #888888;
}
.roles_holder .role {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.roles_holder .role > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 30px;
  padding: 30px;
}
.roles_holder .role > div:first-child > div {
  padding: 0 0 0 10px;
}
.roles_holder .role > div:first-child > div:first-child {
  flex: 1;
  padding: 0;
}
.roles_holder .role > div:last-child > div {
  display: none;
  padding: 20px 60px 40px 60px;
}
.roles_holder .role > div:last-child > div .permission_box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #bbbbbb;
  padding: 20px 0;
  color: #bbbbbb;
}
.roles_holder .role > div:last-child > div .permission_box:first-child {
  border-top: none;
}
.roles_holder .role > div:last-child > div .permission_box > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.roles_holder .role > div:last-child > div .permission_box.active {
  font-weight: 600;
  color: #070001;
}
.roles_holder .role h5 {
  font-weight: 600;
  color: #888888;
}
.roles_holder .role .show_hide_permissions i:last-child {
  display: none;
}
.single_admin_profile {
  margin: 20px 0 0 0;
  display: table;
  width: 100%;
  background: #f1f1f1;
  border-radius: 30px;
}
.single_admin_profile > div {
  display: table-cell;
}
.single_admin_profile > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  width: 360px;
  border-radius: 30px;
}
.single_admin_profile > div:last-child {
  padding: 40px;
}
.single_admin_profile > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
}
.single_admin_profile > div:last-child > div:first-child {
  border-top: none;
}
.single_admin_profile > div:last-child > div > div {
  flex: 1;
  padding: 15px 0;
}
.single_admin_profile > div:last-child > div > div:first-child {
  flex: 0 0 200px;
}
.single_admin_profile > div:last-child > div > div:last-child {
  font-weight: 600;
}
.admin_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.admin_functions > div {
  flex: 1;
  padding: 10px;
}
.admin_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
}
.admin_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.admin_functions > div > div:hover {
  background: #fff;
}
.admin_role_permission {
  width: 100%;
  float: none !important;
}
.admin_role_permission > div:last-child {
  flex: 1;
}
.settings_box.display_picture {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 30px;
  padding: 40px;
  margin: 20px 0 0 0;
}
.settings_box.display_picture > div {
  font-weight: 600;
}
.settings_box.display_picture > div:first-child {
  flex: 0 0 200px;
}
.settings_box.display_picture > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 200px;
  border-radius: 50%;
}
.settings_box.display_picture > div:last-child {
  flex: 1;
  padding: 0 0 0 30px;
}
.settings_box.display_picture > div:last-child > div:first-child {
  font-weight: 600;
  color: #bbbbbb;
}
.settings_box.display_picture > div:last-child > div:first-child span {
  color: #888888;
}
.settings_box.display_picture > div:last-child > div:last-child {
  margin: 15px 0 0 0;
}
.settings_box.display_picture > div:last-child > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.settings_box.display_picture > div:last-child > div:last-child > a {
  float: left;
  margin: 0 5px 0 0;
}
.settings_box.personal_details {
  background: #fff;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.settings_box.personal_details > div:first-child {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -10px -10px;
  padding: 30px 40px;
}
.settings_box.personal_details > div:first-child > div {
  flex: 0 0 50%;
  padding: 10px;
}
.settings_box.personal_details > div:last-child {
  border-top: 1px solid #e6e6e6;
  padding: 30px 40px;
  text-align: right;
}
.settings_box.password_change {
  background: #fff;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.settings_box.password_change > div:first-child {
  display: flex;
  padding: 30px;
}
.settings_box.password_change > div:first-child > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.settings_box.password_change > div:last-child {
  border-top: 1px solid #e6e6e6;
  padding: 30px 40px;
  text-align: right;
}
/******* JOBS LESS *******/
.jobs_holder {
  margin: 20px 0 0 0;
}
.jobs_holder .job {
  display: table;
  width: 100%;
  margin: 0 0 20px 0;
}
.jobs_holder .job:last-child {
  margin: 0;
}
.jobs_holder .job > div {
  display: table-cell;
  background: #070001;
  color: #fff;
}
.jobs_holder .job > div:first-child {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 10px;
  border-radius: 30px 0 0 30px;
  font-size: 0.85rem;
  transition: 0.3s ease;
}
.jobs_holder .job > div:first-child > div {
  padding: 0 20px;
}
.jobs_holder .job > div:first-child > div:first-child {
  flex: 1;
}
.jobs_holder .job > div:last-child {
  vertical-align: middle;
  border-left: 1px solid #333;
  text-align: center;
  width: 45px;
  border-radius: 0 30px 30px 0;
}
.jobs_holder .job > div:last-child > h5 {
  font-weight: 600;
  transform: rotate(90deg);
  text-transform: uppercase;
  margin: 0 -15px;
}
.jobs_holder .job.declined > div {
  background: #f1f1f1;
  color: #bbbbbb;
}
.jobs_holder .job.declined > div:last-child {
  border-left: 1px solid #e6e6e6;
}
.jobs_holder .job.approved > div {
  background: #fff;
  color: #070001;
}
.jobs_holder .job.approved > div:last-child {
  border-left: 1px solid #e6e6e6;
  color: #d95d30;
}
.job_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.job_functions > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.job_functions > div:first-child,
.job_functions > div:nth-child(2) {
  flex: 0 0 50%;
}
.job_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.job_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.job_functions > div > div:hover {
  background: #fff;
}
.job_functions > div > div.pending {
  background: #070001;
  color: #fff;
}
.job_functions > div > div.declined {
  background: #f1f1f1;
  color: #bbbbbb;
}
.job_functions > div > div.approved {
  background: #fff;
  color: #d95d30;
}
.job_functions.three_only > div:first-child,
.job_functions.three_only > div:nth-child(2) {
  flex: 0 0 33.33%;
}
.job_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.job_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.job_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.job_info_display > div > div > div {
  padding: 30px;
}
.job_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.job_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.job_info_display > div > div > div:last-child a {
  word-break: break-all;
}
.job_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
/******* SEARCH LESS *******/
.major_searcher {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
}
.major_searcher > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.major_searcher > div > div:first-child {
  position: relative;
}
.major_searcher > div > div:first-child #search_box {
  padding: 60px 100px;
  background: none;
  transition: 0.3s ease;
  outline: none;
  width: 100%;
  font-size: 2.2rem;
  border: none;
  color: #070001;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
}
.major_searcher > div > div:first-child #search_box:hover {
  border-bottom-color: #070001;
}
.major_searcher > div > div:first-child #search_box:focus {
  border-bottom-color: #d95d30;
}
.major_searcher > div > div:first-child > span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 50px;
  font-size: 1.4rem;
  color: #e6e6e6;
  height: 100%;
  display: table;
}
.major_searcher > div > div:first-child > span > div {
  display: table-cell;
  vertical-align: middle;
}
.major_searcher > div > div:first-child > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 50px;
  font-size: 1.4rem;
  color: #e6e6e6;
  height: 100%;
  display: table;
  transition: 0.3s ease;
}
.major_searcher > div > div:first-child > a > div {
  display: table-cell;
  vertical-align: middle;
}
.major_searcher > div > div:first-child > a:hover {
  color: #d95d30;
}
.major_searcher > div > div:first-child > a:active {
  color: #070001;
}
.major_searcher > div > div:first-child .search_counter {
  font-weight: 700;
  text-align: center;
  font-size: 0.8rem;
  padding: 10px;
  background: #070001;
  color: #fff;
  display: none;
}
.major_searcher > div > div.search_choices_holder {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  display: flex;
  background: #fff;
  overflow-x: auto;
}
.major_searcher > div > div.search_choices_holder > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  flex: 1;
  display: block;
  background: #fff;
  padding: 20px 40px;
  transition: 0.3s ease;
  border-left: 1px solid #e6e6e6;
  text-align: center;
  white-space: nowrap;
}
.major_searcher > div > div.search_choices_holder > a:hover {
  background: #f1f1f1;
}
.major_searcher > div > div.search_choices_holder > a:active {
  background: #070001;
  color: #fff;
}
.major_searcher > div > div.search_choices_holder > a.active {
  background: #d95d30;
  color: #fff;
}
.major_searcher > div > div.search_choices_holder > a:first-child {
  border-left: none;
}
.major_searcher > div > div:last-child {
  flex: 1;
  display: table;
  height: 100%;
}
.major_searcher > div > div:last-child > div {
  display: table-cell;
}
.major_searcher > div > div:last-child > div > div {
  height: 100%;
  overflow-y: auto;
  padding: 40px;
}
.major_searcher > div > div:last-child > div > div > .search_results {
  max-width: 900px;
  margin: 0 auto;
}
.major_searcher > div > div:last-child > div > div > .search_results .no_search_results {
  text-align: center;
  color: #bbbbbb;
  margin: 40px 0 0 0;
}
.major_searcher > div > div:last-child > div > div > .search_results .preloader {
  text-align: center;
  margin: 40px 0 0 0;
}
.search_result_box {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  background: #f1f1f1;
  margin: 0 0 15px 0;
  border-radius: 30px;
  text-align: left;
  transition: 0.3s ease;
}
.search_result_box:last-child {
  margin: 0;
}
.search_result_box h5 {
  font-weight: 600;
  color: #888888;
}
.search_result_box.one {
  padding: 10px 30px;
}
.search_result_box.one > div {
  padding: 10px;
}
.search_result_box.one > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 70px;
  width: 70px;
  border-radius: 50%;
}
.search_result_box.one > div:nth-child(2) {
  flex: 1;
}
.search_result_box.two > div {
  padding: 10px;
}
.search_result_box.two > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.search_result_box.two > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 30px;
}
.search_result_box.two > div:nth-child(2) {
  flex: 1;
}
.search_result_box.two > div:nth-child(2) h5 {
  color: #d95d30;
}
.search_result_box.three {
  padding: 20px 30px;
}
.search_result_box.three > div {
  padding: 10px;
}
.search_result_box.three > div:first-child {
  flex: 1;
}
.search_result_box:hover {
  background: #070001;
  color: #fff;
}
/******* METRICS LESS *******/
.metrics_holder {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.metrics_holder .metric {
  flex: 0 0 33.33%;
  padding: 10px;
}
.metrics_holder .metric > div {
  border-radius: 30px;
  background: #fff;
  padding: 50px 30px;
  height: 100%;
}
.metrics_holder .metric > div h5 {
  font-weight: 700;
  color: #888888;
}
.metrics_holder .metric > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.metrics_holder .metric > div > div > div:last-child {
  font-weight: 700;
  color: #d95d30;
  padding: 0 0 0 10px;
}
.metrics_holder .metric h3 {
  font-weight: 700;
}
/******* PAGES LESS *******/
.pages_holder {
  margin: 20px -10px -10px -10px;
  display: flex;
  flex-wrap: wrap;
}
.pages_holder > .page {
  flex: 0 0 50%;
  padding: 10px;
}
.pages_holder > .page > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 20px;
}
.pages_holder > .page > div > div {
  padding: 40px;
}
.pages_holder > .page > div > div:first-child {
  flex: 1;
}
.page_display_mains {
  margin-top: 30px;
  background: #fff;
  border-radius: 20px;
}
.page_display_mains > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-top: 1px solid #e6e6e6;
}
.page_display_mains > div:first-child {
  border-top: none;
}
.page_display_mains > div > div {
  padding: 10px;
}
.page_display_mains > div > div:first-child {
  font-weight: 600;
  flex: 0 0 140px;
}
.page_display_mains > div > div:last-child {
  flex: 1;
}
.content_box {
  margin: 0 0 30px 0;
}
.content_box:last-child {
  margin: 0;
}
.content_box h3 {
  font-weight: 600;
}
.content_box.one {
  display: flex;
  flex-wrap: wrap;
}
.content_box.one > div:first-child {
  flex: 0 0 250px;
}
.content_box.one > div:first-child > div {
  height: 55%;
  min-height: 130px;
}
.content_box.one > div:first-child > div > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 20px 0 0 20px;
  height: 100%;
}
.content_box.one > div:last-child {
  flex: 1;
  padding: 40px;
  background: #fff;
  border-radius: 0 20px 20px 20px;
}
.content_box.one > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_box.one > div:last-child > div > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
.content_box.two {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.content_box.two > div {
  padding: 0 30px 0 0;
}
.content_box.two > div:first-child {
  flex: 1;
}
.content_box.two > div:last-child {
  padding: 0;
  text-align: right;
}
.content_box.two > div:last-child .button {
  margin: 0;
}
.content_box.three {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.content_box.three > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
.content_box.four {
  display: flex;
}
.content_box.four > div:first-child {
  flex: 1;
}
.content_box.four > div:first-child > div {
  min-height: 130px;
}
.content_box.four > div:first-child > div video {
  width: 100%;
  border-radius: 20px 0 20px 20px;
}
.content_box.four > div:first-child > div span {
  font-weight: 600;
  color: #888888;
  display: block;
  border-radius: 20px 0 20px 20px;
  background: #f1f1f1;
  padding: 100px;
  text-align: center;
}
.content_box.four > div:last-child > div {
  background: #fff;
  border-radius: 0 20px 20px 0;
  padding: 20px;
}
.page_link {
  font-weight: 700;
  font-size: 0.9rem;
  margin: 5px 0 0 0;
}
.page_link i {
  margin: 0 10px;
  color: #d95d30;
}
.slides_holder > .slide {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  min-height: 260px;
  margin: 20px 0 0 0;
}
.slides_holder > .slide > div {
  display: table-cell;
  vertical-align: middle;
}
.slides_holder > .slide > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  width: 260px;
  border-radius: 20px;
  position: relative;
}
.slides_holder > .slide > div:first-child .open_image_center {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
.slides_holder > .slide > div:nth-child(2) {
  padding: 40px 20px;
}
.slides_holder > .slide > div:nth-child(2) h3 {
  font-weight: 700;
}
.slides_holder > .slide > div:last-child {
  padding: 40px 40px 40px 0;
  width: 215px;
}
.page_media_holder > div.page_media_heading {
  margin: 30px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}
.page_media_holder > div.page_media_heading h5 {
  font-weight: 600;
  color: #888888;
}
.page_media_holder > div.page_video_holder .page_video {
  text-align: right;
}
.page_media_holder > div.page_video_holder .page_video > div:first-child {
  background: #070001;
  border-radius: 20px;
}
.page_media_holder > div.page_video_holder .page_video > div:first-child > video {
  width: 100%;
  border-radius: 20px;
}
.page_media_holder > div.page_video_holder .page_video > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.page_media_holder > div.page_video_holder .page_video > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.page_media_holder > div.page_video_holder .page_video > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.page_media_holder > div.page_video_holder .page_video_display {
  background: #070001;
  border-radius: 20px;
}
.page_media_holder > div.page_video_holder .page_video_display > video {
  width: 100%;
  border-radius: 20px;
}
.partners_holder > .partner {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  min-height: 180px;
  margin: 20px 0 0 0;
}
.partners_holder > .partner > div {
  display: table-cell;
  vertical-align: middle;
}
.partners_holder > .partner > div:first-child {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #f1f1f1;
  overflow: hidden;
  width: 30%;
  border-radius: 20px;
  position: relative;
}
.partners_holder > .partner > div:first-child .open_image_center {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
.partners_holder > .partner > div:nth-child(2) {
  padding: 40px 20px;
}
.partners_holder > .partner > div:nth-child(2) h3 {
  font-weight: 700;
}
.partners_holder > .partner > div:last-child {
  padding: 40px 40px 40px 0;
  width: 215px;
}
.nadine_awards_holder > .nadine_award {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  min-height: 180px;
  margin: 20px 0 0 0;
}
.nadine_awards_holder > .nadine_award > div {
  display: table-cell;
  vertical-align: middle;
}
.nadine_awards_holder > .nadine_award > div:first-child {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #f1f1f1;
  overflow: hidden;
  width: 30%;
  border-radius: 20px;
  position: relative;
}
.nadine_awards_holder > .nadine_award > div:first-child .open_image_center {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
.nadine_awards_holder > .nadine_award > div:nth-child(2) {
  padding: 40px 20px;
}
.nadine_awards_holder > .nadine_award > div:nth-child(2) h3 {
  font-weight: 700;
}
.nadine_awards_holder > .nadine_award > div:last-child {
  padding: 40px 40px 40px 0;
  width: 215px;
}
.other_links_holder {
  margin: 20px 0 0 0;
}
.other_links_holder .other_link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 20px;
  border-radius: 30px;
}
.other_links_holder .other_link:last-child {
  margin: 0;
}
.other_links_holder .other_link > div {
  padding: 30px 10px;
}
.other_links_holder .other_link > div:first-child {
  flex: 1;
}
/******* ORDERS LESS *******/
#cart_items_holder {
  border-top: 1px solid #e6e6e6;
  margin: 40px 0 0 0;
}
#cart_items_holder .cart_item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 40px 0 0;
}
#cart_items_holder .cart_item > div {
  padding: 0 10px;
}
#cart_items_holder .cart_item > div:first-child {
  flex: 0 0 100px;
  padding: 0 10px 0 0;
}
#cart_items_holder .cart_item > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  height: 90px;
}
#cart_items_holder .cart_item > div:nth-child(2) {
  flex: 1;
}
#cart_items_holder .cart_item > div:nth-child(2) .cart_item_info {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  color: #bbbbbb;
  margin: 5px 0 0 0;
  font-size: 0.85rem;
}
#cart_items_holder .cart_item > div:nth-child(2) .cart_item_info > div:nth-child(2) {
  padding: 0 10px;
}
#cart_items_holder .cart_item > div:nth-child(2) .cart_item_info > div span {
  margin: 0 5px 0 0;
}
#cart_items_holder .cart_item > div:last-child {
  padding: 0 0 0 20px;
}
#cart_items_holder .cart_item .strikeout {
  text-decoration: line-through;
}
#cart_items_holder .cart_item .cart_reward {
  padding: 15px 30px;
  border-radius: 15px;
  font-size: 0.8rem;
  display: inline-block;
  margin: 10px 0 0 0;
}
#cart_items_holder .cart_reward {
  font-weight: 600;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  padding: 30px;
  margin: 20px 40px 0 0;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}
#cart_items_holder .cart_reward > span {
  color: #d95d30;
}
#cart_items_holder .cart_reward > span:first-child {
  margin: 0 10px;
}
#cart_items_holder.for_checkout {
  border-top: none;
  margin: 0;
}
#cart_items_holder.for_checkout .cart_item {
  margin: 0;
}
#cart_items_holder.for_checkout .cart_item > div:first-child {
  flex: 0 0 60px;
}
#cart_items_holder.for_checkout .cart_item > div:first-child > div {
  border-radius: 15px;
  height: 50px;
}
#cart_items_holder.for_checkout .cart_item:first-child {
  padding: 0 0 20px 0;
}
#cart_items_holder.for_billing {
  border-top: none;
  margin: 0;
}
#cart_items_holder.for_billing .cart_item {
  margin: 0;
  padding: 30px;
}
#cart_items_holder.for_billing .cart_item > div:first-child {
  flex: 0 0 60px;
}
#cart_items_holder.for_billing .cart_item > div:first-child > div {
  border-radius: 15px;
  height: 50px;
}
#cart_items_holder.for_billing .cart_item > div:last-child {
  padding: 0 0 0 30px;
}
#cart_items_holder.for_billing .cart_item:last-child {
  margin: 0;
}
#cart_items_holder.for_billing .cart_reward {
  margin: 20px 0 0 0;
  border-radius: 0;
  border-width: 1px 0;
}
#cart_items_holder .empty_state {
  margin: 20px 40px 0 0;
}
.billings_holder {
  margin: 20px 0 0 0;
}
.billings_holder .billing {
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 10px;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 30px;
  font-size: 0.85rem;
  transition: 0.3s ease;
}
.billings_holder .billing:last-child {
  margin: 0;
}
.billings_holder .billing > div {
  padding: 0 20px;
}
.billings_holder .billing > div:first-child {
  flex: 0 0 150px;
}
.billings_holder .billing > div:nth-child(2) {
  flex: 1;
}
.billings_holder .billing > div h5 {
  font-weight: 700;
  color: #888888;
}
.billings_holder .billing > div p {
  font-weight: 700;
}
.billing_items_holder {
  background: #fff;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.billing_items_holder .billing_total {
  background: #f1f1f1;
  border-radius: 0 0 30px 30px;
  padding: 30px;
}
.billing_items_holder .billing_total > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.billing_items_holder .billing_total > div > div:first-child {
  flex: 1;
}
.billing_items_holder .billing_total > div > div:last-child {
  text-align: right;
}
.billing_items_holder .billing_total > div > div h3,
.billing_items_holder .billing_total > div > div h4 {
  font-weight: 600;
  text-transform: uppercase;
}
.billing_items_holder .billing_total > div:first-child {
  border-top: none;
}
.billing_stats {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.billing_stats > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.billing_stats > div:nth-child(n+4) {
  flex: 0 0 50%;
}
.billing_stats > div > div {
  background: #fff;
  padding: 30px;
  border-radius: 30px;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
  height: 200px;
}
.billing_stats > div > div > div {
  display: table;
  position: relative;
  z-index: 1;
}
.billing_stats > div > div > div > div {
  display: table-cell;
  vertical-align: middle;
}
.billing_stats > div > div > div > div:first-child {
  background: #d95d30;
  border-radius: 15px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
}
.billing_stats > div > div > div > div:last-child {
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #d95d30;
}
.billing_stats > div > div > h3,
.billing_stats > div > div h4 {
  font-weight: 600;
  color: #d95d30;
  margin: 20px 0 0 0;
  line-height: 105%;
  position: relative;
  z-index: 1;
}
.billing_stats > div > div > h3.grey,
.billing_stats > div > div h4.grey {
  color: #888888;
}
.billing_stats > div > div > h3.white,
.billing_stats > div > div h4.white {
  color: #fff;
}
.billing_stats > div > div > span {
  position: absolute;
  bottom: -28px;
  right: -10px;
  color: #f1f1f1;
  font-size: 6.5rem;
}
.billing_stats > div > div:hover {
  background: #070001;
  color: #fff;
}
.billing_stats > div > div:hover > div > div:first-child {
  background: #fff;
  color: #070001;
}
.billing_stats > div > div:hover > div > div:last-child {
  color: #fff;
}
.billing_stats > div > div:hover > h3,
.billing_stats > div > div:hover h4 {
  color: #fff;
}
.billing_stats > div > div:hover > span {
  color: #888888;
  opacity: 0.35;
}
.billing_stats.four_records > div {
  flex: 0 0 50%;
}
/******* REVIEWS LESS *******/
.review_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.review_functions > div {
  flex: 1;
  padding: 10px;
}
.review_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.review_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.review_functions > div > div:hover {
  background: #fff;
}
.review_functions > div > div.visible {
  background: #d95d30;
  color: #fff;
}
.review_functions > div > div.visible i {
  font-size: 1.2rem;
}
.review_box {
  background: #fff;
  margin: 20px 0 0 0;
  padding: 40px;
  border-radius: 30px;
}
.reviews_holder {
  margin: 20px 0 0 0;
}
.reviews_holder .review {
  background: #fff;
  border-radius: 30px;
  position: relative;
  margin: 0 0 20px 0;
}
.reviews_holder .review > div:first-child {
  padding: 40px;
}
.reviews_holder .review > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 15px 20px;
}
.reviews_holder .review > div:last-child > div {
  padding: 0 5px;
}
.reviews_holder .review > div:last-child > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.reviews_holder .review > div:last-child > div:nth-child(2) {
  flex: 1;
  padding: 0 10px;
}
.reviews_holder .review > div:last-child > div .review_visibility {
  font-weight: 600;
  font-size: 0.8rem;
  background: #e6e6e6;
  color: #888888;
  padding: 10px 25px;
  border-radius: 30px;
}
.reviews_holder .review > div:last-child > div .review_visibility.visible {
  background: #d95d30;
  color: #fff;
}
.reviews_holder > .my_review {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  min-height: 260px;
  margin: 0 0 20px 0;
}
.reviews_holder > .my_review > div {
  display: table-cell;
  vertical-align: middle;
}
.reviews_holder > .my_review > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  width: 260px;
  border-radius: 20px;
  position: relative;
}
.reviews_holder > .my_review > div:first-child .open_image_center {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
.reviews_holder > .my_review > div:nth-child(2) {
  padding: 40px 20px;
}
.reviews_holder > .my_review > div:nth-child(2) h3 {
  font-weight: 700;
}
.reviews_holder > .my_review > div:nth-child(2) > div {
  display: flex;
}
.reviews_holder > .my_review > div:nth-child(2) > div > div:first-child {
  padding: 0 10px 0 0;
}
.reviews_holder > .my_review > div:nth-child(2) > div > div:first-child .review_visibility {
  font-weight: 600;
  font-size: 0.8rem;
  background: #e6e6e6;
  color: #888888;
  padding: 10px 25px;
  border-radius: 30px;
}
.reviews_holder > .my_review > div:nth-child(2) > div > div:first-child .review_visibility.visible {
  background: #d95d30;
  color: #fff;
}
/******* DISCOUNTS LESS *******/
.redeemable_groups_holder {
  margin: 20px 0 0 0;
}
.redeemable_groups_holder .redeemable_group {
  background: #f1f1f1;
  border-radius: 30px;
  margin: 20px 0 0 0;
}
.redeemable_groups_holder .redeemable_group:first-child {
  margin: 0;
}
.redeemable_groups_holder .redeemable_group > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0 20px;
  border-radius: 30px;
}
.redeemable_groups_holder .redeemable_group > div:first-child:last-child {
  margin: 0;
}
.redeemable_groups_holder .redeemable_group > div:first-child > div {
  padding: 20px 10px;
}
.redeemable_groups_holder .redeemable_group > div:first-child > div:first-child {
  flex: 1;
}
.redeemable_groups_holder .redeemable_group > div:first-child > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.redeemable_groups_holder .redeemable_group > div:first-child > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.redeemable_groups_holder .redeemable_group > div:last-child {
  padding: 30px;
}
.redeemable_groups_holder .redeemable_group > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.redeemable_groups_holder .redeemable_group > div:last-child > div > div {
  flex: 1;
  border-left: 1px solid #e6e6e6;
  text-align: center;
}
.redeemable_groups_holder .redeemable_group > div:last-child > div > div:first-child {
  border-left: none;
}
.redeemable_groups_holder .redeemable_group > div:last-child > div h5 {
  font-weight: 700;
}
.redeemable_groups_holder .redeemable_group > div:last-child > div span {
  margin: 0 10px;
  color: #bbbbbb;
}
.rewards_holder {
  margin: 20px 0 0 0;
}
.rewards_holder .reward {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  margin: 0 0 20px 0;
  padding: 0 20px;
}
.rewards_holder .reward:last-child {
  margin: 0;
}
.rewards_holder .reward > div {
  padding: 20px 10px;
}
.rewards_holder .reward > div:first-child {
  flex: 1;
}
.rewards_holder .reward > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.rewards_holder .reward > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.discounts_holder {
  margin: 20px 0 0 0;
}
.discounts_holder .discount {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  border-radius: 30px;
}
.discounts_holder .discount:last-child {
  margin: 0;
}
.discounts_holder .discount > div {
  padding: 20px 10px;
}
.discounts_holder .discount > div:first-child {
  flex: 1;
}
.discounts_holder .discount > div:first-child span {
  font-weight: 600;
  color: #888888;
}
.discount_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.discount_functions > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.discount_functions > div:nth-child(n+4) {
  flex: 1;
}
.discount_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
}
.discount_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.discount_functions > div > div:hover {
  background: #fff;
}
.discount_functions > div > div.active {
  background: #fff;
}
.discount_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.discount_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.discount_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.discount_info_display > div > div > div {
  padding: 30px;
}
.discount_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.discount_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.discount_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
/******* SUPPORT LESS *******/
.support_chat_box {
  background: #fff;
  border-radius: 30px;
  position: relative;
  margin: 20px 20% 0 0;
}
.support_chat_box > div:first-child {
  padding: 30px 40px;
}
.support_chat_box > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 15px;
}
.support_chat_box > div:nth-child(2) > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.support_chat_box > div:nth-child(2) > div:last-child {
  flex: 1;
  padding: 0 15px;
}
.support_chat_box > div:nth-child(2) > div:last-child div {
  font-weight: 700;
}
.support_chat_box > div:nth-child(2) > div:last-child > span {
  font-weight: 600;
  font-size: 0.8rem;
  color: #888888;
}
.support_chat_box.for_me {
  margin: 20px 0 0 20%;
}
.support_tickets_holder {
  margin: 20px 0 0 0;
}
.support_tickets_holder .support_ticket {
  display: table;
  width: 100%;
  margin: 0 0 20px 0;
}
.support_tickets_holder .support_ticket:last-child {
  margin: 0;
}
.support_tickets_holder .support_ticket > div {
  display: table-cell;
  background: #070001;
  color: #fff;
}
.support_tickets_holder .support_ticket > div:first-child {
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 10px;
  border-radius: 30px 0 0 30px;
  font-size: 0.85rem;
  transition: 0.3s ease;
}
.support_tickets_holder .support_ticket > div:first-child > div {
  padding: 0 20px;
}
.support_tickets_holder .support_ticket > div:first-child > div:first-child {
  flex: 0 0 100px;
}
.support_tickets_holder .support_ticket > div:first-child > div:nth-child(2) {
  flex: 1;
}
.support_tickets_holder .support_ticket > div:first-child > div:nth-child(4) {
  flex: 0 0 140px;
}
.support_tickets_holder .support_ticket > div:first-child > div h5 {
  font-weight: 700;
  color: #888888;
}
.support_tickets_holder .support_ticket > div:first-child > div p {
  font-weight: 700;
}
.support_tickets_holder .support_ticket > div:last-child {
  vertical-align: middle;
  border-left: 1px solid #333;
  text-align: center;
  width: 45px;
  border-radius: 0 30px 30px 0;
}
.support_tickets_holder .support_ticket > div:last-child > h5 {
  font-weight: 600;
  transform: rotate(90deg);
  text-transform: uppercase;
  margin: 0 -15px;
}
.support_tickets_holder .support_ticket.ongoing > div {
  background: #d95d30;
}
.support_tickets_holder .support_ticket.ongoing > div:first-child h5 {
  color: #e6e6e6;
}
.support_tickets_holder .support_ticket.ongoing > div:last-child {
  border-left: 1px solid #f37344;
}
.support_tickets_holder .support_ticket.unsolved > div {
  background: #f1f1f1;
  color: #070001;
}
.support_tickets_holder .support_ticket.unsolved > div:last-child {
  border-left: 1px solid #e6e6e6;
}
.support_tickets_holder .support_ticket.solved > div {
  background: #fff;
  color: #070001;
}
.support_tickets_holder .support_ticket.solved > div:last-child {
  border-left: 1px solid #e6e6e6;
}
.support_heading > div:first-child {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
  background: #fff;
  padding: 30px;
  border-radius: 20px 20px 0 0;
}
.support_heading > div:first-child > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
.support_heading > div:first-child > div:last-child > div {
  font-weight: 600;
  background: #070001;
  color: #fff;
  border-radius: 20px;
  padding: 8px 30px;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.support_heading > div:first-child > div:last-child > div.ongoing {
  background: #d95d30;
}
.support_heading > div:first-child > div:last-child > div.unsolved {
  background: #f1f1f1;
  color: #070001;
}
.support_heading > div:first-child > div:last-child > div.solved {
  background: #fff;
  color: #070001;
}
.support_heading > div .textbox {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 30px;
}
.support_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.support_functions > div {
  flex: 1;
  padding: 10px;
}
.support_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.support_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.support_functions > div > div:hover {
  background: #fff;
}
/******* ENQUIRIES LESS *******/
.enquiries_holder {
  margin: 20px 0 0 0;
}
.enquiries_holder .enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  border-radius: 30px;
}
.enquiries_holder .enquiry:last-child {
  margin: 0;
}
.enquiries_holder .enquiry > div {
  padding: 20px 10px;
}
.enquiries_holder .enquiry > div:first-child {
  flex: 1;
}
.enquiries_holder .enquiry > div:first-child span {
  font-weight: 600;
  color: #888888;
}
.enquiries_holder .enquiry h5 {
  font-weight: 600;
  color: #888888;
}
.enquiries_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.enquiries_functions > div {
  flex: 1;
  padding: 10px;
}
.enquiries_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
}
.enquiries_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.enquiries_functions > div > div:hover {
  background: #fff;
}
.enquiries_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.enquiries_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.enquiries_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.enquiries_info_display > div > div > div {
  padding: 30px;
}
.enquiries_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.enquiries_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.enquiries_info_display > div > div > div:last-child a {
  word-break: break-all;
}
.enquiries_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
/******* NOTIFICATIONS LESS *******/
.notifications_holder {
  margin: 20px 0 0 0;
}
.notifications_holder > .notification {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  background: #f1f1f1;
  padding: 20px 30px;
  border-radius: 20px;
  margin: 10px 0 0 0;
  transition: 0.3s ease;
}
.notifications_holder > .notification:first-child {
  margin: 0;
}
.notifications_holder > .notification > div:first-child {
  padding: 0 20px 0 0;
}
.notifications_holder > .notification > div:first-child > div {
  height: 10px;
  width: 9.5px;
  border-radius: 50%;
}
.notifications_holder > .notification > div:nth-child(2) {
  flex: 0 0 50px;
}
.notifications_holder > .notification > div:nth-child(2) > div {
  display: table;
  height: 50px;
  width: 100%;
  border-radius: 30px;
  background: #e6e6e6;
  color: #888888;
}
.notifications_holder > .notification > div:nth-child(2) > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
}
.notifications_holder > .notification > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.notifications_holder > .notification > div:last-child > h5 {
  font-weight: 600;
  margin: 2px 0 0 0;
  color: #888888;
}
.notifications_holder > .notification > div:last-child span {
  color: #d95d30;
  margin: 0 8px;
  color: 0.75rem;
}
.notifications_holder > .notification:hover {
  background: #fff;
}
.notifications_holder > .notification.unseen {
  background: #fff;
}
.notifications_holder > .notification.unseen > div:first-child > div {
  background: #d95d30;
}
.notifications_holder > .notification.unseen > div:nth-child(2) > div {
  color: #d95d30;
}
.notifications_holder > .notification.unseen > div:last-child > h5 {
  color: #bbbbbb;
}
.notifications_holder > .notification.unseen:hover {
  background: #d95d30;
  color: #fff;
}
.notifications_holder > .notification.unseen:hover > div:first-child > div {
  background: #fff;
}
.notifications_holder > .notification.unseen:hover > div:nth-child(2) > div {
  background: #fff;
  color: #d95d30;
}
.notifications_holder > .notification.unseen:hover > div:last-child > h5 {
  color: #fff;
}
.notifications_holder > .notification.unseen:hover > div:last-child span {
  color: #fff;
}
.notifications_holder > .notification.with_image > div:nth-child(2) > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
}
.notifications_holder > .notification.with_image > div:nth-child(2) > div > div {
  background: #d95d30;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.notifications_holder > .notification.mini {
  padding: 15px 25px;
  margin: 0;
  border-top: 1px solid #ddd;
  border-radius: 0;
}
.notifications_holder > .notification.mini > div:first-child {
  padding: 0 10px 0 0;
}
.notifications_holder > .notification.mini > div:nth-child(2) {
  flex: 0 0 45px;
}
.notifications_holder > .notification.mini > div:nth-child(2) > div {
  height: 45px;
}
.notifications_holder > .notification.mini > div:nth-child(2) > div > div {
  font-size: 0.9rem;
}
.notifications_holder > .notification.mini > div:last-child {
  padding: 0 0 0 10px;
  font-size: 0.8rem;
}
.notifications_holder > .notification.mini.unseen {
  border-top: 1px solid #e6e6e6;
}
.notifications_holder > .notification_breaker {
  margin: 30px 0;
  height: 1px;
  background: #bbbbbb;
}
.notifications_holder .preloader {
  background: #fff;
  border-radius: 30px;
  padding: 60px;
  text-align: center;
}
.notifications_popup {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  z-index: 10;
  top: 80px;
  right: 30px;
  width: 400px;
  background: #fff;
  border-radius: 20px;
  display: none;
}
.notifications_popup > div:first-child {
  padding: 20px 20px 20px 10px;
  text-align: center;
}
.notifications_popup > div:first-child > h5 {
  font-weight: 600;
  color: #888888;
}
.notifications_popup > div:first-child > h5 > span {
  color: #d95d30;
}
.notifications_popup > div.notifications_holder {
  margin: 0;
  height: 400px;
  overflow-y: auto;
}
.notifications_popup > div:last-child {
  border-top: 1px solid #e6e6e6;
}
.notifications_popup > div:last-child > a {
  font-weight: 600;
  display: block;
  padding: 20px;
  text-align: center;
  color: #d95d30;
  transition: 0.3s ease;
  border-radius: 0 0 20px 20px;
}
.notifications_popup > div:last-child > a:hover {
  background: #d95d30;
  color: #fff;
}
.notifications_popup > div:last-child > a:active {
  background: #070001;
  color: #fff;
}
.notifications_popup .empty_state {
  background: none;
  padding: 150px 20px 20px 20px;
  border-radius: 0;
  margin: 0;
}
.notifications_popup .empty_state > div > div:first-child {
  font-size: 3rem;
}
/******* HELP CENTRE LESS *******/
.help_article_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.help_article_functions > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.help_article_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.help_article_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.help_article_functions > div > div:hover {
  background: #fff;
}
.help_article_functions > div > div.published,
.help_article_functions > div > div.pinned {
  background: #fff;
  color: #d95d30;
}
.help_articles_holder {
  margin: 20px 0 0 0;
}
.help_articles_holder .help_article {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 30px;
}
.help_articles_holder .help_article:last-child {
  margin: 0;
}
.help_articles_holder .help_article > div {
  padding: 30px 10px;
}
.help_articles_holder .help_article > div:first-child {
  flex: 1;
  padding: 30px 10px 30px 30px;
}
.help_articles_holder .help_article > div:first-child h5 {
  color: #d95d30;
}
.help_articles_holder .help_article > div h5 {
  font-weight: 600;
}
.help_articles_holder .help_article.published {
  background: #fff;
}
.help_article_media_holder > div.help_article_media_heading {
  margin: 30px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}
.help_article_media_holder > div.help_article_media_heading h5 {
  font-weight: 600;
  color: #888888;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video {
  text-align: right;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video > div:first-child {
  background: #070001;
  border-radius: 20px;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video > div:first-child > video {
  width: 100%;
  border-radius: 20px;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video_display {
  background: #070001;
  border-radius: 20px;
}
.help_article_media_holder > div.help_article_video_holder .help_article_video_display > video {
  width: 100%;
  border-radius: 20px;
}