@charset "utf-8";
/* CSS Document */

/******************************

COLOR PALETTE




[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Main Nav
	3.3 Header Side
	3.4 Hamburger
4. Menu
	4.1 Menu Social
	4.2 Menu copyright
5. Home
	5.1 Hero Slider
	5.2 Hero Slider Navigation
6. Hero Boxes
7. Page Section
8. Buttons
9. Popular
10. Register
11. Search
	11.1 Search Form
12. Services
13. Testimonials
14. Events
15. Footer
	15.1 Newsletter
	15.2 Footer Content
	15.3 Footer Copyright


******************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto:400,500,700');
/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
  background: #000;
	color: #575757;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 2.29;
	font-weight: 400;
	color: #a5a5a5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: #FFD266;
	color: #C88E00;
}
p::selection
{
	background: #FFD266;
	color: #C88E00;
}
h1{font-size: 36px;}
h2{font-size: 22px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 11px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection
{

}
::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
:-moz-placeholder /* older Firefox*/
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
::-moz-placeholder /* Firefox 19+ */
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
:-ms-input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
::input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
/*--------------------------------------------------------------------- cookies---------------------------------------------------------------------*/
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}

@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}

@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}

@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}

}
#cookiesms1:target {
    display: none;
}
.cookiesms{
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
  padding-top:5px;
  font-size:20px;
	clear:both;
  font-weight: strong;
color: #333;
bottom:-50px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}

.cookiesms:hover{
bottom:0px;
opacity:1;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
.button-14 {
  background-image: linear-gradient(#f7f8fa ,#e7e9ec);
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",Arial,sans-serif;
  font-size: 14px;
  height: 29px;
  font-size: 13px;
  outline: 0;
  overflow: hidden;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.button-14:active {
  border-bottom-color: #a2a6ac;
}

.button-14:active:hover {
  border-bottom-color: #a2a6ac;
}

.button-14:hover {
  border-color: #a2a6ac #979aa1 #82858a;
}

.button-14:focus {
  border-color: #e77600;
  box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px;
  outline: 0;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 45px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1318px;
	height: 80px;
	background: #FFFFFF;
	z-index: 10;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	border-radius: 10px; /* Aquí es donde redondeamos los bordes */
}
.header.scrolled
{
	top: 15px;
}
.header.scrolled .header_content::before
{
	box-shadow: 0px 20px 49px rgba(0,0,0,0.17);
}
.header_content
{
	width: calc(100% - 279px);
	height: 100%;

}
.header_content::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	box-shadow: 0px 20px 49px rgba(0,0,0,0.67);
	z-index: -1;
}
.logo_container
{
	display: inline-block;
	padding-left: 46px;
}
.logo span
{
	font-family: 'Arial Black', sans-serif;
	font-size: 25px;
	font-weight: 900;
	color: #3a3a3a;
	vertical-align: middle;

	margin-left: 3px;
}
/*********************************
3.2 Main Nav
*********************************/

.main_nav_container
{
	display: inline-block;
	margin-left: auto;
	padding-right: 93px;
}
.main_nav
{
	margin-top: 7px;
}
.main_nav_item
{
	display: inline-block;
	margin-right: 40px;
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav_item a:hover
{
	color: #ffb606;
}
.main_nav_list li a:hover {
				background-color:#FFFFFF;
			}

			.main_nav_list li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}

			.main_nav_list li:hover > ul {
				display:block;
				background-color:#FFFFFF;
			}

			.main_nav_list li ul li {
				position:relative;
			}

			.main_nav_list li ul li ul {
				right:-140px;
				top:0px;
			}
/* Menu Hamburger */
.accordion-menu {
  width: 100%;
  max-width: 350px;
  margin: 60px auto 20px;
  background: #fff;
  border-radius: 4px;
}
.accordion-menu li.open .dropdownlink {
  color: #CDDC39;
  .fa-chevron-down {
    transform: rotate(180deg);
  }
}
.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}
.dropdownlink {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #3a3a3a;
  cursor: pointer;
  display: block;
  position: relative;
  transition: all 0.4s ease-out;
  i {
    position: absolute;
    top: 17px;
    left: 16px;
  }
  .fa-chevron-down {
    right: 12px;
    left: auto;
  }
}

.submenuItems {
  display: none;
  background: #C8E6C9;
  li {
    border-bottom: 1px solid #B6B6B6;
  }
}

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px 12px 12px 45px;
  transition: all 0.4s ease-out;
  &:hover {
    background-color: #CDDC39;
    color: #fff;
  }
}
/*********************************
3.3 Header Side
*********************************/

.header_side
{
	width: 279px;
	height: 100%;
	background: #ffb606;
}
.header_side img
{
	width: 29px;
	height: 29px;
}
.header_side span
{
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 12px;
}

