@charset "UTF-8";
@font-face {
  font-family: 'Aase';
  /* Antes de descargar el archivo, le decimos al buscador
  que intente buscar en local la fuente con nombre
  Cabin, Cabin Regular o Cabin-Regular */
	src: url("http://www.maldonadodrill.com/views/media/gothic.ttf") format("truetype");
}
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, b, input, select, textarea, p, span{
	font-family: 'DM Sans', Tahoma, Arial, sans-serif !important;
}
.font_1{
	font-family: 'Century Gothic' !important;
}
.font_2{
	font-family: 'Comfortaa', sans-serif !important;
}
/* CSS Document */
#headerBG{
	display: none;
}
#header{
	background: #aadb17;
	-webkit-transition: height 10s; /* Safari prior 6.1 */
  transition: height 10s;
}
.addfixed{
	position: fixed;
	z-index: 100;
	background-color: rgba(29, 57, 199, .9) !important;
}
.nav-link{
	text-transform: uppercase !important;
}
.gradient-green{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 70%;
background-image: linear-gradient(#b9dc54, #8cbc01);
transform: skewY(-5deg);
transform-origin: top left;
}
.menu-middle{
	padding-top: 10px;
}
.menu-middle a{
	color: #1d39c7;
	font-size: 17px;
}
.menu-middle a:hover, .menu-middle a.active{
	background-color: #1d39c7;
	color: #fff;
	border-radius: 35px;
}
.navbar-nav a{
	color: #fff !important;
}
.navbar-nav .active{
	background-color: #8cbc01 !important;
}
.navbar-nav .nav-item:hover{
	background-color: #8cbc01 !important;
}
.display-4{
	color:#1d39c7;
	font-weight: bold;
	line-height: 1em;
	font-size: 30px;
}
.nav-pills a{
	color: #8cbc01 !important;
}
.nav-pills .active{
	background-color: #8cbc01 !important;
	color: white !important;
}
.bg-success{
	background-color: #8cbc01 !important;
}
.sticky{
	background-color: rgba(29, 57, 199, .9) !important;
}
.navbar-toggler{
	border: 2px solid #fff !important;
	color: #fff !important;
}
.sticky .navbar-toggler{
	border: 2px solid #fff !important;
	color: #fff !important;
}
.bg-green{
	background-color: #8cbc01 !important;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: rgb(29, 57, 199);
  background-color: rgba(29, 57, 199, .7);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 7%;
  width: 80%;
  text-align: center;
  margin-top: 0px;
  margin: 0 auto;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #1d39c7;background-image: linear-gradient(#b9dc54, #8cbc01);

}

.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 45px;
  font-size: 40px;
}
.overlay .closebtn:hover {
	background: none;
}
#logoMaldonado{
	height: 60px;
}
#boxing h2, #boxing h5{
	color:#1d39c7 !important;
}
#socialfoot a{
	color:#fff;
}
#socialfoot a:hover{
	color:#1d39c7;
	text-decoration: none;
}
.carousel-item h1, .carousel-item h5{
	text-shadow: 1px 1px 2px black, 0 0 15px #8cbc01, 0 0 2px darkblue;
}
.video-wrapper {
    position: relative;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000);
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
	.display-4{
	color:#1d39c7;
	font-weight: bold;
	line-height: 1em;
	font-size: 40px;
}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
#logoMaldonado{
	height: 70px;
}
.display-4{
	color:#1d39c7;
	font-weight: bold;
	line-height: 1em;
	font-size: 50px;
}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#logoMaldonado{
	height: 80px;
}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}