/* ===== [BEGIN] ===== GENERAL + HEADER ===== */
html, body {
	width: 100%;
	height: 100%;
}

/* == [BEGIN] SCROLLBAR == */
::-webkit-scrollbar { 
	width: 7px;
	height: 7px;
}
::-webkit-scrollbar-track { 
	background: #CCCCCC;
} 
::-webkit-scrollbar-thumb { 
	background: #888;
	border-radius: 10px;
} 
::-webkit-scrollbar-thumb:hover { 
	background: #555;
} 
::-webkit-scrollbar-button { 
	display: none;
}
/* == [END] SCROLLBAR == */

/* == [BEGIN] CHECKBOX == */
/* Basic styling */
[type=checkbox] {
  width: 2rem;
  height: 2rem;
  color: dodgerblue;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer;
}
/* Pseudo element for check styling */
[type=checkbox]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}
/* Checked */
[type=checkbox]:checked {
  background-color: currentcolor;
}
[type=checkbox]:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}
/* Disabled */
[type=checkbox]:disabled {
  background-color: #CCD3D8;
  opacity: 0.84;
  cursor: not-allowed;
}
/* IE */
[type=checkbox]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}
[type=checkbox]:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}
/* == [END] CHECKBOX == */

header {
	top: 0;
	height: 10%;
	position: fixed;
	width: 100%;
	z-index: 999;
	background-color: white;
	border-bottom: 0.1em solid #fcb900;
}

p {
	margin: 0 !important;
}

.container, .row {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
/* ===== [END] ===== GENERAL + HEADER ===== */

/* ===== [BEGIN] ===== MODAL ===== */
.modal {
	align-items: center;
	position: fixed;
	z-index: 1;
	padding-top: 0%;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	overflow-x: hidden;
}
.modal-content {
	justify-content: center;
	background-color: #fefefe;
	margin: auto;
	padding: 2em;
	border: 0.1em solid #888;
	width: 80%;
	max-height: 40em;
	overflow-y: auto;
	overflow-x: hidden;
}
.close {
	color: #aaaaaa;
	float: right;
	font-size: 1.8em;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* ===== [END] ===== MODAL ===== */

/* ===== [BEGIN] ===== NAVIGATION ===== */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #FFCC00;
	overflow-x: hidden;
	padding-top: 5em;
	transition: 0.5s;
	text-decoration: none;
	border: 0;
	border-radius: 15px;
	overflow-y: auto;
}
.bigSidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	background-color: #FFCC00;
	overflow-x: hidden;
	padding-top: 5em;
	transition: 0.5s;
	text-decoration: none;
	border: 0;
	border-radius: 15px;
	overflow-y: auto;
}
.adminSidenav {
	height: 90%;
	width: 0;
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	background-color: #FFCC00;
	overflow-x: hidden;
	padding-top: 1em;
	transition: 0.5s;
	text-decoration: none;
	margin-top: 4em;
	border-radius: 15px;
	overflow-y: auto;
}
.lessonsSidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: white;
	overflow-x: hidden;
	padding-top: 3em;
	transition: 0.5s;
	text-decoration: none !important;
	border: 0;
	border-radius: 15px;
	overflow-y: auto;
}
.sidenav a, .bigSidenav a, .adminSidenav a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none !important;
	font-size: 1.3em;
	color: white;
	font-weight: bold;
	display: block;
	transition: 0.3s;
	text-align: center;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
.sidenav a, .adminSidenav a {
	text-align: right;
	padding-right: 1em;
}
.bigSidenav a {
	text-align: left;
	padding-left: 3em;
}
.lessonsSidenav a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	text-decoration: none !important;
	font-size: 1em;
	color: black;
	display: block;
	transition: 0.3s;
	text-align: left;
	border-bottom: 0.1em solid #bbbbbb;
	transition: .1s ease-in-out;
}
.sidenav a:hover, .bigSidenav a:hover, .adminSidenav a:hover {
	color: black !important;
	text-shadow: none;
}
.lessonsSidenav a:hover {
	text-shadow: none !important;
	text-decoration: none !important;
	color: #FCB900 !important;
	background-color: #3FACA7 !important;
}
.sidenav .closebtn, .adminSidenav .closebtn, .lessonsSidenav .closebtn {
	position: absolute;
	top: 0;
	right: 0.5em;
	font-size: 2.5em;
}
.sidenav .closebtn, .adminSidenav .closebtn {
	padding-right: 0em;
	right: 0.5em;
}
.bigSidenav .closebtn {
	position: absolute;
	top: 0;
	padding-left: 0em;
	left: 0.5em;
	font-size: 2.5em;
}
/* ===== [END] ===== NAVIGATION ===== */