/*********************************
3.4 Hamburger
*********************************/

.hamburger_container
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	display: none;
	cursor: pointer;
}
.hamburger_container i
{
	font-size: 24px;
	padding: 10px;
	color: #3a3a3a;
}
.hamburger_container:hover i
{
	color: #ffb606;
}

/*********************************
4. Menu
*********************************/

.menu_container
{
	position: fixed;
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100vh;
	background: #FFFFFF;
	z-index: 12;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
}
.menu_container.active
{
	visibility: visible;
	opacity: 1;
	right: 0;
}
.menu
{
	position: absolute;
	top:150px;
	left: 0;
	padding-left: 15%;
}
.menu_list
{
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 1000ms 600ms ease;
	opacity: 0;
}
.menu_container.active .menu_list
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.menu_item
{
	margin-bottom: 9px;
}
.menu_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_item a:hover
{
	color: #ffb606;
}
.menu_close_container
{
	position: absolute;
	top: 86px;
	right: 79px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #ffb606;
}

/*********************************
4.1 Menu Social
*********************************/

.menu_social_container
{
	margin-top: 100px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1000ms ease;
	-moz-transition: all 1000ms 1000ms ease;
	-ms-transition: all 1000ms 1000ms ease;
	-o-transition: all 1000ms 1000ms ease;
	transition: all 1000ms 1000ms ease;
	opacity: 0;
	padding-left: 4px;
}
.menu_social_item
{
	display: inline-block;
	margin-right: 30px;
	width: 30px;
	height: auto;
}
.menu_social_item a i
{
	color: #3a3a3a;
}
.menu_social_item a i:hover
{
	color: #ffb606;
}
.menu_container.active .menu_social_container
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
4.2 Menu copyright
*********************************/

.menu_copyright
{
	margin-top: 60px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1200ms ease;
	-moz-transition: all 1000ms 1200ms ease;
	-ms-transition: all 1000ms 1200ms ease;
	-o-transition: all 1000ms 1200ms ease;
	transition: all 1000ms 1200ms ease;
	opacity: 0;
	padding-left: 3px;
}
.menu_container.active .menu_copyright
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
5. Home
*********************************/

.home
{
	width: 100%;
	height: 447px;
}
.home_background_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home_background
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_content
{
	position: absolute;
	left: 50%;
	bottom: 109px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #d17300;
	padding-top: 24px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 42px;
}
.home_content h1
{
	font-size: 72px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.5;
}

/*********************************
5.1 Hero Slider
*********************************/

.hero_slider_container
{
	width: 100%;
	height: 100%;
}
.hero_slide
{
	width: 100%;
	height: 100%;
}
.hero_slide_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.hero_slide_container
{
	width: 100%;
	height: 100vh;
}
.hero_slide_content
{
	max-width: 80%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}
.hero_slide_content h1
{
	font-size: 72px;
	font-weight: 400;
	color: #FFFFFF;
}
.hero_slide_content h1 span
{
	background: #d17300;
	padding-left: 13px;
	padding-right: 13px;
	margin-left: -12px;
	margin-right: -12px;
}
.animated
{
	-webkit-animation-duration : 1s !important;
	animation-duration : 1s !important;
	-webkit-animation-delay : 500ms;
	animation-delay : 500ms;
}
.animate-out
{
	-webkit-animation-delay : 0ms;
	animation-delay : 0ms;
}

/*********************************
5.2 Hero Slider Navigation
*********************************/

.hero_slider_nav
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(calc(-50% + 30px));
	width: 58px;
	height: 58px;
	background: #FFFFFF;
	z-index: 9;
	cursor: pointer;
}
.hero_slider_nav:hover
{
	background: #d17300;
}
.hero_slider_nav:hover span
{
	color: #FFFFFF;
}
.hero_slider_nav span
{
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #121212;
	line-height: 1;
}
.hero_slider_left
{
	left: 4.32%;
}
.hero_slider_right
{
	right: 4.32%;
}

/*********************************
6. Hero Boxes
*********************************/

.hero_boxes
{
	width: 100%;
	height: 0px;
	z-index: 9;
	padding-top: 0px;
}
.hero_boxes_inner
{
	position: absolute;
	top: -212px;
	left: 0;
	width: 100%;
}
.hero_box
{
	width: 100%;
	height: 161px;
	background: #1a1a1a;
	padding-left: 50px;
	cursor: pointer;
}
.hero_box:hover
{
	background: #383838;
}
.hero_box img
{
	width: 62px;
	height: auto;
	margin-top: -6px;
}
.svg path
{
	fill: #ffb606;
}
.hero_box svg
{
	width: 62px;
	height: auto;
}
.hero_box:hover svg path
{
	fill: #FFFFFF;
}
.hero_box_content
{
	padding-left: 13px;
	padding-top: 11px;
	margin-top: -6px;
}
.hero_box_title
{
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 7px;
}
.hero_box_link
{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 3px;
}
.hero_box_link:hover
{
	color: #f53d3d;
}

