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

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

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Main Navigation
	3.3 Weather and Search
	3.4 Hamburger
4. Menu
5. Home
	5.1 Home Slider
6. Main Content
7. Section Panel
8. Cards
9. Videos
10. Load More Button
11. Sidebar
12. Footer


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

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

.home
{
	width: 100%;
	height: 100vh;
}

/*********************************
5.1 Home Slider
*********************************/

.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content_container
{
	position: absolute;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}
.home_slider_content
{
	max-width: 460px;
}
.home_slider_item_title
{
	margin-top: 19px;
	margin: 0 auto;
	text-align: center;
	left: 21vw;
}

@media(max-width: 990px) {
	.home_slider_item_title
	{
		left: 0vw;
	}
}

.home_slider_item_title a
{
	font-family: 'Work Sans', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1.27;
	text-shadow: 0px 0px 10px #000;
}
.home_slider_item_link
{
	margin-top: 21px;
}
.home_slider_item_link a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	font-weight: 500;
}
.home_slider_item_link a:hover
{
	color: rgba(255,255,255,1);
}
.home_slider_item_link a svg
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 16px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_item_link a svg polygon
{
	fill: rgba(255,255,255,0.5);
}
.home_slider_item_link a:hover svg polygon
{
	fill: rgba(255,255,255,1);
}
.similar_posts_container
{
	position: absolute;
    top: 87vh;
    /* left: 0; */
    /* bottom: 150px; */
    width: 82%;
    left: calc(((100vw - 177%) / 2) + (1000px * 0.75) + 8px);
}
.similar_post
{
	width: 200px;
  height: 200px;
  background: #dedede;
  border-radius: 50%;
  padding-left: 26px;
  padding-right: 26px;
	margin-bottom: -60px;
	box-shadow: 0px 0px 46px var(--color-primario);
}
.similar_post:hover
{
	background: #FFFFFF;
}
.similar_post a
{
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 500;
	color: #FFF;
	text-align: center;
}
.home_slider_next_container
{
	position: absolute;
	bottom: 0;
	left: calc(((100vw - 1170px) / 2) + (1170px * 0.75) + 8px);
}
.home_slider_next
{
	width: 375px;
	height: 240px;
	cursor: pointer;
}
.home_slider_next_background
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}
.home_slider_next:hover .home_slider_next_background
{
	background: rgba(0,0,0,0.5);
}
.home_slider_next_content
{
	width: 100%;
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 40px;
	visibility: hidden;
	opacity: 0;
}
.home_slider_next_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 0.75;
}
.home_slider_next_link
{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 25px;
}
.home_slider_next:hover .home_slider_next_content
{
	visibility: visible;
	opacity: 1;
}
.custom_nav_container
{
	z-index: 10;
}
.home_slider_nav_container
{
	position: absolute;
  bottom: 30%;
  z-index: 20;
  left: calc(((100vw - 100%) / 2) + (1000px * 0.75) + 8px);
}
.custom_dots
{
	display: inline-block;
	height: 12px;
	margin-left: 7px;
	margin-right: 7px;
}
.custom_dot
{
	display: inline-block;
	padding: 2px;
	cursor: pointer;
}
.custom_dot span
{
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255,255,255,0.35);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.custom_dot.active span
{
	background: rgba(255,255,255,1);
}
.custom_dot:hover span
{
	background: rgba(255,255,255,1);
}
.custom_prev,
.custom_next
{
	cursor: pointer;
}
.custom_prev, .custom_next
{
	display: inline-block;
	vertical-align: middle;
}
.custom_prev svg polyline,
.custom_next svg polyline
{
	fill: rgba(255,255,255,0.35);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.custom_prev:hover svg polyline,
.custom_next:hover svg polyline
{
	fill: rgba(255,255,255,1);
}


@media screen and (max-width: 992px) {
	.home {
		height: 60vh;
	}
	.home_slider_container
	{
		width: 100%;
		height: 60vh;
	}
	.home_slider_background
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}
	.home_slider_item_title a
	{
		font-size: 24px;
		color: #FFFFFF;
	}
	.icon-alert-dispatch { font-size: 45px; }
	.title-alert-dispatch { font-size: 19px; }
	.message-alert-dispatch { font-size: 15px;  }

}