.table_display th, .table_display td {
	text-align: center !important;
}

.header_nav_row, .mobile_header_nav_row {
	height: 100%;
	background-color: #308B91;
}
.mobile_header_nav_row {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo_col {
	width: 100%;
	height: 100%;
}
.nav_option {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav_icon {
	height: 2em;
}
.header_nav_row .col-sm-1 {
	height: 100%;
	font-weight: bold;
	padding: 0;
}
.header_nav_row .col-sm-1 a {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: white;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
.header_nav_row .col-sm-1 a:hover {
	color: #fcb900;
}

.header_main_container {
	height: 37em;
	background-color: #308B91;
}
.header_main_container .first_row {
	margin-top: 8em !important;
}

#myModalCookies {
	width: 80%;
	height: 25%;
	background-color: rgba(0, 0, 0, 0);
	left: 10%;
	top: 75%;
}

#global_contact_general {
	background-color: dodgerblue;
	border-radius: 40px;
	width: 4em;
	height: 4em;
	position: fixed;
	bottom: 0.5em;
	right: 2.5em;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease-in-out .5s;
	cursor: pointer;
}
#global_contact_general p {
	color: white;
	font-weight: bold;
	font-size: 1.5em;
}
#global_whatsapp_icon {
	width: 3.9em;
	height: 3.9em;
	position: fixed;
	bottom: 0.5em;
	right: 2.5em;
	z-index: 999;
	display: none;
	opacity: 0;
	transition: all ease-in-out .5s;
}
#global_phone_icon {
	background-color: red;
	border-radius: 40px;
	width: 3.9em;
	height: 3.9em;
	position: fixed;
	bottom: 0.5em;
	right: 2.5em;
	z-index: 999;
	display: none;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all ease-in-out .5s;
}
#global_phone_icon img {
	width: 2em;
	height: 2em;
}
#global_email_icon {
	background-color: mediumpurple;
	border-radius: 40px;
	width: 3.9em;
	height: 3.9em;
	position: fixed;
	bottom: 0.5em;
	right: 2.5em;
	z-index: 999;
	display: none;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all ease-in-out .5s;
}
#global_email_icon img {
	width: 2em;
	height: 2em;
}

#header_main_image_col, #header_main_video_col {
	transition: all ease-in-out 1s;
}

.user_panel_acc_info_form .form-group .col-sm-4, .register_form .form-group .col-sm-4 {
	white-space: nowrap;
}

