.geologica-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0,
    "SHRP" 0;
}


body {
    padding-top:0 !important;
    width: 100%;
    /*display: inline-block;*/
    position: relative;
    background: #dedede;
    //background: url('img/bg-0.jpg') top center no-repeat;
	//background-size: auto 120%;
	font-family: "Roboto", sans-serif;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-brand{
	width: 48%; /*calc(100% - 76px);*/ 
	padding-left: 1%;
}

.navbar-dark.bg-dark{
	background: #000 !important;
}

#navbarSocial{ width: 35%; height: 40px; padding-left: 3%; }

.navbar-dark .navbar-toggler {
      border:0px !important;
}

.navbar-toggler:focus {

    box-shadow: none !important;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/menu_icon.svg) !important;
}

.content-section{ max-width: 100%;}

/*.navbar-toggler{
	width: 20%;
}*/

main{
	max-width: 1024px;
}

#navbarSocial .nav-link i{
	padding: 1vh 2vw;
}

.btn{ margin-bottom: 15px; }

.nav-link{ padding: 0.8rem 1rem; }

.content-section{ max-width: 100%; background: #0d8491; }

.title-section {
    font-size: 40px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #fff;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 3% !important;
    padding-bottom: 2% !important;
}

.title-section2 {
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    color: #000;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
}

.icon-title {
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 50px;
    margin-top: -1vh !important;
}

.item-reservacion {
    border-radius: 28px;
    outline: none;
    transition: 0.2s all;
    text-decoration: none;
    margin: 0vh 0vh 3vh;
    background: #fff;
    animation-duration: 1s;
    animation-name: pulse;
    /* animation-iteration-count: infinite; */
    animation-direction: alternate;
}


.area{padding: 0% 5%;}

.sombrabloques {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15), 0 4px 0px rgba(0, 0, 0, 0.0);
}

a:hover {
    color: #b9a500;
}

.redondeadofotos {
    border-radius: 20px !important;
}

.redondeadosm {
    border-radius: 10px !important;
}

.redondeadomd {
    border-radius: 10px !important;
}

.redondeado {
    border-radius: 25px !important;
}

.redondeadotop {
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}


.botonnormal {
    border-radius: 10px;
    font-size: 1rem;
    padding: 10px 20px;
    text-align: center;
    border: 0px;
}


.color-ocre {
    background-color: #b9a500;
    color: #000;
}


.circulo{
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    width: 100%;
    background-image: linear-gradient(to bottom, #1b63a7, #006da6, #0076a1, #007e9a, #0d8491);    
    margin-bottom: 0% !important;
    right: 10px;
    top: 40px;
    max-width: 30px;
    height: 30px;
    padding: 6px;
    line-height: 0;
}

#i-logo {
    height: 100px;
    margin-top: 40%;
}

.circulogolf{
    top: 33px !important;
    left: -28px !important;
}

.back-list{
    border-top-left-radius: 75px;
    border-top-right-radius: 75px;
    margin-top: 4%;
}


#d-menu-golf{
    display: block;
    width: 100%;
    position: relative;
    background: #ffffff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-bottom: 0;
    padding-top: 20px;
    margin: 0 auto !important;

}



#d-menu-golf div .backgroundImage {
    border-radius: 20px !important;
}


.textos-detalle {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #000000;
    width: 100%;
    display: inline-block;
    position: relative;
    line-height: 3.8vh;
    height: 100%;
    text-align: justify;
    margin-bottom: 0;
    padding-top: 10%;
    padding-bottom: 10%;
    animation-duration: 1s;
    animation-name: fadeInUp;
    /*animation-iteration-count: infinite;*/
    animation-direction: alternate;
}