/*********************************
6. Main Content
*********************************/

.page_content
{
	background: #f7f7f7;
}
.blog_section
{
	margin-top: 150px;
	margin-bottom: 100px;
}

/*********************************
7. Section Panel
*********************************/

.section_panel
{
	z-index: 10;
	width: 100%;
	text-align: center;
}
.section_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #000000;
	padding-bottom: 10px;
	white-space: nowrap;
	/* text-align: center; */
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
	text-transform: uppercase;
}
.hr-section-title
{
	margin: 0 auto;
	display: block;
	height: 4px;
	width: 100px;
	background: red;
	margin-top: 10px;
	margin-bottom: 20px;
}
.section_tags
{
	padding-right: 94px;
}
.section_tags ul li
{
	display: inline-block;
	width: auto;
	height: 28px;
	background: #ededed;
	border-radius: 14px;
	text-align: center;
	padding-left: 22px;
	padding-right: 22px;
}
.section_tags ul li:not(:last-child)
{
	margin-right: 4px;
}
.section_tags ul li a
{
	display: block;
	line-height: 28px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.section_tags ul li:hover,
.section_tags ul li.active
{
	background: #FFFFFF;
}
.section_panel_more
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 55px;
}
.section_panel_more ul li
{
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.section_panel_more ul li a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.section_panel_more > ul > li
{
	padding-right: 20px;
	cursor: default;
	padding-top: 22px;
	padding-bottom: 22px;
}
.section_panel_more > ul > li::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	font-family: 'FontAwesome';
	content: '\f107';
}
.section_panel_more > ul > li > ul
{
	position: absolute;
	top: 55px;
	right: 0;
	padding-top: 23px;
	padding-left: 29px;
	padding-right: 60px;
	padding-bottom: 23px;
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.section_panel_more > ul > li:hover > ul
{
	visibility: visible;
	opacity: 1;
}
.section_panel_more > ul > li:hover::after
{
	content: '\f106';
}
.section_panel_more > ul > li > ul li:not(:last-child)
{
	margin-bottom: 10px;
}
.section_panel_more > ul > li > ul li a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.section_panel_more > ul > li > ul li a:hover
{
	color: rgba(0,0,0,0.8);
}
.section_content
{
	padding-top: 33px;
}

/*********************************
8. Cards
*********************************/

.card
{
	border: none;
	border-radius: 6px;
	margin-top: 15px;
	box-shadow: 0px 0px 5px #000000;
}
.card-body
{
	padding-top: 16px;
	padding-left: 25px;
	padding-bottom: 15px;
}
.card-img-top
{
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}  
.card-title a
{
	font-size: 18px;
	font-weight: 600;
	color: rgba(0,0,0,1);
	line-height: 1.33;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.card-title-small a
{
	font-size: 16px;
	line-height: 1.375;
}
.card-title a:hover
{
	color: rgba(0,0,0,0.5);
}
.card-text
{
	margin-top: -1px;
}
.post_meta
{
	display: block;
	font-family: 'Ubuntu', sans-serif;
	color: rgba(0,0,0,0.4);
	font-size: 12px;
	font-weight: 500;
	margin-top: 22px;
}
.post_meta a,
.post_meta span
{
	display: inline-block;
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	color: rgba(0,0,0,0.4);
	font-size: 12px;
	font-weight: 500;
}
.post_meta span
{
	margin-left: 10px;
	padding-left: 5px;
}
.post_meta span::before
{
	display: block;
	position: absolute;
	top: 1px;
	left: -4px;
	content: '•';
}
.post_row
{
	
}
.grid
{
	width: calc(100% + 30px);
}
.grid-item
{
	float: left;
}
.card_largest_with_image,
.card_large_with_background,
.card_large_with_image
{
	width: 555px;
	/*height: 325px;*/
}
.card_small_no_image {
	left: 560px;
}
.card_small_no_image,
.card_small_with_background,
.card_small_with_image,
.card_default_no_image,
.card_default_with_background
{
	width: 263px;
}
.card_small_with_image .card-body
{
	padding-top: 17px;
}
.card_small_with_image .post_meta
{
	margin-top: 32px;
}
.card_default:not(:last-child)
{
	/*margin-bottom: 15px;*/
}
.card_default .card-body
{
	padding-top: 17px;
}
.card_default .post_meta
{
	margin-top: 17px;
}
.card_small_with_background .card-title a
{
	color: #FFFFFF;
}
.card_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 6px;
	overflow: hidden;
}
.card_small_with_background .post_meta span,
.card_small_with_background .post_meta a
{
	color: rgba(255,255,255,0.5);
}
.card_small_with_background .post_meta
{
	margin-top: 18px;
}
.card_default_no_image .card-body
{
	padding-top: 16px;
	padding-bottom: 6px !important;
}
.card_default_no_image .card-title a
{
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
}
.card_default_no_image .card-title
{
	line-height: 1.3;
}
.card_default_no_image .card-body
{
	padding-bottom: 10px;
}
.card_default_with_background .card-body
{
	padding-top: 16px;
	padding-bottom: 6px !important;
}
.card_default_with_background .card-title a
{
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
	color: #FFFFFF;
}
.card_default_with_background .card-title
{
	line-height: 1.3;
}
.card_default_with_background .card-body
{
	padding-bottom: 10px;
}
.card_large_with_background .card-title a
{
	color: #FFFFFF;
	font-weight: 500;
}
.card_large_with_background .post_meta
{
	margin-top: 58px;
}
.card_large_with_background .post_meta span,
.card_large_with_background .post_meta a
{
	color: rgba(255,255,255,0.5);
}

/*********************************
9. Videos
*********************************/

.videos
{
	height: 395px;
	width: 100%;
	/* background: #112440; */
}
.playlist
{
	position: absolute;
	top: 0;
	right: 0;
	overflow: auto;
	width: 229px;
	height: 100%;
	padding-top: 35px;
	padding-bottom: 50px;
}
.playlist_background
{
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 35px);
	height: 100%;
	background: #112440;
}
.video_container
{
	cursor: pointer;
}
.video_container:not(:last-child)
{
	margin-bottom: 15px;
}
.video_container.active .video_image::after
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: solid 3px rgb(252, 252, 252);
	content: '';
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video_image{
	text-align: center;
	margin: 0 auto;
	vertical-align: baseline;
	padding: 16px;
}
.video_image-solo {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	border-radius: 0 !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	filter: blur(2px);
}
.video_image-design {
	width: 0;
	height: 0;
	border-right: 252px solid transparent;
	border-top: 12px solid transparent;
	border-bottom: 37px solid #112440;
	position: absolute;
	bottom: 55px;
	left: 0;
	right: 0;
}
.video_image div.default-ytimg
{
	width: 145px;
	height: 145px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #FFF;
	z-index: 20;
}
.video_image div.default-ytimg::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	/* background: rgba(0, 0, 0, 0.5); */
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.play_img
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* visibility: hidden; */
	/* opacity: 0; */
	-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: 3px solid #fff;
	padding: 9px 10px;
	border-radius: 50%;
	background-color: #112440;
	z-index: 21;
}
#contaveideo {
	padding: 10px;
	background: red;
}
.video:hover .video_image div::after,
.video_container.active .video_image div::after
{
	background: rgba(0,0,0,0);
}
.video:hover .play_img
{
	visibility: visible;
	opacity: 1;
}
.video_content
{
	padding-left: 20px;
	background-color: #112440;
	padding-bottom: 20px;
	bottom: 5px;
	height: 53px;
}
.video_title
{
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,1);
	line-height: 1.285;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video:hover .video_title,
