/* @font-face{ font-family: NombreFont; src: url(fonts/NombreFont-Bold.otf); } */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root {
	--color-blue-hard: #003d92;
	--color-dark-gray: #5b5b5d;
	--color-blue: #1d71b9;
	--color-aqua-green: #39c4b8;
	--color-aqua-green-hard: #038281;
	--color-aqua-green-hard-2: #04B597;
	--color-aqua-green-hard-3: #648285;
	--color-aqua-green-hard-4: #025656;
	--color-yellow: #FEEE00;
	--color-blue-corp: #039DFF;
	--color-pink: #FF026F;
	--color-orange: #FF5300;
}
/*=============================================================================
GENERAL
=============================================================================*/
body { overflow-x: hidden; position: relative; font-family: Lato; }
html { overflow-x: hidden; }
*::-moz-selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
*::selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
.bg-default { background-color: #eee; border: 1px solid #ddd; }
.bg-default-02 { background-color: #ddd; border: 1px solid #ccc; }
.text-black { color: #000; }
.bg-cover-index {
	background-image: url("http://placehold.it/1920x1080");
}

.text-aqua-green {
	color: var(--color-aqua-green);
}
.text-pink {
	color: var(--color-pink);
}
.text-yellow {
	color: var(--color-yellow);
}
a.text-orange, .text-orange {
	color: var(--color-orange);
}
.text-aqua-green-hard {
	color: var(--color-aqua-green-hard);
}
.text-aqua-green-hard-4 {
	color: var(--color-aqua-green-hard-4);
}
.fa-2x-force { font-size: 4em !important; }
.text-pink-50 { color: rgba(255, 2, 111	, .31); }
.text-aqua-green-50 { color: rgba(28, 200, 138, .31); }
.text-orange-50 { color: rgba(255, 83, 0, .31); }
.text-aqua-green-hard-50 { color: rgba(2, 86, 86, .31); }
a.link-aqua-green, a.link-aqua-green:hover, a.link-aqua-green:active, a.link-aqua-green:focus { color: var(--color-aqua-green); text-decoration: unset; }
a.link-blue-corp, a.link-blue-corp:hover, a.link-blue-corp:active, a.link-blue-corp:focus { color: var(--color-blue-corp); text-decoration: unset; }
.btn-aqua-green {
	color: #FFF;
	background-color: var(--color-aqua-green);
	border: 1px solid var(--color-aqua-green);
}
.btn-aqua-green:hover, .btn-aqua-green:active, .btn-aqua-green:focus, .btn-aqua-green:disabled {
	color: var(--color-aqua-green) !important;
	background-color: #FFF;
	border: 1px solid var(--color-aqua-green);
	opacity: 1;
}
.btn-aqua-green-hard {
	color: #FFF;
	background-color: var(--color-aqua-green-hard);
	border: 1px solid var(--color-aqua-green-hard);
}
.btn-aqua-green-hard:hover, .btn-aqua-green-hard:active, .btn-aqua-green-hard:focus, .btn-aqua-green-hard:disabled {
	color: var(--color-aqua-green-hard);
	background-color: #FFF;
	border: 1px solid var(--color-aqua-green-hard);
	opacity: 1;
}
.btn-pink {
	color: #FFF;
	background-color: var(--color-pink);
	border: 1px solid var(--color-pink);
}
.btn-pink:hover, .btn-pink:active, .btn-pink:focus, .btn-pink:disabled {
	color: var(--color-pink);
	background-color: #FFF;
	border: 1px solid var(--color-pink);
	opacity: 1;
}
.btn-orange {
	color: #FFF;
	background-color: var(--color-orange);
	border: 1px solid var(--color-orange);
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:disabled {
	color: var(--color-orange) !important;
	background-color: #FFF;
	border: 1px solid var(--color-orange);
	opacity: 1;
}
.btn-outline-orange {
	color: var(--color-orange);
	background-color: transparent;
	border: 1px solid var(--color-orange);
}
.btn-outline-orange:hover, .btn-outline-orange:active, .btn-outline-orange:focus {
	color: #FFF;
	background-color: var(--color-orange);
	border: 1px solid var(--color-orange);
}
.btn-outline-pink {
	color: var(--color-pink);
	background-color: transparent;
	border: 1px solid var(--color-pink);
}
.btn-outline-pink:hover, .btn-outline-pink:active, .btn-outline-pink:focus {
	color: #FFF;
	background-color: var(--color-pink);
	border: 1px solid var(--color-pink);
}
.btn-white {
	color: #222;
	background-color: #FFF;
	border: 1px solid #FFF;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
	color: var(--color-white) !important;
	background-color: #FFF;
	border: 1px solid #FFF;
}
a.disabled {
	color: #aaa !important;
	pointer-events: none;
	opacity: 0.5;
}
a.disabled:hover {
	cursor: not-allowed;
}
.bootstrap-select.disabled { opacity: .5; }
.border-pink { border-left: .25rem solid var(--color-pink) !important; }
.border-aqua-green { border-left: .25rem solid var(--color-aqua-green) !important; }
.border-orange { border-left: .25rem solid var(--color-orange) !important; }
.border-aqua-green-hard { border-left: .25rem solid var(--color-aqua-green-hard) !important; }
/*=============================================================================
THANKS PAGE
=============================================================================*/
.thanks-page { height: 60vh; }
.thanks-page img { width: 400px; max-width: 100%; }
/*=============================================================================
NAVBAR
=============================================================================*/
.navbar {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
/* colores items menu */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:not(.disabled) {
	color: #333;
	border-bottom: 2px solid transparent;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #333;
	border-color: #333;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item {
	padding-left: 15px;
	padding-right: 15px;
}
/* separación items menu */
.navbar-brand img { width: 150px; }
/*=============================================================================
HOME
=============================================================================*/
/*=============================================================================
FOOTER
=============================================================================*/
/*=============================================================================
BLOG
=============================================================================*/
.blog-play-container { height: auto !important; }
.bg-widget-cover.bg-mh {
	background-image: url("http://placehold.it/1920x500.png?text=1920x500.jpg");
	height: 500px;
}
.bg-widget-cover {
	background-position: center;
	background-size: cover;
}
.play-container { position: relative; height: 100%; }
.play-container:hover .play-ico { opacity: 1; cursor: pointer; }
.play-container:hover { cursor: pointer; }
.play-ico {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	z-index: 1;
	opacity: 0.5;
}
.img-blog {
	min-height: 800px;
	background-image: url("../img/Blog/header.jpg");
	background-position: center;
	background-size: cover;
}
.container-blog {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
}
.i-text {
  background: #e2dede;
  border: none;
  border-radius: 10px;
  color: #757575;
  text-align: center;
  font-size: 12px;
  padding: 10px 40px;
  margin-right: 10px;
}
.bolder { font-weight: bolder !important; }
.hr-blog {
	max-width: 15%;
	border: 1px solid #e2dede;
	-webkit-box-shadow: 0px 2px 3px #e2e2e2;
	        box-shadow: 0px 2px 3px #e2e2e2;
}
.text-intblog { width: 100%; position: absolute; bottom: 10px; }
.btn-blog {
	width: 100%;
  background: black;
  border: none;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
}
.btn-blog2 {
  background: black;
  border: none;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
}
.btn-blog3 {
	background: black;
  border: 1PX solid #FFF;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
  padding: 6px 50px;
  font-size: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn-blog3:hover { color: #000; background-color: #FFF; text-decoration: none; }
.text-initblogf { position: absolute; top: 30%; left: 30%; }
.img-finalblog {
	background-image: url("../img/Blog/footer.jpg");
	background-position: center;
	background-size: cover;
}
.custom-dropdown > li > .dropdown-menu, .dropdown-child { background-color: #333; }
.dropdown-child > a { color: #FFF; }
.custom-dropdown > li > .dropdown-menu > .nav-link:hover,
.custom-dropdown > li > .dropdown-menu > .dropdown-item:hover,
.dropdown-child > a:hover { background-color: #222; }
.dropdown-child > a:hover { color: #FFF; }
/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {}

/* 1600 x 900*/
@media( max-width: 1600px ) {}

/* 1440 x 900 */
@media( max-width: 1440px ) {}

/* 1280 x 800 */
@media( max-width: 1280px ) {}

/* 990 x 1000 */
@media( max-width: 990px ) {}

/* 767 x 414 */
@media( max-width: 767px ) {}

/* 576 x 320 */
@media( max-width: 576px ) {}

/* 375 x 320 */
@media( max-width: 375px ) {}
/*
	@media( max-width: 1920px ) {}
	@media( max-width: 1600px ) {}
	@media( max-width: 1440px ) {}
	@media( max-width: 1366px ) {}
	@media( max-width: 1280px ) {}
	@media( max-width: 1024px ) {}
	@media( max-width: 736px ) {}
	@media( max-width: 667px ) {}
	@media( max-width: 640px ) {}
	@media( max-width: 568px ) {}
*/