/*********************************
7. Page Section
*********************************/

.page_section
{
	padding-top: 117px;
	padding-bottom: 117px;
}
.section_title
{

}
.section_title h1
{
	display: block;
	color: #1a1a1a;
	font-weight: 500;
	padding-top: 24px;
}
.section_title h1::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 55px;
	height: 4px;
	content: '';
	background: #ffb606;
}

/*********************************
8. Buttons
*********************************/

.button
{
	cursor: pointer;
}
.button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.button a
{
	font-size: 14px;
	line-height: 48px;
	font-weight: 700;
	text-transform: uppercase;
}
.button_1
{
	width: 202px;
	height: 48px;
}

/*********************************
9. Popular
*********************************/

.popular
{

}
.course_boxes
{
	margin-top: 68px;
}
.course_box
{
	margin-bottom: 108px;

}
.course_box:nth-last-child(-n+3)
{
	margin-bottom: 0px;
}
.card
{
	display: block;
	background: #f8f9fb;
	border: none;
}
.card-img-top
{
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
		object-fit: cover;
		height: 250px;
}
.card-body
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
.card-title
{
	margin-top: 25px;
}
.card-title a
{
	font-size: 18px;
	font-weight: 500;
	color: #853203;
	line-height: 1.2;
}
.card-title a:hover
{
	color: #a5a5a5;
}
.card-text
{
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	margin-top: -12px;
}
.btn-play img {
    max-width: 45px;   /* tamaño máximo en desktop */
    width: 10vw;       /* ancho relativo al viewport en móvil */
    height: auto;      /* mantiene proporción */
}
.price_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
		width: 100%;
		height: 67px;
		background: #eaebec;
    gap: 0.5rem;
}
@media (min-width: 768px) {
    .btn-play img {
        width: 45px;   /* tamaño fijo en tablets y desktop */
    }
}
.card.h-100 {
    display: flex;
    flex-direction: column;
}

.card-body {
    flex: 1 1 auto;
}



@media (max-width: 576px) {
    .price_box {
        flex-direction: row;
        justify-content: center;
        gap: 0.5rem;
    }
}

.price_box_descriccion
{
	width: 100%;
	height: 100%;
	background: #eaebec;
	margin-top: 10px;

}
.course_author_name
{
	font-size: 10px;
	font-weight: 500;
	color: #1a1a1a;
	padding-left: 10px;
	margin-top: 7px;
}
.course_author_name span
{
	color: #1a1a1a;
}



.card.h-100 {
    display: flex;
    flex-direction: column;
}

.card-body {
    flex: 1 1 auto;
}

.course_author_image {
    flex-shrink: 0; /* evita que el contenedor flex lo encoja */
}

.course_author_image img {
    width: 40px;    /* tamaño fijo */
    height: 40px;   /* tamaño fijo */
    border-radius: 50%;
    object-fit: cover; /* mantiene proporción si la imagen no es cuadrada */
}


.course_author_name {
    font-size: 0.9rem;
}

.course_price {
    margin-left: auto; /* empuja el botón Play a la derecha */
    width: 10vw;       /* tamaño relativo en móvil */
    max-width: 80px;   /* tamaño máximo en desktop */
    height: auto;

    display: flex;
    justify-content: center;
    align-items: center;

}

