/*
 * Start Bootstrap - Landing Page (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  
}

a {
    color:#25a0c9;
}

.content-section-a h2, .content-section-a h1, .content-section-b h2, .content-section-b h1 {
    -webkit-transition: font-size 1s;
       -moz-transition: font-size 1s;
         -o-transition: font-size 1s;
            transition: font-size 1s;
}

.content-section-a:hover h2, .content-section-a:hover h1, .content-section-b:hover h1, .content-section-b:hover h2{
    /*font-size: 50px;*/
}

.nav>li>a, .nav>li>a {
    -webkit-transition: background 400ms ease-out;
    -moz-transition: background 400ms ease-out;
    -o-transition: background 400ms ease-out;
    transition: background 400ms ease-out;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #1c8cb4;
    color: #FFF;
}

.topnav {
    font-size: 14px;
    /*height: 70px;*/
        /*background: #FFF;*/
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    padding-top: 30px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;

}

.intro-message {
    position: relative;
    padding-top: 18%;
    padding-bottom: 18%;
}

.intro-message {
    position: relative;
    padding-top: 4.7%;
    padding-bottom: 1%;

}

.intro-message h1, .intro-message h3,  .intro-message .lead  {

    /*text-shadow: black 5px 4px 7px;*/
}

.intro-message > h1 {
    margin: 0;
    font-size: 3em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
}

.navbar-default .navbar-nav>li>a {
    color: #7d7d7d;
    font-weight: normal;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #1AAD92;
}

.icon-bar {
    background-color: #FFFFFF;
}


.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 5px;
  width: auto;
  height: 70px;
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
ul.nav.navbar-nav.navbar-right {
    padding: 10px;
    /*background: #FFF;*/
}
.navbar-header {
    height: 70px;
}
.panel-title {
    font-size: 20px;
}
.panel-default>.panel-heading {
    color: #1bad92;
    background-color: #ffffff;
}
.banner .well {
        background-color: rgba(0, 0, 0, 0.65);
    border: initial;
    border-radius: 4px;
}
.banner .well a {
    color: #FFFFFF;
}


h2.section-heading {
    color: #24a1cb;
}

h1.section-heading {
    color: #1bad92;
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg_2.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

div#modal_terminos p {
    text-align: justify;
    color: #0070C0;
}


div#modal_terminos p span strong {
    color: #00B050;
}
div#modal_terminos h4 {
    font-weight: bold;
}

.loginbox {
    float: none;
    margin: 0 auto;
        background: rgba(22, 87, 115, 0.54);
    padding: 10px;
    border-radius: 8px;
}

.loginbox a, .loginbox a:hover {
  color: #FFFFFF;
}

.loginbox .glyphicon {
  color: #24a1cb;
}
.loginbox .input-group-addon {
    background: #FFF;
}

.btn-primary {
    color: #fff;
    background-color: #1aad92;
    border-color: transparent;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;

        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}

/* Cookies */

.cookies {
position : fixed;
z-index : 9999;
right : 0;
left : 0;
width : 100%;
padding-right : 185px;
transition : all .4s ease;
color : #fff;
background: #74a0b9; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #74a0b9 , #1cad93); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #74a0b9 , #1cad93); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
bottom : 0;
animation-name : cpcookiestop;
animation-duration : 1s;
animation-iteration-count : 1;
}


@keyframes cpcookiestop {
0% {
    bottom : -50%;
}
100% {
    bottom : 0;
}
}



.cookies-message-link {
color : #ffeb3b;
opacity: 0.8;
}
.cookies-message-link:hover{
text-decoration: none;
color: #ffeb3b;
opacity: 1;
}

#cookies-close {
display : none;
}

#cookies-close:checked ~ #cookies ,
#cookies-close:checked + .cookies-close {
bottom : -50%;
}

.cookies-close {
position : fixed;
z-index : 10000;
right : 90px;
padding : 10px 15px;
border-radius: 20px;
cursor : pointer;
text-decoration : none;
font-weight: 400;
color : #ffffff;
background : #1aad92;
bottom : 10px;
animation-name : cpcookiesclosetop;
animation-duration : 1.4s;
animation-iteration-count : 1;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
}
.error {
    font-weight: normal;
    color: #1aad92;
}
input.error {
    background: #f5e7e7;
    color: #555;
}

.alert-success {
    background: #1aad92;
    color: #FFFFFF;
    border-color: #1aad92;   
}

.alert-info {
    background: #25A0C9;
    color: #FFFFFF;
    border-color: #25A0C9;
}

.alert-danger {
   background: #bc1339;
   color: #FFFFFF;
   border-color: #bc1339;
}

.btn-secondary {
    color: #fff;
    background-color: #25a4ce;
    border-color: transparent;
}

@keyframes cpcookiesclosetop {
0% {
    bottom : -50%;
}
100% {
    bottom : 10px;
}
}


.cookies-close:hover {
text-decoration : none;
background: rgba(255, 255, 255, 0.2);
}

.cookies-message {
margin : 20px;
}

.navbar-toggle {
    background-color: #25A0C9;
    border: 1px solid #fff;
}

@media (max-width: 768px){
    .cookies {
        padding-right: 0px;
        padding-bottom: 65px;
    }
}