.video_container.active .video_title
{
	color: rgba(255,255,255,1);
}
.video_info
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,0.1);
	margin-top: 9px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video:hover .video_info,
.video_container.active .video_info
{
	color: rgba(255,255,255,0.5);
}
.player_container
{
	width: calc(100% - 228px);
	height: 100% !important;
}
.player
{
	height: 100% !important;
	padding-bottom: 0 !important;
}
.inline-YTPlayer
{
	height: 100%;
}
.mbYTP_wrapper
{
	width: 100%;
	height: 100%;
}
.playerBox
{
	width: 100% !important;
	height: 100% !important;
	margin-left: 0 !important;
}
@media screen and (max-width: 992px) {
	.player_container
	{
		width: calc(100% - 75px);
		height: 100% !important;
	}
	.playlist {
		width: 110px;
	}
	.video_title {
		display: block;
	}
	.video_image-design {
		border-right: 350px solid transparent;
		border-bottom: 54px solid #112440;
		bottom: 58px;
	}
}
.list-group-item {
	background-color: #ffc527;
	padding: 0;
}

/*********************************
10. Load More Button
*********************************/

.load_more
{
	margin-top: 80px;
	margin-bottom: 140px;
}
.load_more_button
{
	width: 118px;
  height: 36px;
  background: transparent;
  border: solid 1px var(--color-rojo);
	border-radius: 18px;
  margin: 0 auto;
  line-height: 32px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-rojo);
  cursor: pointer;
	box-shadow: 0px 0px 10px var(--color-secundario);
	margin-top: 30px;
	margin-bottom: 50px;
}
.load_more_button:hover
{
	box-shadow: 0px 0px 10px var(--color-primario);
}