.course_price img {
    width: 80%;
    height: auto;
}
.contenido_blog{
  margin: 0px;
  padding: 10px;
	justify-content: center;
}
.cont_blog_sec h3{
font-size: 15px;
}
.introducc{
  margin-top: 20px;
  background-color: transparent !important;
  background: linear-gradient(90deg, rgba(15,1,255,1) 0%, rgba(6,0,163,1) 0%, rgba(3,118,130,1) 100%);
  border: 2px solid #ddd;
  padding: 12px 40px;
  font-size: 16px;
  color:white;
  min-height: 200px;
}
.introducc img {
  float: left;
  padding:10px 40px 15px 0px;
  width: 150px;
  height: auto;
}
.vertical-line{
  border-left: solid 1px #DCDCDC ;
  margin: 0px;
  padding: 20px;
}
.compartir-like {
     padding: 15px 20px;
}
.compartir-like span {
     color: #13aba6;
     display: inline-block;
}
.compartir-like strong {

     font-size: 0.8em;

}
.compartir-like p {
     float: right;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 0.8em;
     border-left: 1px solid #C4C4C4;
     cursor: pointer;
}
.compartir-like img {
width: 22px;
padding-right: 5px;
}
.modal-title h5{
     padding: 0px;
     color: #000;
     font-size: 18px;
     text-align:center;
}
.recuadro {
  border-style: solid;
  border-width: 1px;
  border-color: #E8E8E7;
  font-size: 8px;
  padding: 10px;
}
.recuadro h1 {
  font-size: 18px;
}
.recuadro input{
  width: 100%;
  font-size: 15px;
  background-color: #E8E8E7;
  border-color: #B9B9B9;
}
.recuadro-img{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recuadro-img img{
  width: 80px;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.contenidoCosas {
	padding: 10px;
	background-color: white;
}
/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
  .cookiesms{
    font-size:16px;
    height:58px;
  }
  .compartir-like p {
       float: right;
       padding-left: 5px;
       padding-right: 5px;
       font-size: 0.8em;
       border-left: 1px solid #C4C4C4;
       cursor: pointer;
  }
  .compartir-like img {
  width: 25px;
  padding-right: 5px;
  }
  .introducc img {
    width: 120px;
    height: auto;
  }
  .vertical-line{
    border-left:none ;
    margin: 0px;
    padding: 20px;
  }
  .header_information {
      display: none;
  }
  .header {
      padding-bottom: 0px;
  }

  .banner-main img {
      width: 100%;
      height: auto;
  }
  .banner-main .text-bg h1 {
      font-size: 35px;
      line-height: 42px;
      margin-top: 97px;
  }


  .traveling {
      padding: 0px 0px 20px 0;
  }

  .blog {
      padding-bottom: 0px;
  }
  .blog-box {
      margin-bottom: 20px;
  }
  .blog .blog-box .travel p {
      padding-left: 8px;
      font-size: 12px;
  }
  .blog .blog-box .travel span {
      font-size: 13px;
  }
  .footer {
      margin-top: 70px;
  }

    .menu-area-main {
        height: 290px;
        overflow-y: auto;
    }
}
/* Ajustes para móviles */
@media (max-width: 576px) {
    .price_box {
        flex-direction: row;
        justify-content: center; /* centra todo en móvil si quieres */
        gap: 0.5rem;
    }
    .course_price {
        width: 50px;
        height: 50px;
    }
    .course_price img {
        width: 60%;
    }
    .course_author_name {
        font-size: 0.8rem;
    }
}

/*********************************
10. Register
*********************************/

.register
{
	width: 100%;
}
.register_section
{
	width: 100%;
	background: #ffb606;
	padding-top: 156px;
	padding-bottom: 161px;
}
.register_content
{
	width: 522px;
}
.register_title
{
	color: #FFFFFF;
	margin-bottom: 16px;
	line-height: 1.63;
}
.register_title:last-child
{
	margin-bottom: 0px;
}
.register_title	span
{
	color: #1a1a1a;
}
.register_text
{
	color: #FFFFFF;
	font-weight: 500;
	margin-top: 32px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 0px;
}
.register_button
{
	background: #1a1a1a;
	margin-top: 65px;
}
.register_button a
{
	color: #FFFFFF;
}

/*********************************
11. Search
*********************************/

.search_section
{
	width: 100%;
	height: 100%;
	background: #ececec;
}
.search_content
{
	width: 522px;
}
.search_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0.23;
}
.search_title
{
	color: #1a1a1a;
}

/*********************************
11.1 Search Form
*********************************/

.search_form
{
	margin-top: 57px;
}
.input_field
{
	width: 100%;
	height: 42px;
	background: #FFFFFF;
	box-sizing: border-box;
	border: solid 2px #FFFFFF;
	padding-left: 25px;
	margin-bottom: 24px;
}
input:last-of-type
{
	margin-bottom: 0px;
}
.input_field:focus
{
	outline: none !important;
	border: solid 2px #ffb606;
}
.search_submit_button
{
	width: 100%;
	height: 48px;
	background: #d17300;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 28px;
	border: none;
	cursor: pointer;
}
.search_submit_button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.search_submit_button:focus
{
	outline: solid 2px #FFFFFF;
}
/*********************************
9. News
*********************************/