.loginbox .ta a {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.loginbox .ta .active a {

    color: #25A0C9;
}

.nav.nav-pills.list-inline.ta.logincaja {
    display: flex;
    justify-content: center;
}

.nav-pills.logincaja > li > a {
    border-radius: 4px 4px 0px 0px;
}


#modal_privacidad {
    z-index: 9999 !important;
}

#modal_aviso_legal {
    z-index: 9998 !important;
}

.nav-pills.logincaja > li > a{
    font-size: 24px;
    background-color: #25a4ce;
    color: #fff;
}
.nav-pills.logincaja > li.active > a,
.nav-pills.logincaja > li.active > a:focus,
.nav-pills.logincaja > li.active > a:hover {
    color: #ffffff;
    background: linear-gradient(to bottom, rgb(34, 83, 104), rgb(8, 65, 86));

}

.navbar-default {

    border-color: transparent;
}

.carousel .item {
  height: 700px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;

}

.text-primary {
    color: #19ad92;
}

section#hits {
    background: #ffffff;
    padding: 60px 0px 20px 0px;
}
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #cacaca;
}

@media (max-width: 991px) {
    .object-wrap__body {
        height: 33vw;
        min-height: 400px;
    }
}

@media (min-width: 992px) {
    .object-wrap__body {
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100vw;
        min-width: 1px;
        max-width: none;
        height: 100%;
        min-height: 100%;
        max-height: none;
        margin: 0;
        z-index: 0;
    }
    .object-wrap__body + * {
        margin-top: 0;
    }
    .object-wrap__body.object-wrap__body-md-right {
        right: 0;
    }
    .object-wrap__body.object-wrap__body-md-left {
        left: 0;
    }
}

@media (min-width: 992px) {
    .object-wrap__body-sizing-1 {
        width: 49.5vw;
    }
}


.bg-gray-lighter {
    background-color: #f8f8f8;
    position: relative;
}

.text-blue {
    color: #24a1cb;
}

span.big {
    font-size: 60px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: #0003 4px 3px 5px;
    float: left;
    padding-right: 18px;
}

h3.section-heading {
    color: #1bad91;
}

.sociales a{
    color: #1aad91;
}


#TestC {

    height: 300px;
}

#testi  #TestC h1{
  margin-left:5%;
  padding-top:1%;
  color:#fff;
  -webkit-text-stroke: .1px gray;
}

#testi .carousel-control{
    top: inherit;
    bottom: 30px;
    font-size: 35px;
    left: inherit;
    z-index:999;
    width:2%;
    margin-right:5%;
}

#testi .carousel-control.left {
 background-image: none;
 filter: none;
 right: 45px;
}

#testi .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
     filter: none;
}

#testi .quote-section {
    width: 70%;
    margin: 0 auto;
    position: relative;
    padding: 10px 20px;
    font-size: 20px;
    margin-top: 2%;
    color: #333;
        background: #4b52640f;
    text-align: center;
}
#testi #ql{
  padding:0px 15px 0px 15px;
}
#testi  #qr{padding:0px 15px 0px 15px;}

#testi  .autor-section{
    width: 30%;
    margin: 0 auto;
    margin-top: 1%;
    color: #333;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}
section#testi{
    padding: 60px 0px 40px 0px;
    background: #f8f8f8;
}

/*#portada.carousel-inner {
    background: #268fb3;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    opacity: 0.35;
}*/

.carousel-control.right, .carousel-control.left {
     background-image: none;
}

.intro-message h3, .intro-message > h1 {
    background: #46889ea8;
    display: inline-block;
    padding: 4px;
    border-radius: 5px;
}

div#wdgrt {
    background: linear-gradient(180deg, #1d8cb4 , #2d728c) !important;
}
div#wdgrt > p{
display: none!important;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {

    display: block;
    max-width: initial;
    height: auto;

}




  .nav > li > a {


    padding: 10px 10px;




}

section#testi {


    background: url("/img/testi_bg.jpg");
background-size: cover;
}


#testi .quote-section {


    background: #f4f4f499;

}

#testi .carousel .item {
    height: 200px;
}

#comunicados .media-object {

    display: block;
    max-width: 140px;

}

#comunicados .media {
    padding: 10px;
    font-size: 16px;
}

#comunicados .media i {
color: #000;
}

.img-rounded {
  width:100%;
}
@media (max-width: 768px){
span.big {

    margin-top: -23px;
}


#testi .quote-section {
    font-size: 14px;


}


#testi .autor-section {

    width: 80%;

}

#testi .carousel .item {

    height: 320px;

}

#TestC {

    height: initial;

}


#testi .carousel-control {

    top: initial;
    bottom: 0px;
    font-size: 35px;
    left: 50&;
    z-index: 999;
    width: 80px;
    margin-right: initial;
    margin-left: initial;
    right: initial;

}

}



#wgt .img-responsive {
    width: 100%;
}
p.number_imp {
    font-size: 30px;
    font-weight: bold;
    color: #24a1cb;
}

.flag {
  width: 16px;
  height: 11px;
  background:url(/img/sprite_flags.png) no-repeat;
  display:inline-block;
}

  .flag.flag-es {background-position: 0 -44px}
  .flag.flag-fr {background-position: -128px -44px} 
  .flag.flag-gb {background-position: -160px -44px}
  .flag.flag-en {background-position: -160px -44px}
  .flag.flag-pt {background-position: -16px -121px}
  .flag.flag-de {background-position: -64px -33px} 
  .flag.flag-nl {background-position: -240px -99px}