/*********************************
11. Sidebar
*********************************/

.sidebar
{
	width: 100%;
	height: 100%;
	padding-top: 83px;
	padding-left: 30px;
}
.sidebar_background
{
	position: absolute;
	top: 0;
	left: 50;
	width: 375px;
	height: 100%;
	/* background: #ededed; */
}
.sidebar_section {
	width: 315px;
}
.sidebar_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
}
.sidebar_section_content
{
	padding-top: 55px;
}
.sidebar_slider_container
{
	width: 100%;
}
.side_post {
	border-right: 5px solid darkblue;
}
.side_post a
{
	display: block;
}
.side_post:not(:last-child)
{
	margin-bottom: 15px;
}
.side_post_image div.main
{
	/* width: 70px; */
	/* height: 70px; */
	border-radius: 6px;
	overflow: hidden;
}
.side_post_image div.main img
{
	max-width: 100%;
	width: 120px;
	height: 120px;
}
.side_post_content
{
	padding-left: 20px;
	margin-top: 0px;
}
@media screen and (min-width: 992px) {
	.side_post_content
	{
		padding-left: 20px;
		/* margin-top: 10px; */
		/* top: -20px; */
	}
}
.side_post_title
{
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,1);
	line-height: 1.285;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.side_post_title:hover
{
	color: rgba(0,0,0,0.5);
}
.side_post_content .post_meta
{
	margin-top: 7px;
}
.sidebar_slider_nav
{
	position: relative;
	top: 5px;
	right: 0;
	text-align: center;
}
.sidebar_slider_nav_container .custom_prev svg polyline,
.sidebar_slider_nav_container .custom_next svg polyline
{
	fill: rgba(0,0,0,0.15);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_slider_nav_container .custom_prev:hover svg polyline,
.sidebar_slider_nav_container .custom_next:hover svg polyline
{
	fill: rgba(0,0,0,1);
}
.sidebar_slider_nav_container .custom_dot span
{
	background: rgba(0,0,0,0.15);
}
.sidebar_slider_nav_container .custom_dot:hover span,
.sidebar_slider_nav_container .custom_dot.active span
{
	background: rgba(0,0,0,1);
}
.advertising
{
	width: 100%;
	height: 340px;
	margin-top: 80px;
}
.advertising_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.advertising_content
{
	width: 100%;
	height: 100%;
	padding-left: 28px;
	padding-bottom: 25px;
	padding-right: 15px;
}
.advertising_perc
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #2ddf80;
	margin-bottom: 14px;
}
.advertising_link a
{
	font-size: 24px;
	font-weight: 600;
	color: rgba(255,255,255,1);
	line-height: 1.33;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.advertising_link a:hover
{
	color: rgba(255,255,255,0.5);
}
.newest_videos
{
	margin-top: 72px;
}
.newest_videos .side_post_image div.main
{
	border-radius: 50%;
	overflow: hidden;
}
.advertising_2
{
	width: 100%;
	height: 140px;
	margin-top: 80px;
}
.advertising_2_content
{
	width: 100%;
	height: 100%;
}
.advertising_2_link a
{
	font-size: 20px;
	color: rgba(255,255,255,1);
	font-weight: 400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.advertising_2_link a span
{
	font-weight: 600;
}
.advertising_2_link a:hover
{
	color: rgba(255,255,255,0.5);
}
.event_date
{
	text-align: center;
	width: 70px;
	height: 70px;
}
.event_day
{
	font-size: 40px;
	font-weight: 800;
	color: rgba(0,0,0,0.15);
	line-height: 0.75;
}
.event_month
{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	color: rgba(0,0,0,0.15);
	line-height: 0.75;
	margin-top: 13px;
}


/*********************************
13. testimonio
*********************************/

#testimonio {
	/* background: #f7f7f7; */
	position: relative;
  }
  
  .owl-item {
	float: left;
  }
  .testimonio-block span {
	margin: 10px 0;
	position: relative;
	font-size: 13px;
	color: #292929;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
  }
  
  .testimonio-block .separator {
	margin: 0;
	font-size: 13px;
	line-height: 22px;
  }
  
  .testimonio-block i {
	font-size: 44px;
	color: #b8a07e;
	line-height: 44px;
  }
  
  
  .testimonio-carousel  .owl-stage-outer {
	overflow: hidden;
  }
  
  .testimonio-carousel .owl-dots {
	margin-top: 5px;
	text-align: center;
  }
  
  .testimonio-carousel .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%;
	border: 0;
	padding: 0 !important;
	background-color: #ddd;
	cursor: pointer;
  }
  
  .testimonio-carousel .owl-dot.active {
	background-color: var(--color-primario);
  }

  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot span {
	  background: #a1979900;
  }
  
  .owl-nav {
	display: none;
  }

  /************************************/
  .box-testimony {
	float: left;
	margin-bottom: 35px;
  }
  .box-testimony a {
	color: rgba(255, 255, 255, 0.5);
  }
  .box-testimony a:hover, .box-testimony a:focus, .box-testimony a:active {
	color: white;
	text-decoration: none;
  }
  .box-testimony blockquote {
	padding-left: 0;
	border-left: none;
	padding: 15px;
	margin: 10px;
	background: #fff;
	background: #001ae0;
	font-size: 20px;
	font-weight: 300;
	position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
  }
  .box-testimony blockquote:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 40px;
	border-top: 10px solid black;
	border-top-color: #fff;
	border-top-color: #001ae0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
  }
  .box-testimony blockquote p {
	font-style: italic;
	color: #fff;
  }
  .box-testimony .author {
	line-height: 20px;
	color: black;
	font-size: 16px;
	margin-left: 20px;
	font-weight: 400;
  }
  .box-testimony .author a {
	color: var(--color-primario);
  }
  .box-testimony .author a:hover {
	text-decoration: underline;
  }
  .box-testimony .author > figure {
	float: left;
	margin-right: 10px;
	width: 55px;
  }
  .box-testimony .author > figure img {
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
  }
  .box-testimony .author p {
	float: left;
	margin-top: 10px;
	font-weight: 800;
	width: 72%;
  }
  .box-testimony .author .subtext {
	display: block;
	color: rgba(0, 0, 0, 0.5);
	/* font-size: 16px; */
	font-weight: 400 !important;
  }