.news
{
	width: 100%;
	padding-top: 103px;
	padding-bottom: 118px;
}
.news_post
{
	margin-bottom: 85px;
}
.news_post:last-child
{
	/*margin-bottom: 0px;*/
}
.news_post_image
{
	width: 100%;
}
.news_post_image img
{
	width: 100%;
	height: auto;
}
.news_post_top
{
	margin-top: 38px;
}
.news_post_date
{
	width: 68px;
	height: 68px;
	background: #d17300;
}
.news_post_date div:first-child
{
	font-size: 24px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1;
}
.news_post_date div:last-child
{
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 3px;
}
.news_post_title_container
{
	padding-left: 31px;
	margin-top: -7px;
}
.news_post_title a
{
	font-size: 36px;
	font-weight: 500;
	line-height: 1.2;
	color: #1a1a1a;
}
.news_post_title a:hover,
.news_post_author a:hover,
.news_post_comments a:hover
{
	color: #a5a5a5;
}
.news_post_meta
{
	color: #1a1a1a;
	margin-top: 5px;
	padding-left: 2px;
}
.news_post_author a
{
	font-size: 12px;
	font-weight: 500;
	color: #1a1a1a;
	line-height: 1;
}
.news_post_comments a
{
	font-size: 12px;
	font-weight: 500;
	color: #1a1a1a;
	line-height: 1;
}
.news_post_meta span:nth-child(2)
{
	font-size: 12px;
	font-weight: 500;
	color: #1a1a1a;
	margin-left: 5px;
	margin-right: 5px;
}
.news_post_text
{
	margin-top: 27px;
}
.news_post_button
{
	width: 188px;
	height: 53px;
	background: #d17300;
	margin-top: 18px;
}
.news_post_button a
{
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 53px;
}
.news_post_button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

/*------------------- Contenido Blog---------------------------------------------------------------------*/
.blog {
  background-color: #224e70;
  padding-top: 0px;
  color: #FFF;
  border-radius: 20px;
}
.blog-box {
  padding: 15px 15px;
  padding-bottom: 30px;
  width: 100%;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 14px, rgba(0, 0, 0, 0.12) 0px 5px 5px;
  border-radius: 25px;
  background-color: #532127;
  margin-bottom: 10px;
}

.blog-box h2 a{
  font-size: 20px;
  line-height: 10px;
  color: #000;
  text-decoration:none;
}
.blog .blog-box h4 {
     font-size: 15px;
     line-height: 30px;
}
.blog .blog-box figure {
     margin: 0px;

}
.blog .blog-box  img {

  width: 100%;
  height: auto;
}
.blog .blog-box  figure img {

  width: 100%;
  height: auto;
}
.blog .blog-box  figure video {

  width: 100%;
  height: auto;
}
.blog .blog-box figure span {
     top: 0;
     left: 0px;
     position: relative;
     margin-left: 15px;
     background: #022739;
     padding: 10px 30px;
     color: #fff;
}

