* {

    scrollbar-color: #4d4d4d #000; 

}

b {

	font-family: 'SweetSansPro Bold';

}

a {

   color: #ff5a5e !important;

}

#navbar-toggler {

	z-index: 4000;

}

 /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #4d4d4d;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4d4d4d;
}

body {

    color: white;
    background-color: #1f1f1f !important;
    width: 100vw !important;
    overflow-x: hidden;

}

html {
    overflow-x: hidden;
}

footer {

  background-color: black;

}

.navbar .nav-item a {

   color: white!important;

}

/*div,table,a {

	color: black;

}*/

@media (max-width:992px){
	#lms_nav {
	    width: 100%;
	}
	#lms_nav,#course_menu {
	    padding: 0;
	}
	#lms_nav img {

	    max-height: 19px;

	}

	#lms_nav  {
	    margin-left: 20px;
	}

	#show_lateral_tree_button {

	    top: 50px;
	    left: 0px;
	    opacity: 1;
	}	

}

@media (max-width:767px){
	#lms_nav {
	    width: 100%;
	}
	#lms_nav,#course_menu {
	    padding: 0;
	}
	#lms_nav img {

	    max-height: 19px;

	}

	#lms_nav  {
	    margin-left: 20px;
	}

	#content {

		min-height: calc(100vh - 120px);

	}
}

@media (min-width:768px){
	#lms_nav img {

	    max-height: 39px;

	}
	#content {

		min-height: calc(100vh - 176px);

	}
}

/*.block-row {

	margin-top: 1.5rem;

}*/

.social_icon {

	fill: white;

}

.share_icon_box {

	display: block;
	width: 45px;
	height: 45px;
	background-color: #0069a1;
	margin: 4px auto 0px auto;
	padding: 7px 7px 7px 7px;

}

.share_icon_box_twitter {

	background-color: #1da1f2 !important;

}

.avatar-container {

	max-width: 150px;
	display: block;
	margin: auto;

}


.review-avatar-container {

	max-width: 75px;
	display: block;
	margin: auto;

}


p {

	font-family: 'SweetSansPro Light';
	color: white;
	margin-top: 15px;

}


@font-face {
    font-family: 'SweetSansPro';
    src: url('/static/fonts/SweetSansPro-Regular.eot');
    src: local('Sweet Sans Pro'), local('SweetSansPro-Regular'),
        url('/static/fonts/SweetSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/SweetSansPro-Regular.woff2') format('woff2'),
        url('/static/fonts/SweetSansPro-Regular.woff') format('woff'),
        url('/static/fonts/SweetSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SweetSansPro Bold';
    src: url('/static/fonts/SweetSansPro-Bold.eot');
    src: local('Sweet Sans Pro Bold'), local('SweetSansPro-Regular'),
        url('/static/fonts/SweetSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/SweetSansPro-Bold.woff2') format('woff2'),
        url('/static/fonts/SweetSansPro-Bold.woff') format('woff'),
        url('/static/fonts/SweetSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SweetSansPro Light';
    src: url('/static/fonts/SweetSansPro-Light.eot');
    src: local('Sweet Sans Pro Light'), local('SweetSansPro-Regular'),
        url('/static/fonts/SweetSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/SweetSansPro-Light.woff2') format('woff2'),
        url('/static/fonts/SweetSansPro-Light.woff') format('woff'),
        url('/static/fonts/SweetSansPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Outer Sans';
    src: local('MADE Outer Sans'),
        url('/static/fonts/MADEOuterSans.woff2') format('woff2'),
        url('/static/fonts/MADEOuterSans.woff') format('woff'),
        url('/static/fonts/MADEOuterSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


h1,h2,h3,h1 *, h2 *, h3 * {

    font-family: 'SweetSansPro Bold';
    color: white;

}

h4,h5,h6 {

    font-family: 'SweetSansPro';
    color: white;

}

li {

    font-family: 'SweetSansPro';
    color: white;

}

body {

	font-family: 'SweetSansPro';

}


.top-0 {

	top :0px;

}

#cookies_button {

		opacity: .6;

}


@keyframes pop-in {
	  0% {
			    opacity: 1;
			    /*transform: translateY(-1rem) scale(.9);
					transform: rotate3D(1,.2,0,40deg);*/
					transform: translateY(-1px);
			  }
	  100% {
			    opacity: 1;
			    transform: none;
			  }
}

/*h1, .animate-pop-in {
	  animation: pop-in 1s ease-out forwards;
}*/



@keyframes inverteix {
	  0% {
			    transform: none;
			  }
	  100% {
					transform: rotate3D(1,0,0,180deg);
			  }
}

/* IN COURSE MENU BAR */

#course_lateral_tree {

	border: 1px solid #222222;
	display: block;
	position: fixed;
	left: 0px;
	padding: 15px 10px 10px 20px;
	background-color: #303030;
	z-index: 2000;
	overflow: auto;

}

.inverteix {
	  animation: inverteix 2s ease-out forwards;
	}

#course_lateral_tree ul {

	list-style-type: none;

}

#course_lateral_tree a {

	color: white;

}
/* END IN COURSE MENU BAR */


/* FROM OSCAR OR CART RELATED */

.alert {

	border: 1px solid white !important;
	background: #ccc !important;
	color: black !important;

}

/* weird alternative to btn-block for specific use on the product page, where btn-block would cause a vertical misalignment when product size options are shown */
.btn-add-to-basket {
	width: 100%;
}

/* END FROM OSCAR OR CART RELATED */


.nav-link {

	font-size: 1.1rem !important;
	margin-top: 12px !important;

}

/*
.codered-navbar-center .navbar-brand img {
  height: 100% !important;
}
*/

@media (min-width:992px){

	.nav-item .active:after{

	    position: relative;
	    content: "";
	    display: block;
	    background-color: #ff5a5e;
	    height: 5px;
	    top: 14px;
	    width: 100%;

	}

	.navbar-nav {

	    height: 65px;

	  }

}

@media (min-width:576px){
	#language_selector_mobile {

	    display: none;

	}
}