/*********************************
14. Sobre Nosotros
*********************************/

#sonosotros {
	position: relative;
	
  }
  
  .owl-item {
	float: left;
  }

  .sonosotros-block {
	padding: 70px 0px;
  }
  .sonosotros-block span {
	margin: 10px 0;
	position: relative;
	font-size: 13px;
	color: #292929;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
  }
  
  .sonosotros-block .separator {
	margin: 0;
	font-size: 13px;
	line-height: 22px;
  }
  
  .sonosotros-block i {
	font-size: 44px;
	color: #b8a07e;
	line-height: 44px;
  }
  
  
  .sonosotros-carousel  .owl-stage-outer {
	overflow: hidden;
	margin-bottom: 40px;
  }
  
  .sonosotros-carousel .owl-dots {
	margin-top: 25px;
	text-align: center;
  }
  
  .sonosotros-carousel .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%;
	border: 0;
	padding: 0 !important;
	background-color: #ddd;
	cursor: pointer;
  }
  
  .sonosotros-carousel .owl-dot.active {
	background-color: var(--color-secundario);
  }
  
  .owl-nav {
	display: none;
  }
  /********************************/
  .fh5co-person {
	text-align: center;
	width: 345px;
	position: relative;
	border: 1px solid #999;
	height: 390px;
  }
  .fh5co-person:hover {
  	box-shadow: 0px 0px 10px #999;
  }

  @media screen and (max-width: 992px) {
	.fh5co-person {
		position: relative;
		display: block;
		width: 100%;
	}
  }
  .fh5co-person figure {
	/* position: relative;
	margin-top: -60px;
	top: 0;
	left: -9px;
	display: block;
	margin-bottom: 50px; */
	padding: 20px;
  }
  .fh5co-person figure img {
	width: 240px;
	height: 240px;
	box-shadow: 0px 0px 5px var(--color-primario);
	/* border: 2px solid #0c64c9; */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	}
	.fh5co-person > div {
		margin-top: -30px;
    width: 100%;
    padding: 5px;
  }
  .fh5co-person h3 {
		color: #000;
		font-size: 18px;
		text-transform: uppercase;
		margin-bottom: 0px;

  }
  .fh5co-person .fh5co-position {
		color: #b3b3b3;
		display: block;
		font-size: 14px;
		text-transform: capitalize;
		margin-bottom: 20px;
  }