.blog .blog-box h3 {
     font-size: 20px;
     line-height: 30px;
}
.blog .blog-box p {
     font-size: 16px;
     line-height: 30px;
}
.blog .blog-box .travel h2.autor {

  margin-top:0px;
     font-size: 15px;
     line-height: 30px;
     color:#000;
}
.blog .blog-box .travel h2.titulo {
     font-size: 20px;
     line-height: 30px;
}
.blog .blog-box .travel {
     padding: 15px 20px;
     background-color: rgba(243, 243, 243, 0.9);
     color:#000;
}
.blog .blog-box .travel span {
     color: #13aba6;
     display: inline-block;
}
.blog .blog-box .travel p {
     float: right;
     padding-left: 15px;
}
.blog .blog-box .travel_podcast p.autor {
     font-size: 15px;

     color:#000;
}
.blog .blog-box .travel_podcast p.titulo {
     font-size: 20px;
     margin: 0;
}
.blog .blog-box .travel_podcast {
     display: flex;
     flex-direction: column; /* Apilar el título y el autor en columna */
     align-items: flex-start; /* Alinear al inicio (izquierda) */
     gap: 15px;
     padding: 20px 20px;
     background-color: rgba(243, 243, 243, 0.9);
     color:#000;
     border-radius: 10px;
     margin-bottom: 10px;
}
.blog .blog-box .travel_podcast span {
     color: #13aba6;
     display: inline-block;
}
.blog .blog-box .travel_podcast p {
  font-size: 15px;
  padding: 0;
  margin: 0;
  line-height: 0px;
  color:#000
}
.sobrenos {
  background-color: #375563;
  text-align: left;
  padding: 15px 15px;
  padding-bottom: 30px;
  width: 100%;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 14px, rgba(0, 0, 0, 0.12) 0px 5px 5px;
  display: none;
}
#podcast {
  display: none;
}
#records_estadistica {
  display: block;
}
#records_content {
  display: none;
}
.contenedorPolitica {
  padding: 10px 10px;
}
.titlepage h2::before,
.titlepage h2::after {
     content: "";
     position: absolute;
     height: 5px;

     top: 27px;
     width: 149px;
}
.titlepage {
     text-align: left;
     padding: 20px;
     width: 100%;
     margin-bottom: 20px;
     box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 14px, rgba(0, 0, 0, 0.12) 0px 5px 5px;
     border-radius: 10px 100px / 120px;
     background-color: #532127;
}
.titlepage h2 {
     padding: 0px 0px 20px 0px;
     font-size: 16px;
     font-weight: bold;
     color: #FFF;
     position: relative;
     display: inline-block;
     cursor: pointer;
}
.titlepage span {
     text-align: left;
     color: #defcf3;
     font-size: 17px;
     line-height: 32px;
     display: block;
}
.titlepage h2::before {
     right: 100%;
     margin-right: 15px;
}
.titlepage h2::after {
     left: 100%;
     margin-left: 15px;
}
.titlepage img{
     width: 100%;
     height: auto;
}
.titlepage video{
     width: 100%;
     height: auto;
}
.blogs figure span {
     top: 0;
     left: 0px;
     position: relative;
     margin-left: 15px;
     background: #022739;
     padding: 10px 30px;
     color: #fff;
     display: inline;
}
.blogs h2 {
     padding: 0px 0px 0px 0px;
     font-size: 12px;
     font-weight: bold;
     color: #FFF;
     position: relative;
     display: block;
     cursor: default;
}
.blogs h2.autor {

  margin-top:0px;
     font-size: 15px;
     line-height: 30px;
     color:#000;
}
.blogs h2.titulo {
     font-size: 20px;
     line-height: 30px;
}
.blogs .travel {
     padding: 15px 20px;
     background-color: rgba(243, 243, 243, 0.9);
     color:#000;
}
.blogs .travel span {
     color: #13aba6;
     display: inline-block;
}
.blogs .travel p {
     float: right;
     padding-left: 15px;
}
.blogs {
    display: block; /* para que Bootstrap pueda calcular las columnas */
    width: 100%;    /* importante, que ocupe todo el ancho de su contenedor */
}
.banner-main {
     position: relative;
     text-align: center;
     box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
     border-radius: 25px;
     background-color: #532127;
}
.banner-main .descriccionBanner{
  text-align: left;
  padding: 0px 10px;
  color: : #FFF;
}
.banner-main .descriccionBanner p{
  font-size: 15px;
  font-weight: normal;
  color: #FFF;
}
.banner-main h2 {
     font-size: 20px;
     font-weight: bold;
     padding-bottom: 25px;
     padding-top: 15px;
     padding-left: 10px;
     padding-right: 10px;
     color:#FFF;
}
.banner-main video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;

}
.banner-main audio {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 95%;

}
.banner-main img {
  width: 100%;
  height: auto;

}
.banner-main p {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 25px;
  padding-top: 15px;
  color: #defcf3;
}
/* Opcional: espacio entre filas */
.course_boxes {
    margin-top: 20px;
}

/* Tarjetas de igual altura */
.card.h-100 {
    display: flex;
    flex-direction: column;
}

/* Contenido de la tarjeta ocupa espacio restante */
.card-body {
    flex: 1 1 auto;
}
/* ------------------------------------------------------------------- Boton busqueda -----------------------------------------------------------------*/
.search__input {
  font-family: inherit;
  font-size: inherit;
  background-color: #f4f2f2;
  border: none;
  color: #303030;
  padding: 0.7rem 1rem;
  border-radius: 30px;
  width: 12em;
  transition: all ease-in-out .5s;
  margin-right: -2rem;
  margin-bottom: 20px;
}

.search__input:hover, .search__input:focus {
  box-shadow: 0 0 1em #00000013;
}

.search__input:focus {
  outline: none;
  background-color: #f0eeee;
}

.search__input::-webkit-input-placeholder {
  font-weight: 100;
  color: #303030;
}

.search__input:focus + .search__button {
  background-color: #f0eeee;
}

.search__button {
  border: none;
  background-color: #f4f2f2;
  margin-top: .1em;
}

.search__button:hover {
  cursor: pointer;
}

.search__icon {
  height: 1.3em;
  width: 1.3em;
  fill: #303030;
}
/*********************************
15. Footer
*********************************/

.footer
{
	width: 100%;
	padding-top: 20px;
	background: #1a1a1a;
}
.footer .section_title h1
{
	color: #FFFFFF;
}

/*********************************
15.1 Newsletter
*********************************/