.return{
  position: absolute;
  right: 3%;
  max-width: 20vh;
  top: 3vh;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  background: #fff;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  margin: 0px auto;
  padding: 0% 0%;
  animation-duration: 2s;
  animation-name: pulse;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.return a{
  text-decoration: none;
  background: #1B63A7;
  background: linear-gradient(to right, #1B63A7 0%, #0D8491 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  width: 100%;
}

.btn-cancelar{
    background-color: #fff;
    color: #000;
    display: block;
    position: relative;
    width: 100%;
    max-width: 120px;
}

.btn-aceptar{
    background-color: #b9a500;
    color: #000;
    display: block;
    position: relative;
    width: 100%;
    max-width: 120px;
    border: 0px solid #b9a500;
}

.modal{ background: rgb(0, 0, 0, .9); }
.modal-dialog{ padding-top: 7%; padding-bottom: 20%; /*margin-left: 30% !important;*/ }
.modal-content{ border-radius: 1rem; }
.modal-footer{ border-top: 0px solid transparent; }
.navbar-collapse{ height: 40px; /*overflow: auto;*/ justify-content: end; }


#BolsaTrabajo .modal-dialog { max-width: 620px;}
#BolsaTrabajo .modal-content .modal-body{padding: 0px;}
.modal .modal-content{ border-top-left-radius: 0px; border-top-right-radius: 0px; }
.modal .modal-content .modal-header{ font-family: "Roboto", sans-serif; font-size: 1.5rem; font-weight: 800; color: #000000; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.modal .modal-content .modal-body{ color: #000; background: #fff; }
#BolsaTrabajo .modal-title{ text-align:center; width: 100%; position: relative; font-size: 24px; }
.text-modal-bolsa{font-family: "Roboto", sans-serif; font-size: 22px; font-weight: 300; color: #fff; text-align: center; padding-top: 15px; padding-bottom: 15px;}

#recoveryModal .modal-dialog, #firstLoginModal .modal-dialog{ background-color: transparent !important;}
#recoveryModal .modal-content,#firstLoginModal .modal-content{background: #000000 !important;}



.header{ position: relative; height: 100px; }
.logo-content{ width: 20%; display: flex; justify-content:center; }
.content-menu{ height: 120px; }
.content-menu .navbar-toggler{ display: none; }
.redes{ justify-content: end; }
.icon-red { width: 100%; display: inline-block; position: relative; max-width: 25px; margin-top: -1vh !important;}
.redes-footer{ justify-content: space-between; }
footer{height: 120px;}
footer .menu-home {
    height: auto;
    /* overflow: auto; */
    justify-content: end;
}
#navbarSocial ul{list-style: none; margin-top: 5px; padding-left: 0 !important; }
.guadalajara {
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #fff;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: right;
    padding-top: 5%;
    padding-bottom: 0%;
    padding-right: 4%;
}


.navbar-dark .navbar-nav .nav-link .menu-imagen {
    display: none;
    width: 25px;
    position: relative;
}
 .menu-imagen .icon-menu-res {
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 20px !important;
    margin-top: -1vh !important;
}
 .menu-imagen .icon-menu {
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 20px !important;
    margin-top: -1vh !important;
}
.icon-menu-servicios{
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 30px !important;
    margin-top: -1vh !important;
    margin-left: -5px;
}

/*hamburguesa menu*/
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
    width: 35px;
    height: 3px;
}
.hamburger-menu {
    position: relative;
    transform: translateY(-3px);
    background: white;
    transition: all 0ms 300ms;
}
.hamburger-menu.animate {
    background: rgba(255, 255, 255, 0);
}
.hamburger-menu:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    background: white;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: white;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}


/* OWL controls */

.owl-prev, .owl-next {
    color: #ffffff;
    position: absolute;
    top:50%;
    margin-top: -50px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size:40px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
.owl-prev:hover, .owl-next:hover {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-prev {left: 0px; top: 70%; }
.owl-next {right: 0px; top: 70%;}
.owl-controls {text-align: center;z-index:3;}
.owl-controls .owl-page {display: inline-block;}
.owl-controls .owl-page span {
    background-color: #333;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    filter: Alpha(Opacity=500);/*IE7 fix*/
    opacity: 0.5;
}
.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-dots{
    width: 100%;
    height: 40px;
    display: block;
    text-align:center;
    padding-top:10px;
    position:relative;
    bottom:0px;
    background:rgba(241,241,241,0);
    /* border-top:1px solid #f1f1f1; */
}
.owl-dots .owl-dot{
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#c5c5c5;
    margin:0 5px;
    border:2px solid rgba(255,255,255,0);
    opacity:0.7;
}

.owl-dots .owl-dot.active{background:#084a75;}

.owl-dots .owl-dot:hover{background:rgba(0,0,0,0.8);}
.owl-dots .owl-dot.active{opacity:1;background:#606060;cursor:default;}


.mt-10{margin-top: 10%;}
.avisoP{padding: 50px 50px;}
.back-red-footer{background: #000;}
footer .content-menu{background: #000;}
section.module.parallax { background:url('../img/background0.jpg'); background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; background-size: cover; background-blend-mode: screen; min-height: auto; background-position: top center; }
.parallax-container{ background: rgba(0, 0, 0, 0.5); }
.title-descarga{ 
    font-size: 30px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #fff;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 2% !important;
    padding-bottom: 1% !important;
    margin-bottom: 0%;
 }
.img-apps{
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 200px !important;
    animation-duration: 1s;
    animation-name: pulse;
    animation-direction: alternate;
}

.img-apps2{
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 250px !important;
    animation-duration: 1s;
    animation-name: pulse;
    animation-direction: alternate;
}
.navmenu .nav-item a{color: #fff;}
.navmenu{
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-wrap: wrap;
    padding-left: 3%;
}
.back-width{background: #202020;}


.btn-grande:hover{
  background-color: #000 !important;
  color: #ffffff;
}

.btn-grande{
    background-color: #1b63a7 !important;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 18px;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    padding: 20px 2 0px;
    margin-left: 1%;
    margin-right: 1%;
}


.torneos-section .nav-tabs .item .nav-link{
    background-image: linear-gradient(to bottom, #1b63a7, #006da6, #0076a1, #007e9a, #0d8491);
    display: inline-block;
    position: relative;
    border-radius: 5em;
    width: 100%;
    background-image: linear-gradient(to bottom, #1b63a7, #006da6, #0076a1, #007e9a, #0d8491);
    margin-bottom: 0% !important;
    padding: 20px 10px;
    max-width: 80px;
    height: 80px;
    font-size: 20px;
    line-height: 40px;
    color: #FFF !important;
    overflow: hidden;
    animation-duration: 1s;
    animation: bounceIn 1s;
    /*animation-iteration-count: infinite;*/
    animation-direction: alternate;
}


@media screen and (max-width: 1200px){
    .navbar-dark .navbar-nav .nav-link{font-size: 14px;}
    .navbar-brand { padding-left: 0%; justify-content: left !important; margin-right: 0 !important; width: 12% !important; }
    .content-menu { height: 170px; }
    .navmenu .nav-item a{ font-size: 14px; padding: 10px; }
}


@media screen and (max-width: 991px){
    #navbarSocial {width: 100%; height: auto; }
    .navbar-dark .navbar-nav .nav-link{font-size: 13px;padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;}
    #i-logo {height: 75px;}
    #i-logo { height: 75px !important; margin-top: 55%; }
    .logo-content { width: 16%; padding-left: 0%; padding-right: 0%; margin-right: 0%;}
    #navbarSocial ul{margin-top: 0px !important;padding-bottom: 0px;}
    .icon-red{ max-width: 22px !important; }
    .header{ height: 90px;}

    .icon-title{ max-width: 50px;}
    .title-section {font-size: 36px;}

    footer .content-menu { height: auto; }
    .back-red-footer #navbarSocial{padding-top: 0px;padding-right: 0px;padding-left:0; padding-bottom: 10px;}
    footer .navmenu{justify-content: center; padding: 10px 0px;}
    footer #navbarSocial ul{justify-content: center; margin-bottom: 0px; }
    .circulo{max-width: 3vh; height: 3vh; padding: 3px;}

    footer .navmenu .nav-item a{padding: 12px 10px;font-size: 14px;}
    .guadalajara {padding-bottom: 15px; padding-top: 0px;}

    .content-menu{max-width: 100%;}
    .guadalajara {text-align: center;}

    .fotos-content .container{padding: 0px}
    .btn-grande{ max-width: 160px; }
    .torneos-section .nav-tabs .item .nav-link{ padding: 15px 5px; max-width: 70px; height: 70px; font-size: 18px;}
}

@media all and (min-width: 992px) {
    /*  Menu responsive  */
    .dropdown-menu {
        width: 13rem;
    }
    .mega-submenu {
        left: 100%;
        top: 0;
        min-width: 25rem;
    }
    .ktm-mega-menu {
        position: static;
    }
    .mega-menu {
        left: 0;
        right: 0;
        width: 100%;
    }
    .dropdown-menu li {
        position: relative;
    }
    .dropdown-menu .submenu {
        display: none;
        left: 100%;
        top: 0;
    }
    .dropdown-menu>li:hover>.submenu,
    .dropdown:hover>.dropdown-menu {
        display: block;
    }
    
}



@media screen and (max-width: 800px){
    .title-section { font-size: 28px; }
}

@media screen and (max-width: 767px){
    /*  Menu responsive  */
    .header { height: auto; } 
    .content-menu{height: auto; width: 100%; max-width: 100%;}
    .content-menu .navbar-toggler{display: inline-block !important; background:transparent; right: 0; position: absolute; top: 50px; right: 10px;}
    #i-logo{ margin-top: 0px !important;  }
    .menu-top{ position: absolute !important; top: 0; left: 0;}
    .icon-red { max-width: 24px !important; margin-top: 12px !important; }
    .navbar-collapse { height: auto; /* overflow: auto; */ justify-content: end; background: #000; position: absolute; top: 100px; width: 100%; z-index: 9999; display: inline-block; }
    .pad-container-sm{ /*max-width: 100%;*/ width: 100%; position: relative; padding: 0;/*display: inline-block;*/ }
    #navbarSocial ul{ width:100%; }
    .navbar-dark .navbar-nav .nav-link {font-size: 16px;}
    /*  Footer responsive  */
    .navmenu{justify-content: center;}
    .logo-content{ margin-left: 2%; }
    /*  Footer responsive  */
    .navbar-dark .navbar-nav .nav-link .menu-imagen {display: inline-block;}    

    footer .nav-link { padding: 0rem 1rem; }
    .icon-title{    max-width: 40px;}
    .content-return {height: 40px;}
    .img-apps{max-width: 150px !important;}
    .img-apps2{max-width: 170px !important;}
    .title-descarga{ font-size: 24px; padding-bottom: 3% !important;}
    #d-menu-golf{border-top-left-radius: 25px;border-top-right-radius: 25px;}

}

@media screen and (max-width: 767px){
    .title-section{font-size: 22px !important;}
    .item{display: flex; justify-content: center;}
}

@media screen and (max-width: 580px){
    #d-menu-golf .campos { padding: 10px 20px 20px 20px; }
}

@media screen and (max-width: 520px){
    .title-section{margin-top: 10px; margin-bottom: 10px;}
    .img-apps{ max-width: 200px !important; margin-top:10px; }
    .img-apps2{ max-width: 200px !important; }
    .title-descarga{ padding-top: 10% !important; }
    .return{top: 2vh;}
    .btn-grande { max-width: 130px !important; margin-bottom: 15px !important; display: inline-block; width: 100%; font-size: 13px; padding: 10px }
    .torneos-section .nav-tabs .item .nav-link { padding: 5px 5px; max-width: 50px; height: 50px; font-size: 14px; text-decoration: none; }
    .textos-detalle{font-size: 16px !important;;margin-bottom: 10px !important;}

}

@media screen and (max-width: 480px){
    .padd { padding: 10px 10px; }
}