/*********************************
14. home social
*********************************/
@media screen and (max-width: 992px) {
	.home-social {
		display: none;
	}
}

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

	.home-social {
		font-family: 'Ubuntu', sans-serif;
		list-style: none;
		margin: 0;
		position: fixed;
		z-index: 1000;
		top: 50%;
		right: 2.4rem;
		-webkit-transform: translate3d(0, -50%, 0);
		-ms-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	
	.home-social a {
		color: white;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	.home-social li {
		position: relative;
		padding: .9rem 0;
	}
	
	.home-social li a {
		display: block;
		width: 33px;
		height: 33px;
	}
	
	.home-social i, .home-social span {
		position: absolute;
		top: 0;
		line-height: 33px;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	.home-social i {
		font-size: 17px;
		right: 0;
		text-align: center;
		display: inline-block;
		width: 38px;
		height: 38px;
		line-height: calc(38px - 4px);
		border: 2px solid #FFFFFF;
		border-radius: 50%;
	}
	
	.home-social span {
		padding: 0px 10px;
		background: #FFF;
		color: var(--color-rojo);
		right: 3.5rem;
		font-size: 1rem;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 100% 50%;
		-ms-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}
	
	.home-social li:hover span {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	 
}

/* Section of Design the News */
.noti_post {
	border: 1px solid #999;
	margin: 10px;
	background-color: #1b1170;
	height: 155px;
	padding-top: 17px;
	box-shadow: 0px 0px 5px #999;
}
.noti_post .side_post_image div.main {
	border-radius: 0;
	overflow: hidden;
}
.noti_post .side_post_title {
	font-size: 14px;
	font-weight: 500;
	color: rgb(255, 255, 255);
	line-height: 1.285;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.noti_post .side_post_image div.main img {
	max-width: 100%;
	width: 165px;
	height: 120px;
}
.noti_post .post_meta a, .noti_post .post_meta span {
	display: block;
	font-family: 'Ubuntu', sans-serif;
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	font-weight: 500;
}


/*********************************
15. Portafolio de imagenes
*********************************/

#portfolio-wrapper {
  padding-right: 15px;
}

#portfolio-flters {
  padding: 0;
  margin: 0 0 45px 0;
  list-style: none;
  text-align: center;
}

#portfolio-flters li {
  cursor: pointer;
  margin: 0 10px;
  display: inline-block;
  padding: 10px 22px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 0px 5px #000;
  margin-bottom: 20px;
}

#portfolio-flters li:hover, #portfolio-flters li.filter-active {
  background: #2dc997;
  color: #fff;
}

.portfolio-item {
  position: relative;
  height: 200px;
  overflow: hidden !important;
  margin-bottom: 15px;
  transition: all 350ms ease;
  transform: scale(1);
}

.portfolio-item a {
  display: block;
  margin-right: 15px;
}