.newsletter
{
	padding-bottom: 85px;
	border-bottom: solid 2px #4d4e4e;
}
.newsletter_form_container
{
	width: 60%;
	margin-top: 48px;
}
.newsletter_email
{
	width: calc(100% - 164px);
	height: 42px;
	border: none;
	padding-left: 27px;
	font-weight: 500;
	color: #1a1a1a;
}
.newsletter_email:focus
{
	outline: solid 2px #ffb606;
}
.newsletter_submit_btn
{
	width: 164px;
	height: 42px;
	border: none;
	background: #d17300;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}
.newsletter_submit_btn:focus
{
	border: solid 2px #FFFFFF;
}

/*********************************
15.2 Footer Content
*********************************/

.footer_content
{
	padding-top: 40px;
	padding-bottom: 43px;
	border-bottom: solid 2px #4d4e4e;
}
.footer_content .logo_container
{
	padding-left: 0px;
}
.footer_content .logo span
{
	color: #FFFFFF;
	font-size: 18px;
}
.footer_content .logo img
{
	width: 54px;
	height: 54px;
}
.footer_about_text
{
	margin-top: 24px;
	margin-bottom: 0px;
	padding-right: 20px;
}
.footer_column_title
{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding-top: 15px;
}
.footer_column_content
{
	margin-top: 32px;
}
.footer_list_item
{
	margin-bottom: 11px;
}
.footer_list_item a
{
	font-size: 14px;
	color: #a5a5a5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_list_item a:hover
{
	color: #ffb606;
}
.footer_contact_item
{
	font-size: 14px;
	font-weight: 400;
	color: #a5a5a5;
	margin-bottom: 22px;
}
.footer_contact_item:last-child
{
	margin-bottom: 0px;
}
.footer_contact_icon
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.footer_contact_icon img
{
	width: 100%;
}

/*********************************
15.3 Footer Copyright
*********************************/

.footer_bar
{
	padding-top: 19px;
	padding-bottom: 19px;
}
.footer_social .menu_social_item a i
{
	color: #FFFFFF;
}
.footer_social .menu_social_item a i:hover
{
	color: #ffb606;
}
.footer_social .menu_social_item:last-child
{
	margin-right: 0px;
}
/********************************
Controles radio
********************************/

li:hover, svg:hover {
 cursor: pointer;
 color: #e81a1a;
}
li.active{
 color: #6c5ce7;
}
#controls{
	border: 1px #eee solid;
	border-radius: 10px;
	padding: 10px;
	background: #1a1a1a;
  color: #ffb606;
	height: 161px;

}
.volumen i{
	width: 62px;
	height: auto;
	margin-top: -6px;
}
/********************************
animate.css
********************************/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0) scale3d(0.5, 0.5, 1);
    transform: translate3d(0, 100px, 0) scale3d(0.5, 0.5, 1);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0) scale3d(0.5, 0.5, 1);
    transform: translate3d(0, 100px, 0) sscale3d(0.5, 0.5, 1);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-timing-function: cubic-bezier(0,.5,.5,.99);
  animation-delay: 0.3s;
  animation-duration: 1s !important;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
    animation-timing-function: cubic-bezier(.79,.28,.42,.8);
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@media only screen and (max-width: 1380px)
{
	.header
	{
		width: 1200px;
	}
	.header_content
	{
		width: calc(100% - 219px);
	}
	.main_nav_container
	{
		padding-right: 63px;
	}
	.header_side
	{
		width: 219px;
	}
	.header_side span
	{
		font-size: 14px;
	}
	.header_side img
	{
		width: 20px;
		height: 20px;
	}
	.card-img-top
	{

			height: 300px;
	}
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	.header
	{
		width: 90%;
	}
	.header_content
	{
		width: 100%;
	}
	.header_side
	{
		display: none !important;
	}
	.main_nav_container
	{
		padding-right: 53px;
	}
	.hero_slide_content h1
	{
		font-size: 56px;
	}
	.card-title
	{
		font-size: 20px;
	}
	.register_content,
	.search_content
	{
		width: 442px;
	}

}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.hero_box
	{
		padding-left: 20px;
	}
	.card-img-top
	{

			height: 250px;
	}
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{

}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	.main_nav_item
	{
		margin-right: 33px;
	}

}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	.main_nav_container
	{
		display: none;
	}
	.logo_container
	{
		padding-left: 30px;
	}
	.hamburger_container
	{
		display: block;
	}
	.hero_slide_content h1
	{
		font-size: 48px;
	}
	.hero_boxes
	{
		width: 100%;
		height: auto;
		padding-top: 117px;
	}
	.hero_boxes_inner
	{
		position: relative;
		top: auto;
		left: auto;
	}
	.hero_box
	{
		padding-left: 50px;
	}
	.hero_box_col
	{
		margin-bottom: 30px;
	}
	.hero_box_col:last-child
	{
		margin-bottom: 0px;
	}
	.course_box
	{
		margin-bottom: 80px;
	}
	.course_box:last-child
	{
		margin-bottom: 0px;
	}
	.search_section
	{
		padding-top: 156px;
		padding-bottom: 161px;
	}
	.register_content,
	.search_content
	{
		width: 75%;
	}
	.testimonials_slider_container
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.event_date
	{
		margin-top: 30px;
	}
	.event_name
	{
		margin-top: 17px;
	}
	.event_content p
	{
		margin-bottom: 0px;
	}
	.newsletter_form_container
	{
		width: 90%;
	}
	.footer_col
	{
		margin-bottom: 30px;
	}
	.footer_col:last-child
	{
		margin-bottom: 0px;
	}
	.card-img-top
	{

			height: 600px;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{

}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{

}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{

}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	.header
	{
		height: 60px;

	}
	.logo_container
	{
		padding-left: 15px;
	}
	.logo img
	{
		width: 30px;
	}
	.logo span
	{
		font-size: 16px;
	}
	.menu_container
	{
		right: -100vw;
		width: 100vw;
		height: 100vh;
	}
	.newsletter_email
	{
		width: 100%;
	}
	.newsletter_submit_btn
	{
		margin-top: 15px;
	}
	.card-img-top
	{

			height: 440px;
	}
	.news_post_title_container
	{
		margin-top: -4px;
		padding-left: 21px;
	}
	.news_post_title a
	{
		font-size: 27px;
	}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	h1{font-size: 24px;}
	p{font-size:13px;}
	.header
	{
		height: 60px;

	}
	.logo_container
	{
		padding-left: 15px;
	}
	.logo img
	{
		width: 30px;
	}
	.logo span
	{
		font-size: 16px;
	}
	.hamburger_container
	{
		right: 5px;
	}
	.menu
	{
		top: 70px;
	}
	.menu_item
	{
		margin-bottom: 0px;
	}
	.menu_item a
	{
		font-size: 24px;
	}
	.dropdownlink {
		font-size: 24px;
	}
	.menu_copyright
	{
		display: none;
	}
	.menu_social_container
	{
		margin-top: 50px;
	}
	.menu_close_container
	{
		right: 30px;
		top: 34px;
	}
	.hero_slider_nav
	{
		display: none;
	}
	.hero_slide_content
	{
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.card-title
	{
		margin-top: 30px;
	}
	.card-title a
	{
		font-size: 20px;
	}
	.card-text
	{
		font-size: 13px;
	}
	.price_box
	{
		margin-top: 37px;
	}
	.register_section,
	.search_section
	{
		padding-top: 115px;
		padding-bottom: 120px;
	}
	.register_content,
	.search_content
	{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.register_text
	{
		margin-top: 25px;
	}
	.register_button
	{
		margin-top: 53px;
	}
	.testimonials_slider .owl-dots
	{
		display: none !important;
	}
	.testimonials_item
	{
		padding-bottom: 0px;
	}
	.event_date
	{
		width: 100px;
		height: 100px;
	}
	.event_day
	{
		font-size: 36px;
	}
	.event_month
	{
		font-size: 14px;
	}
	.event_name
	{
		margin-top: 5px;
	}
	.footer_bar
	{
		padding-top: 49px;
		padding-bottom: 52px;
	}
	.footer_social
	{
		margin-top: 20px;
	}
	.footer_copyright span
	{
		font-size: 13px;
	}
	.card-img-top
	{

			height: 440px;
	}
	.news_post_title_container
	{
		margin-top: 20px;
		padding-left: 0px;
	}
	.news_post_date
	{
		width: 55px;
		height: 55px;
	}
	.news_post_date div:first-child
	{
		font-size: 18px;
	}
	.news_post_date div:last-child
	{
		font-size: 11px;
	}
	.news_post_title a
	{
		font-size: 20px;
	}
	.news_post_text
	{
		margin-top: 20px;
	}
	.news_post_button
	{
		width: 138px;
		height: 42px;
	}
	.news_post_button a
	{
		font-size: 14px;
		line-height: 42px;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	.card-img-top
	{

			height: 420px;
	}
}
/************
12. 500px
************/

@media only screen and (max-width: 500px)
{
	.card-img-top
	{

			height: 400px;
	}
}
/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	.card-img-top
	{

			height: 380px;
	}
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	.header
	{
		height: 60px;
		top: 15px;
	}
	.hero_slide_content h1
	{
		font-size: 28px;
	}
	.hero_slide_content h1 span
	{
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.hero_boxes
	{
		padding-top: 80px;
	}
	.hero_box
	{
		padding-left: 15px;
		height: 120px;
	}
	.hero_box_content
	{
		padding-top: 6px;
	}
	.hero_box img
	{
		width: 45px;
	}
	.hero_box_title
	{
		font-size: 18px;
		margin-bottom: 3px;
	}
	.hero_box_link
	{
		font-size: 10px;
	}
	.card-img-top
	{

			height: 350px;
	}
}


/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	.card-img-top
	{

			height: 310px;
	}
}