.index_main_container {
	width: 100%;
	height: 80%;
	margin: auto;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: hidden;
    background: linear-gradient(315deg, rgba(63, 172, 167, 1) 3%, rgba(53, 162, 157, 1) 38%, rgba(63, 172, 167, 1) 68%, rgba(73, 182, 177, 1) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}
.index_main_container video {
	width: 100%;
	height: 125%;
	position: absolute;
	object-fit: cover;
	z-index: 0;
	margin-top: 7.5em;
}

.index_main_row {
	margin-top: 8em !important;
}

.index_second_container {
	min-height: 20%;
	background-color: #FFCC00;
}
.index_second_container .row p {
	font-size: 1.5em;
	text-align: justify;
	padding: 0.5em;
}

.index_info_row {
	height: 50em;
	background-color: #EEEEEE;
	box-shadow: 0px 0px 5px #888888;
	border-radius: 10px;
}
.index_info_row .col-sm-6 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.index_info_row .col-sm-6 {
	color: #448F7C;
}

.a_panel_nav {
	position: fixed;
	left: 0;
	top: 10%;
	height: 100%;
	padding-bottom: 2% !important;
}
.a_panel_nav_main_row {
	height: 100%;
}
.a_panel_nav_main_row a {
	text-decoration: none !important;
}
.a_panel_nav_main_row .col-sm-2 {
	height: 100%;
	background-color: #308B91;
	border-right: 0.1em solid black;
	text-align: center;
	padding: 0 !important;
	overflow-y: auto;
}
.a_panel_nav_main_row .col-sm-2::-webkit-scrollbar, .bigSidenav::-webkit-scrollbar { 
	width: 10px;
	height: 10px;
} 
.a_panel_nav_main_row .col-sm-2::-webkit-scrollbar-track, .bigSidenav::-webkit-scrollbar-track { 
	background: #CCCCCC;
} 
.a_panel_nav_main_row .col-sm-2::-webkit-scrollbar-thumb, .bigSidenav::-webkit-scrollbar-thumb { 
	background: #888;
	border-radius: 10px;
} 
.a_panel_nav_main_row .col-sm-2::-webkit-scrollbar-thumb:hover, .bigSidenav::-webkit-scrollbar-thumb:hover { 
	background: #555;
} 
.a_panel_nav_main_row .col-sm-2::-webkit-scrollbar-button, .bigSidenav::-webkit-scrollbar-button { 
	display: none;
}

.a_panel_nav_title {
	font-size: 2em;
	font-weight: bold;
	margin-top: 1em !important;
	color: white;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}

.a_panel_nav_item {
	border-top: 0.1em solid black;
	color: white;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
.a_panel_nav_item p {
	font-size: 1.2em;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}
.a_panel_nav_item:hover {
	background-color: #057777;
	color: #fcb900 !important;
	font-weight: bold;
}

.a_panel_page_title {
	text-align: center;
	font-weight: bold;
	background-color: #AAAAAA;
	padding: 1em 0em 1em 0em;
}

.page_main_header {
	height: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-blend-mode: darken;
}
.page_main_header_darken {
	height: 100%;
	width: 100%;
	background-color: #000000AA;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_main_header_row p {
	color: white;
	font-size: 4em;
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}

.a_panel_main_page_container {
	margin-top: 10em !important;
	padding: 0em 5em 0em 5em !important;
}
.a_panel_main_page_container .row {
	text-align: center;
}
.a_panel_main_page_container .container {
	overflow-x: auto;
	border:0.1em solid black;
}

#account_menu, #account_menu2 {
	margin-top: 10em !important;
	text-align: center;
	color: black;
	border: 0.1em solid black;
	padding-top: 2em !important;
	padding-bottom: 2em !important;
	margin-bottom: 2em !important;
	background-color: lightgrey;
	overflow: hidden;
}

.form-horizontal .form-group .help-block {
	color: red;
}

#payment_menu {
	margin-top: 5em !important;
	text-align: center;
	color: black;
	overflow: hidden;
}
#payment_menu .form-horizontal .form-group .control-label {
	font-weight: normal !important;
}
#payment_menu .form-horizontal .form-group .help-block {
	color: red;
}

.shipping_contact_info, .billing_change_info {
	display: none;
}

#home_subscribe_direct {
	background-color: dodgerblue;
	border-radius: 40px;
	width: 4em;
	height: 4em;
	position: fixed;
	bottom: 0.5em;
	left: 1em;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease-in-out .5s;
	cursor: pointer;
}
#home_subscribe_direct p {
	color: white;
	font-weight: bold;
	font-size: 1.5em;
}

#subscribe_email_label {
	color: white;
	font-size: 1.2em;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}

#subscribe_submit {
	background-color: #fcb900;
	font-weight: bold;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}

.subscribe_title {
	color: white;
	font-size: 2em;
	font-weight: bold;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
	margin-bottom: 2em !important;
	text-align: center !important;
}

#lessons_nav_arrow_item {
	transition: .5s;
}

.lessons_main_row .col-sm-4 {
	font-weight: bold;
	height: 4em;
	display: flex;
	align-items: center;
	justify-content: center;
	color: darkorange;
	font-size: 1.2em;
	border-left: 0.1em solid #bbbbbb;
	border-bottom: 0.1em solid #bbbbbb;
}