/*@media (max-width:767px){*/
@media (max-width:575px){

	.faq_box {
  
		margin-left: 10px !important;
		margin-right: 10px !important;
		
	}

	#load_more_place {

		padding-left: 25px !important;
		padding-right: 30px !important;

	}

	.rem_085_mobile {

	    font-size: 0.85rem !important;

	}

	.navbar-brand img {
	    width: 150px;
	}



	#language_selector_mobile {
	
	    display: block;
	    position: absolute;
	    top: 0px;
	    right: 55px;
	    list-style-type: none;
	    z-index: 3000;
	
	}


	#language_selector_menu {
	
	    display: none !important;

	}

	.main_page_course_col2 {
	
	    width: 100vw !important;
	    height: 100vw !important;

	}

	#course_lateral_tree {

	    top: 0px;
	    height: 100vh; /* Full window minus navbar */

        }

	.justify-content-center-mobile {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}


        .center-mobile {
             margin-left: auto;
	     margin-right: auto;
        }
		.text-center-mobile {
				text-align: center;
		}

}


/* REVIEW STARS /*
.star-rating {
  color: #CBCBCB;
}
.star-rating i {
  letter-spacing: -1px;
  width: auto;
}
.star-rating a {
  margin-left: 10px;
}
.star-rating.One i:first-child {
  color: #E6CE31;
}
.star-rating.Two i:first-child,
.star-rating.Two i:first-child + i {
  color: #E6CE31;
}
.star-rating.Three i:first-child,
.star-rating.Three i:first-child + i,
.star-rating.Three i:first-child + i + i {
  color: #E6CE31;
}
.star-rating.Four i:first-child,
.star-rating.Four i:first-child + i,
.star-rating.Four i:first-child + i + i,
.star-rating.Four i:first-child + i + i + i {
  color: #E6CE31;
}
.star-rating.Five i {
  color: #E6CE31;
}


/* COMMENTS FORM */

#id_honeypot {
    display: none;
}

#id_comment {

    width: 100%;

}

#leave_comment_div {

    cursor: pointer;

}

.underlined_title_white:before {

    border-bottom: 4px solid white !important;

}

.underlined_title {

    display: inline-block;
    padding-bottom: 15px;
    position: relative;
    color: white;
    margin-bottom: 10px;

}

.underlined_title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 15%;
    bottom: 0px;
    left: 42.5%;
    border-bottom: 4px solid #ff5a5e;
}

.underlined:before {
    position: absolute;
    height: 5px;
    width: 33%;
    left: 33%;
    bottom: 0;
    background: #ff5a5e;
    display: block;
    content: "";
    bottom: -10px;
}

.underlined_white:before {

    background: white !important;

}


.underlined_title_left {

    display: inline-block;
    padding-bottom: 15px;
    position: relative;
    color: white;
    margin-bottom: 10px;

}

.underlined_title_left:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 25%;
    bottom: 0px;
    left: 0;
    border-bottom: 4px solid #ff5a5e;
}

.bg-primary, .btn-primary {

    background: #ff5a5e !important;
    color: white !important;

}

.text-orange {

   color: #ff5a5e !important;

}