.portfolio-item img {
  position: relative;
	top: 0;
	width: 120%; height: 30vh;
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio-item .details {
  background: var(--color-primario);
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: -66px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio-item .details h4 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 8px 24px 2px 8px;
  margin: 0;
}

.portfolio-item .details span {
  display: block;
  color: #fff;
  font-size: 13px;
  padding-left: 8px;
}

.portfolio-item:hover .details {
  bottom: 0;
}

.portfolio-item:hover img {
  top: -30px;
}


/*----------------
5.2 Why choose us
-----------------*/

#why-choose-us {
  padding: 0px 0 60px 0;
  color: #fff;
  text-align: center;
  background: #f6f6fa;
}
#why-choose-us .section-title {
  background: var(--primarysecond);
  padding: 60px 0;
  margin-bottom: 110px;
}
#why-choose-us .section-title:after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 70px;
  background: var(--primarysecond);
  border-radius: 5px;
  position: relative;
  margin-bottom: -90px;
  transform: rotate(45deg);
}
#why-choose-us h2 {
  color: #fff;
  margin-bottom: 0px;
}
#why-choose-us .nav.nav-tabs {
  text-align: center;
  border-bottom: 0px;
}
#why-choose-us .nav.nav-tabs li {
  float: none;
  display: inline-block;
}
#why-choose-us .tab-content .tab-pane {
  background: none;
  margin-top: 80px;
  margin-bottom: 120px;
}
#why-choose-us .tab-content .tab-pane img {
  margin: 0 auto;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #2241cc;
    color: #FFF;
    border-bottom: 2px solid #2241cc;
}
#why-choose-us .nav-tabs > li > a {
  border: 2px #fff solid;
  color: #404040;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
#why-choose-us .nav > li > a:hover, #why-choose-us .nav > li > a:focus, #why-choose-us .nav > li.active > a {
  background: #fff;
  border-bottom: 2px #ffc527 solid;
}

/* My Card View */
#Card-View-All {
  background-color: #FFFFFF;
  border: 1px solid var(--primarysecond);
    border-radius: 5px;
    /* height: 100%; */
    box-shadow: 0px 0px 10px var(--primarysecond);
    margin-bottom: 20px
}

#Card-View-All .image {
  height: auto;
  border-bottom: 1px solid var(--primarysecond);
}

#Card-View-All .image img {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

#Card-View-All .date {
  padding: 2px 10px;
  background-color: var(--primarysecond);
  color: white;
}

#Card-View-All .content {
  color: #000;
  padding: 15px
}

#Card-View-All .content h4 {
  color: var(--primarysecond)
}

#Card-View-All .content .more-info {
  border-bottom: 1px solid var(--primarysecond)
}

#Card-View-All .content .more-info i {
  color: #000;
  float: left;
  margin-right: 10px
}

#Card-View-All .content > p {
  margin-top: 10px
}

#Card-View-All .content .enlace-info {
  border-top: 1px solid;
  padding-top: 20px;
  text-align: right
}

#Card-View-All .content .enlace-info a {
  padding: 5px 10px;
  background-color: var(--primarysecond);
  color: white
}

/* Card View All Calendary Container */
#Card-View-All .calendary-title {
  padding: 10px 10px;
  background-color: var(--primarysecond);
  color: white;
}

#Card-View-All .calendary-title > i {
  float: left;
  font-size: 37px;
  margin-right: 10px
}

#Card-View-All .calendary-more {
  padding: 5px 10px;
  background-color: var(--primarysecond);
  text-align: right
}

#Card-View-All .calendary-more  a {
  color: var(--primaryroot);
}

#Card-View-All .calendary-date {
  background-color: #FFF; 
  color: #000;
  padding: 10px 10px 0px 10px; 
  border-bottom: 1px solid var(--primarysecond)
}

#Card-View-All .calendary-date .events span:first-child{
  font-weight: bold; 
  font-size: 21px;
}

#Card-View-All .calendary-date .events span:last-child{
  margin-left: 0px auto;
}
.medida-video {
	padding: 7px; height: 240px;
}
  .videos-carousel  .owl-stage-outer {
	overflow: hidden;
  }
  
  .videos-carousel .owl-dots {
	margin-top: 5px;
	text-align: center;
  }
  
  .videos-carousel .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%;
	border: 0;
	padding: 0 !important;
	background-color: #ddd;
	cursor: pointer;
  }
  
  .videos-carousel .owl-dot.active {
	background-color: var(--color-primario);
  }