.lessons_nav_row {
	background-color: #eeeeee;
	margin-top: 2em !important;
	width: 90% !important;
	margin-left: 5% !important;
	font-weight: bold;
}
.lessons_nav_row .col-sm-6 {
	display: flex;
	align-items: center;
	height: 4em;
	width: 50%;
}

.lessons_text_row {
	margin-top: 5em !important;
	width: 90% !important;
	margin-left: 5% !important;
	font-size: 1.2em;
	text-align: justify;
}

.lessons_video_row {
	margin-top: 5em !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lessons_options_row {
	margin-top: 2em !important;
	width: 95% !important;
	padding-left: 5% !important;
}
.lessons_options_row .col-sm-4 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2em;
}

.lessons_main_row_second {
	width: 70% !important;
	margin-left: 15% !important;
}
.lessons_main_row_progress_mobile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1em 0em 1em 0em;
	border-bottom: 0.1em solid #bbbbbb;
}

#lessons_sidenav_arrow {
	transition: all ease-in-out .25s;
}


/* ===== [BEGIN] ===== FOOTER ===== */
footer {
	margin-top: 10em !important;
	background-color: #308B91;
	color: white;
	height: 30em;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
footer .container .row {
	font-size: 1.2em;
	text-align: center;
}
.footer_contact {
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer_policies {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* ===== [END] ===== FOOTER ===== */


/* ===== [BEGIN] ===== INDEX MAIN CONTAINER WAVES ===== */
@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.waves_container {
	width: 100%;
}

.wave {
    background: rgb(0 0 0 / 25%);
    border-radius: 1000% 1000% 0 0;
    width: 200%;
    height: 12em;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
}

.wave:nth-of-type(2) {
    bottom: -1.25em;
    animation: wave 18s linear reverse infinite;
    opacity: 0.8;
}

.wave:nth-of-type(3) {
    bottom: -2.5em;
    animation: wave 20s -1s reverse infinite;
    opacity: 0.9;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}
/* ===== [END] ===== INDEX MAIN CONTAINER WAVES ===== */




/* LAPTOP (big) & LAPTOP (small) & MOBILE */
@media only screen and (max-width: 1500px) {
	.index_main_row_left_col p {
		padding-right: 1em !important;
		padding-left: 3em !important;
		width: 40% !important;
		font-size: 1em !important;
	}
	
	.index_main_row_right_col video {
		width: 70% !important;
		height: 80% !important;
	}
	
	.header_main_container {
		height: 30em !important;
	}
	.header_main_container img {
		height: 20em !important;
	}
	
	.index_info_row_titles {
		font-size: 1.1em !important;
	}
	.index_info_row_subtitles {
		font-size: 1em !important;
		padding: 15% 10% 10% 10% !important;
	}
	.index_info_row_subtitles2 {
		font-size: 0.8em !important;
		padding: 8% 5% 5% 7% !important;
	}
	.index_info_row_texts {
		font-size: 1em !important;
	}
	.index_info_row_texts2 {
		font-size: 0.8em !important;
	}
}

/* LAPTOP (small) & MOBILE */
@media only screen and (max-width: 1200px) {
	header {
		height: 6%;
	}
	
	.header_nav_row {
		font-size: 0.9em;
	}
	
	.header_nav_row .col-sm-1 div {
		padding: 0.35em !important;
	}
	.header_nav_row .col-sm-1 div img {
		width: 2.5em !important;
		height: 2.5em !important;
	}
	
	.security_change_email, .security_change_password {
		width: 100% !important;
	}
	.security_change_password {
		margin-top: 1em;
	}
	
	.a_panel_nav {
		top: 5%;
	}
	
	#myModalCookies {
		height: 35%;
		top: 65%;
	}
	
	.wave {
		height: 10em;
	}
	
	.index_main_row_left_col p {
		padding-right: 1em !important;
		font-size: 1em !important;
	}
	@media only screen and (max-height: 650px) {
		.index_main_row_left_col p {
			padding-right: 1em !important;
			font-size: 0.8em !important;
		}
	}
	
	.header_main_container {
		height: 22em !important;
	}
	.header_main_container img {
		height: 15em !important;
		margin-top: 5em !important;
	}
	
	.index_info_row_titles {
		font-size: 1em !important;
	}
	.index_info_row_subtitles {
		font-size: 0.8em !important;
		padding: 15% 10% 10% 10% !important;
	}
	.index_info_row_subtitles2 {
		font-size: 0.6em !important;
		padding: 8% 5% 5% 7% !important;
	}
	.index_info_row_texts {
		font-size: 0.85em !important;
	}
	.index_info_row_texts2 {
		font-size: 0.7em !important;
	}
	.index_info_row_texts3 {
		font-size: 1em !important;
	}
	
	footer {
		height: 35em;
	}
	
	@media only screen and (max-height: 800px) {
		header {
			height: 8%;
		}
	}
	@media only screen and (min-height: 1300px) {
		.header_main_container {
			height: 24em !important;
		}
		.header_main_container img {
			height: 15em !important;
			margin-top: 7em !important;
		}
	}
}

/* TABLET */
@media only screen and (max-width: 1100px) and (min-height: 800px) {	
	.index_main_row_left_col p {
		width: 60% !important;
		padding-left: 3.2em !important;
		padding-right: 1em !important;
		font-size: 1em !important;
	}
	
	.index_main_row_right_col img {
		width: 60% !important;
	}
	@media only screen and (min-height: 1000px) {
		.index_main_row_right_col img {
			width: 75% !important;
		}
	}

	footer {
		height: 50em;
	}
	.footer_contact {
		flex-direction: column;
	}
	.footer_contact p {
		margin-top: 1em !important;
	}
	.footer_policies p {
		margin-left: 1em !important;
	}
	
	@media only screen and (min-width: 768px) {
		.index_info_row {
			width: 150% !important;
			margin-left: -25% !important;
		}
		.subscribe_box {
			width: 75% !important;
			margin-left: 12.5% !important;
			padding: 0 !important;
		}
		.subscribe_box p, .subscribe_box form {
			padding: 0 !important;
		}
	}
}

/* MOBILE */
@media only screen and (max-width: 767px) {
	header {
		height: 8%;
	}
	
	.header_nav_row {
		display: none;
	}
	
	.nav_option div {
		padding: 0.6em !important;
	}
	.nav_icon {
		height: 1.75em !important;
	}
	
	#myModalCookies {
		width: 100%;
		left: 0;
		height: 40%;
		top: 60%;
	}
	
	.waves_container {
		height: 8em;
	}
	.wave {
		height: 12em;
	}
	
	.header_main_container {
		height: 17em !important;
	}
	.header_main_container img {
		height: 10em !important;
		margin-top: 6em !important;
	}
	
	.a_panel_nav {
		display: none;
	}
	
	.a_panel_main_page_container {
		padding: 0em 1em 0em 1em !important;
	}
	
	#global_contact_general {
		right: 0.5em;
	}
	#global_email_icon, #global_whatsapp_icon, #global_phone_icon {
		right: 0.55em;
	}
	
	.index_main_container {
		height: 100%;
	}
	#header_background_video {
		height: 75% !important;
		margin-top: 20em !important;
	}
	.index_main_row {
		margin-top: 5em !important;
		height: 100% !important;
	}
	.index_main_row_left_col, .index_main_row_right_col {
		height: 50% !important;
		width: 100% !important;
	}
	.index_main_row_left_col {
		background-size: contain !important;
		margin-left: -2em !important;
		width: 110% !important;
		height: 55% !important;
	}
	.index_main_row_left_col p {
		width: 55% !important;
		padding-left: 2.2em !important;
		padding-right: 0em !important;
		margin-left: -0.5em !important;
		font-size: 0.9em !important;
	}
	.index_main_row_right_col {
		height: 45% !important;
		align-items: flex-start !important;
		padding-top: 0.5em;
	}
	.index_main_row_right_col img {
		width: 50% !important;
		height: 100% !important;
	}
	
	.index_second_container {
		min-height: 30%;
	}
	
	.payment_checkbox_group {
		justify-content: center;
	}
	.payment_methods_group {
		margin-top: 2em;
	}
	.payment_methods_group .col-sm-4 {
		justify-content: center;
		padding-left: 0;
	}
	
	#home_subscribe_direct {
		left: 0.5em;
	}
	
	#lesson_video {
		width: 90% !important;
		height: 18em !important;
	}
	
	.lessons_main_col {
		border: 0 !important;
	}
	.lessons_main_row {
		display: flex;
		align-items: center;
		justify-content: center;
		border-top: 0.1em solid #bbbbbb;
		border-bottom: 0.1em solid #bbbbbb;
	}
	.lessons_main_row_progress {
		display: none !important;
	}
	.lessons_main_row_left, .lessons_main_row_right {
		border-bottom: 0 !important;
		width: 50%;
	}
	.lessons_main_row_left p, .lessons_main_row_right p {
		display: flex !important;
		align-items: center;
		text-align: center;
	}
	.lessons_nav_row {
		display: flex;
		align-items: center;
	}
	.lessons_nav_row .col-sm-6 {
		min-height: 6em;
		padding-top: 3em;
		padding-bottom: 3em;
	}
	.lessons_options_row {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100% !important;
		padding: 0 !important;
	}
	.lessons_options_row .col-sm-4 {
		width: 50%;
	}
	.lessons_options_row .col-sm-4 p {
		padding: 0.5em 1em 0.5em 1em !important;
		text-align: center !important;
	}
	.lessons_options_row_center {
		display: none !important;
	}
	.lessons_options_row_final {
		width: 100% !important;
	}
	.lessons_nav_arrow {
		justify-content: center !important;
		margin-bottom: 2em;
	}
	.lessons_nav_arrow div div {
		margin-right: 0 !important;
		text-align: center;
	}
	
	#lessonsSidenav_header {
		height: 5em !important;
	}
	
	.lessons_bonus_file {
		display: none !important;
	}
	
	.lessons_completion_image {
		height: 20em !important;
	}
	
	.index_info_row {
		height: 70em !important;
	}
	.index_info_row .col-sm-6 {
		height: 50% !important;
	}
	.index_info_row .col-sm-1 {
		height: 0% !important;
	}
	.index_info_row .col-sm-11 {
		height: 100% !important;
		align-items: flex-end !important;
	}
	.index_info_row .col-sm-11 p {
		width: 80% !important;
	}
	.index_info_row_subtitles2 {
		width: 100% !important;
	}
	.second_to_last_info_text {
		background-size: 100% 50% !important;
	}
	.second_to_last_info_text p {
		color: black !important;
	}
	.last_info_text {
		background-size: 100% 50% !important;
	}
	.last_info_text .col-sm-6 {
		align-items: flex-start !important;
		justify-content: center !important;
	}
	.last_info_text .col-sm-6 p {
		color: black !important;
		margin-top: 1em !important;
		margin-right: 10% !important;
		width: 90% !important;
	}
	#subscribe_submit {
		margin-bottom: 1em !important;
	}
	
	footer {
		height: 50em;
	}
	.footer_contact {
		flex-direction: column;
	}
	.footer_contact p {
		margin-top: 1em !important;
	}
	.footer_policies p {
		margin-left: 1em !important;
	}
	#footer_anpc_sol_img {
		margin-top: 1em;
	}
}

/* LAPTOP & PC */
@media only screen and (min-width: 768px) {	
	.mobile_header_nav_row {
		display: none;
	}
	
	#global_contact_general {
		margin-bottom: 0.5em;
		right: 2em;
	}
	#global_email_icon, #global_whatsapp_icon, #global_phone_icon {
		margin-bottom: 0.5em;
		right: 2.05em;
	}
	#global_contact_general:hover {
		width: 5em;
		height: 5em;
	}
	
	.payment_checkbox_group label {
		padding-left: 0;
	}
	
	#home_subscribe_direct {
		margin-bottom: 0.5em;
		left: 1em;
	}
	#home_subscribe_direct:hover {
		width: 5em;
		height: 5em;
	}
	
	.lessons_main_row_second, .lessons_options_row_mobile {
		display: none;
	}
	
	.lessons_options_row_final {
		width: 95% !important;
		padding-left: 5% !important;
	}
	
	.lessons_bonus_file_mobile {
		display: none !important;
	}
	
	.footer_policies p {
		margin-left: 2em !important;
	}
}