.bg-grey {

    background: #f2f2f2 !important;

}

.bg-black {

    background: #000000 !important;

}

#main_menu {

    background: #000000 !important;
    padding: 0px 0 0 15px! important;

}

.next-p-black p {

	color: black !important;

}

.next-p-white p {

	color: white !important;

}


.quinceremos,.btn {

    border-radius: .15rem !important;

}


.form-group {

	color: white;

}

.truncate-text {

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  
  }

.truncate-next-p > p {

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}


.vp-captions {

    font-size: 18px !important;

}

.jumbotron {

    margin-bottom: 0px !important;

}


.image_center_scale_wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
	background-size: cover;
	background-position: center center;

	display: flex;
	justify-content: center;
}

.image_center_scale_wrapper img:hover {
	filter: invert(0%) !important;
}

.error-block {

	color: white;

}

/*
.col-md, .remove_md8_on_expand {

    transition: all 0.5s ease;

}
*/

#show_lateral_tree_button {

	position: fixed;
	display: block;
	border-top: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	z-index: 2100;
	background-color: black;
	box-shadow: 1px 1px rgba(166, 166, 166, 0.31);

}


#show_lateral_tree_button a {

	padding: 5px 5px 5px 5px;

}

.answer_div {

    cursor: pointer;

}

.selected_question {

    border: 1px solid white;
    background-color: #606060 !important;

}


@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
    }
}


:root {
    --plyr-font-size-large:  20px;
    --plyr-color-main: #ff5a5e;
    --plyr-video-control-color: white !important;
}


.plyr--video .plyr__controls {
    color: white !important;
}

.block-UnderlinedTitle {

    padding-left: 0.5rem;
    padding-right: 0.5rem;

}


.video-js button , .vjs-playback-rate{

	color: #ff5a5e !important;

}

.video-js .vjs-play-progress {

	background-color: #ff5a5e !important;
	
}


.player-dimensions {

	height: 100% !important;

}

.max-width-content-center {


}


@media (min-width:576px){

	#load_more_place {

		width: 300px;
		margin-left: auto;
		margin-right: auto;

	}

	.desktop-height-435 {

	    min-height: 435px;
	
	}

	/*
	#course-info-block {
	    height: 435px;
	}*/

	.carousel_mobile {

	    display: none !important;

	}

	.swiper-container {

	    display: none !important;
	
	}

	.max-width-content-center {
	
	    /*max-width: 540px;*/
	    padding-left: calc(100vh - 576px);
	    padding-right: calc(100vh - 576px);

	}

}


@media (min-width:768px){

	#course_lateral_tree {

	    border-top: 1px solid rgb(31, 31, 31);
	    top: 81px;
	    height: calc( 100vh - 70px); /* Full window minus navbar */

    	}

	.max-width-content-center {
	
	    /*max-width: 720px;*/
	    padding-left: calc(100vh - 768px);
	    padding-right: calc(100vh - 768px);

	}

}

@media (min-width:992px){

	#show_lateral_tree_button {

	    top: 110px;
	    left: -80px;
	    opacity: 0;
	}

	.max-width-content-center {
	
	    /*max-width: 960px;*/
	    padding-left: calc(100vh - 992px);
	    padding-right: calc(100vh - 992px);

	}

}

.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.hover-to-black {

    transition: all 0.2s ease;

}

.hover-to-black:hover {

    color: black;
    transition: all 0.2s ease;

}

.cursor_pointer {

    cursor: pointer;

}

.all-black-after * {

    color: black;

}

.all-white-after * {

    color: white !important;

}


.underlined_hover {

    border-bottom: 2px solid transparent;

}

.underlined_hover:hover {

    border-bottom: 2px solid #ff5a5e !important;

}


#suneditor_notes_text {

    height: auto;

}

#course_title, #course_by_title {

    transition: all .25s;

}


.badge-soon {

 /*   background-color : #018291;*/
    background-color : #FFC300;
    color: black;
    font-size: 0.8rem;
    border-radius: 0.125rem;

}

.badge-new {

    background-color : #FFC300;
    color: black;
    font-size: 0.8rem;
    border-radius: 0.125rem;

}

.badge-best {

/*    background-color : #cffffc;*/
    background-color : #FFC300;
    color: black;
    font-size: 0.8rem;
    border-radius: 0.125rem;

}

.hidden_favourite_div {

    transition: all .3s;
    margin-top: -35px;
    opacity: 0;
    visibility: hidden;

}

.hover_orange:hover {

    color: #ff5a5e !important;

}

.course_description_truncate {
    max-height: 95px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 1.6;
    color: #bbbbbb !important;
}

