/*=============================================================
    Authour URL: www.designbootstrap.com
    http://www.designbootstrap.com/
    License: MIT
    http://opensource.org/licenses/MIT
    100% Free To use For Personal And Commercial Use.
    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
========================================================  */

/*================================
    GENERAL STYLES
==================================*/

section {
    padding-top: 80px;
    padding-bottom: 120px;
}

.head-set {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad-bottom {
    padding-bottom: 30px;
}

.pad-left {
    padding-left: 20px;
}

.mar-bottom {
    margin-bottom: 20px;
}

.mar-center {
    margin: 0 auto;
}


/*================================
    NAVBAR STYLES
==================================*/
.navbar-default {
    background-color: rgb(35, 133, 161);
    border-color: transparent;
    color: #fff;
}

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
    }

.navbar-brand {
    padding: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:#fff;
}
/*================================
    HOME SECTION STYLES
==================================*/

/*STYLE OF BACKGROUND IMAGE*/
#inicio {
    background: url(../img/home.jpg) no-repeat fixed center center; /*Full Width background image*/
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    min-height: 300px;
    padding-top: 100px;
    color: #fff;
}
    /*STYLE FOR OVERLAY CLASS - WHICH IS ABOVE IMAGE WITH OPACITY/TRANSPARENCY 0.75*/
    #inicio .overlay {
        background-color: rgba(25, 133, 161,0.75); /*.75 opacity of the color so that background image is visible*/
        min-height: 300px;
        
    }
/*SAMPLE CLASS TO ADJUST SECTION PADDING & HEIGHT*/

/*CLASS TO FORMAT TEXT*/
.p-cls {
    padding-top: 30px;
    padding-bottom: 40px;
}

/*======================================
    PARALLAX LIKE / STATS SECTION STYLES
=========================================*/

.parallax-like {
    background: url(../img/home.jpg) no-repeat center center; /* DEFINE IMAGE PATH CAREFULLY*/
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

    .parallax-like .overlay {
        min-height: 200px;
        /*background: rgba(35, 133, 161,0.9);*/
        font-size: 40px;
        padding-bottom: 60px;
        padding-top: 60px;
    }

/*================================
    PORTFOLIO / WORK SECTION STYLES
==================================*/
/* POSTFOLIO IMAGE BIG ON HOVER */
/*.portfolio-item img:hover { 
    cursor: pointer;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; 
    z-index: 1;
}*/

/*================================
    VIDEO SECTION STYLES
==================================*/
#video-sec {
    color: #fff;
    text-align: center;
}

    #video-sec .overlay {
        background-color: rgba(0, 0, 0, 0.85);
        min-height: 300px;
        color: #fff;
    }

    #video-sec h1 {
        padding-top: 80px;
        font-size: 50px;
        font-weight: 900;
        padding-bottom: 30px;
    }

/*================================
    CLIENTS SECTION STYLES
==================================*/
#clients {
    background-color:#f4f4f4;
    padding-bottom:50px;
    padding-top:50px;
}
    #clients img {
        opacity:0.5;
        cursor:pointer;
    }
        #clients img:hover {
            opacity:1;
        }

/*================================
    FOOTER SECTION STYLES
==================================*/

footer {
    padding: 20px;
    padding-bottom: 0;
    font-size: 15px;
    text-align: center;
    background-color: rgb(35, 133, 161);
    color: #fff;
}

    footer a, footer a:hover {
        color: #fff;
        text-decoration: none;
    }

/*================================
    NEW ADDED STYLES
==================================*/

/* latin */
@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://www.geonet.es/assets/fonts/ubuntu_condensed_google.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: 'Ubuntu Condensed', sans-serif;
}

.navbar-default {
	background: #F70;
}
/*.overlay {
	background-color:rgba(255, 167, 38, 0.18) !important;
}*/

footer {
	background: #F70;
}
section {
     padding-top: 20px; 
     padding-bottom: 30px; 
}

.logo {
	color: #FFF !important;
    font-size: 40px !important;
    padding-top: 14px !important;
}

.div-map {
	position:absolute;
	width:100%;
	height:100%;
}

#about h3 {
    font-size: 40;
}

#about h4 {
    font-size: 30;
}

.link-simil-h3 {
    font-size: 24px;
    margin-top: 16px; 
    margin-bottom: 6px;
    display: block;
}

.fix-dropdown-menu {
    margin-top: -20px;
}

a.box {
    border: 2px solid #FFF;
    padding: 3px;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
}

.alert.opacity {
    background-color:rgba(92, 68, 27, 0.60) !important;
    color: #FFF;
    border: none;
    border-radius: 0;
    height: 132px;
}

.alert.alerta-cookie {
	padding: 0;
	margin: 0;
	background-color: rgba(0,0,0,0.8);
	border-radius: 0;
}

.btn-info {
  color: #fff;
  background-color: #f70;
  border-color: #f70;
}

/* Hero Images*/

/* Hero image */
.hero {
	position: absolute;
	width: 100%;
	height: 353px;
	top: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
}

.hero > div {
	background: transparent url(../img/home.jpg) no-repeat 50% 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.hero__back--static,
.hero__front {
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	-webkit-transform-origin: 50% 60px;
	transform-origin: 50% 60px;
	-webkit-transition-timing-function: cubic-bezier(0.6,0,0.4,1);
	transition-timing-function: cubic-bezier(0.6,0,0.4,1);
}

.hero__back {
	position: absolute;
	width: 100%;
	height: 100%;
}

.hero__back--mover {
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;
	transition: transform 0.4s, opacity 0s 0.5s;
}

.move-items .hero__back--mover {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.hero__front {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -391px;
	border-radius: 50%;
	opacity: 0;
}

.move-items .hero__back--static {
	opacity: 0;
	-webkit-transform: scale3d(0.15,0.15,1);
	transform: scale3d(0.15,0.15,1);
}

.move-items .hero__front {
	opacity: 1;
	-webkit-transition-duration: 0.5s, 0s;
	transition-duration: 0.5s, 0s;
	-webkit-transform: scale3d(0.15,0.15,1);
	transform: scale3d(0.15,0.15,1);
}