.underlined_orange {

    border-bottom: 2px solid #ff5a5e;

}

.sweet_sans {
    font-family: 'SweetSansPro' !important;
}

.sweet_sans_light {
    font-family: 'SweetSansPro Light' !important;
}

.sweet_sans_bold {
    font-family: 'SweetSansPro Bold' !important;
}


.undertitle_text {

    font-size: 1.5rem;

}


@media (max-width: 576px) {


	.undertitle_text {

	    font-size: 1rem !important;

	}

	.course_title {

		font-size: 1.5rem;

	}

	.square_video_mobile {
	
	    width: 100vw;
	    height: 100vw;
	
	}

	.carousel_pc {

	    display: none !important;

	}

	.main_page_course_title {

	    font-size: 1.5rem;

	}

	.flex_100_mobile {
	    flex-basis: 100%;
	}
}

@media (min-width: 768px) {
	.main_page_course {

	    margin-left: calc((100vw - 780px) / 2);

	}
}

@media (min-width: 992px) {
	.main_page_course {

	    margin-left: calc((100vw - 1020px) / 2);

	}
}

@media (min-width: 1200px) {
	.main_page_course {

	    margin-left: calc((100vw - 1200px) / 2);

	}

}

@media (min-width: 1200px) {
	.main_page_course_col1 {

	    flex: 1 1 25%;

	}

	.main_page_course_col2 {
	
	    flex: 0 1 50vw;

	}
}

.popover {

    z-index: 1998;

}

.course_with_size {

    font-size: 0.8375rem !important;

}

.latest_course_description_truncate {
    max-height: 95px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 1.6;
}


.latest_course_description_truncate * {

    color: #bbbbbb !important;
    font-size: 0.85rem !important;

}


#player {

    max-height: calc(100vh - 125px);

}

.masters_avatar {
    width: 92px;
    height: 92px;
    background-size: cover;
    background-position: top center;
    border-radius: 50%;
}

.course_info_font {

    font-size: .8125rem;

}

.expand-lesson {

    width: 25px;

}

.teacher_img {

/*    max-height: 150px; */

}

.topic-icon, .card.forumlist .card-body .forum-icon {

    color: #ff5a5e !important;

}

.shadow-strong {

    -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.45) !important;
    box-shadow:0 0.5rem 1rem rgba(0,0,0,0.45) !important;

}

.shadow-strong-notop {

    -webkit-box-shadow:0 1rem 1rem rgba(0,0,0,0.45) !important;
    box-shadow:0 1rem 1rem rgba(0,0,0,0.45) !important;

}

#blog_content a {

    text-decoration: underline;
    color: #ff5a5d;

}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 100%;
}

.plyr:-webkit-full-screen.plyr--vimeo > .plyr__video-wrapper > .plyr__video-embed__container {
transform: none !important;
position: initial;
}


.font_size_inherit {

    font-size: inherit !important;

}

.rem_085 {

    font-size: 0.85rem !important;

}



.activepay a {

	border-top: 2px solid #ff5a5e !important;
	border-bottom: 1px solid white !important;

}

#interactive_message_text {

	font-size: calc(2vmax - 2px);
	text-align: left;

}


.with_teacher_text {

	color: #D3D3D3 !important;

}

.text-lightgrey {

	color: #B3B3B3;

}

.bg_box {
	background-clip: content-box !important;

}

.text_lang_selected a {

	border-left: 3px solid #ff5a5e;

}

.text-grey {

	color: #cbcbcb !important;

}

#text_lang_sel_es a:hover, #text_lang_sel_en a:hover, #text_lang_sel_fr a:hover, #text_lang_sel_pt a:hover {

	background-color: black !important;
	color: white !important;

}


#text_language_selector_button:hover, #text_language_selector_button:focus
 {

	background-color: #cbcbcb !important;
	color: black !important;

}

.faq_box {
  
	/*idth: 300px;*/
	border-radius: 10px !important;
	cursor: pointer;
	
}

.faq_box p {

	margin-bottom: 0px !important;
	margin-top: 0px !important;

}


.view-more-class {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 30px 0 30px 0;
	background-image: -moz-linear-gradient(top, rgba(31,31,31,0), #1f1f1f);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(31,31,31,0)),color-stop(1, #1f1f1f));
}

.view-more-class-black {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 30px 0 30px 0;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), #000000);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0)),color-stop(1, #000000));
}

#course-info-block {

	z-index: 10;

}

.tiny {
	font-size: 60%;
	color: inherit;
}

.not_liked_heart {

	color: #626262 !important;
}