/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

/*fonts*/

* {
  font-family: "open sans", sans-serif;
  font-size: 20px;
}

img{-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;}


/*icomoon*/

.navbar-toggle,.icomoon{cursor:pointer;}
.icomoon{font-size:40px;color:white;}
.icon-instagram-with-circle:hover{color:#44255c;}
.icon-facebook-with-circle:hover{color:#3b5998;}
h2{color:#0378BD;font-weight:bold;margin-top:0;margin-bottom:20px;}
h2 span{font-size:30px;}


/*elem*/

.navbar {background-color: #fff;border:0;position:absolute;z-index:100;width:100%}
.navbar *,.navbar-default .navbar-nav>li>a{border:0;color:white;}
.nav>li>a {padding:6px;padding-right:12px;padding-bottom:15px;color: white;}
.navbar-default .navbar-nav>li>a {font-size:20px; color: black;}
.navbar-default .navbar-nav>li>a:hover {color: #0378BD;}
.navbar-default span{color:#0378BD;font-size:30px;}


.slogan{color:white;text-align: center;font-family: 'Leckerli One', cursive;font-size:35px;text-shadow: 2px 2px #000000;opacity:0.8;}


.servicios img{cursor:pointer;width:220px;padding:15px;}
.servicios img:hover{transform: scale(1.1);}
.servicios h3{margin-top:0px;font-size:1.5em;color:#0378BD}
.col-md-6{padding-right:0; padding-left: 0;}
.descripcion span {font-size:2em;float:right;padding-right:10px; cursor:pointer;}
.descripcion span:hover{color:#0378BD;}
.descripcion h3 {font-size: 1.7em;margin-left:30px;margin-top:30px;margin-bottom:30px;}
.descripcion img {float:left;width:100%;max-width:500px;margin-bottom:15px;margin-top:6px;margin-right:30px;}
.descripcion p{margin-top:10px;}


main{margin:25px 0 25px 0;text-align:center;}

.container p{padding-left:10px;padding-right:10px;}
#containerblue {background-image: url(img/mesh.svg);background-position:right;background-repeat:no-repeat;background-size:47%;padding-top:30px;padding-bottom:30px;margin-bottom:40px;background-color:#0378BD;}
#containerblue span{color:white;font-size:2em}
#containerblue p {font-size:15px;color:white;text-align:justify;}
#containerblue a {font-size:20px;color:#eeeeee;text-decoration:underline;}
#containerblue p:last-of-type{font-size:1em;}
#containerblue img {float:right;width:100%;max-width:500px;margin-left:30px;margin-bottom:20px;}
#containerblue img:last-of-type{float:left;margin-left:10px;max-width:350px;margin-top:10px;margin-right:30px;} 

.jumbotron{height:100px;margin:0;-webkit-box-shadow: inset 1px 9px 69px -7px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 1px 9px 69px -7px rgba(0,0,0,0.75);
  box-shadow: inset 1px 9px 69px -7px rgba(0,0,0,0.75);}

#jumbo1{background:url(img/oficinas.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;height:200px;
background-size: 100vmax 100vmax;}

#jumbo2{height:220px;background-color:#662D91;padding-top:0;}
#jumbo2 img{height:220px;float:left;}
#jumbo2 p{float:right;width:35%;text-align:right;display:inline-block;color:white;margin-top:65px;font-size:1.2em;border-right:2px solid white;padding-right:30px;}
#jumbo2 a{color:white;}
#jumbo2 a:hover{text-decoration:none;color:rgb(217, 137, 255);}

#jumbo3{background:url(img/background.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.contacto{max-width:400px;}
form{font-size:0.9em;padding:10px;}
form select{margin-bottom:10px;}
form input{margin-bottom:10px;}
form textarea{margin-bottom:15px;}

.form-control{border:1px solid #0378BD;}

iframe{margin-top:30px;}

footer{background-color: #000000;padding-bottom:30px;padding-top:20px;}

footer a{color:white;}

footer p{padding-top:10px;color:#909090;}
footer img{height:80px;}
footer img:hover{filter: brightness(2);}


footer .col-sm-7 {margin-bottom:40px;}
footer .col-sm-5 {text-align:right;margin-top:20px;}
footer .col-sm-5 ul li{display:inline-block;text-decoration:none;cursor:pointer;}
footer .col-sm-5 ul li img{height:42px;opacity: 0.8;filter: brightness(20);}
footer .col-sm-5 ul li img:hover{filter: brightness(1);  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;}


/*cookies*/
.cookies {background: rgba(0, 0, 0, .8);bottom:0;position:fixed;width:100%;border-top:1px solid white;padding-top:10px;padding-bottom:15px;z-index:20;}
.cookies p {color:white;text-align:justify;font-size:13px;margin-bottom:0;}
.cookies button{float:right;margin:15px;margin-top:5px;margin-bottom:0;padding:5px;padding-left:15px;padding-right:15px;background:#bbb;color:black;border-radius:25px;border:none;outline:none;text-decoration:none;}
.cookies button:hover {background:white;color:black;}

/*lang*/
.language,.option {width:50px;cursor:pointer;position:absolute;right:0;top:0;z-index:9999;}
.language{text-align:center;background-color:#0378BD;color:white;padding:8px 0 8px 0;font-weight:bold;}
.option{top:45px;}
.option li{font-weight:bold;color:#333333;text-align:center; list-style-type: none;display:none;background:#fff;padding:8px 0 8px 0;}
.option li:hover{background-color:#68A5C8;color:white;}


@media screen and (min-width: 768px) {
  .navbar {margin-top:20px;background-color: rgba(0, 0, 0, 0.0);border:0;padding-top:15px;}
  .navbar ul{padding-top:8px;}
  .navbar-brand img {margin-top:-15px;height:60px;}
}

@media screen and (min-width: 992px) {
  .navbar-brand img {margin-top:-15px;height:75px;}
}

@media screen and (max-width: 992px) {
.navbar-default span{font-size:20px;}
.navbar-default .navbar-nav>li>a {padding-right:3px;font-size:18px;}
}

@media screen and (max-width: 768px) {
  .navbar{position:fixed;height:70px;}
  .navbar-nav{background-color: #fff;width:111%;height:100vh;margin-top:0;text-align:center;padding-top:20vh;padding-right:10px;}
  .navbar-default span{font-size:30px;}
  .navbar-default .navbar-nav>li>a {font-size:28px;}
  .navbar-brand img{height:50px;}
  .navbar-brand{margin-top:-6px;}
  .carousel{padding-top:52px;}
  .carousel-control{margin-top:50px;}
  #containerblue{margin-left:-5px;background-size:120%;}
  .descripcion img {max-width:none;}
  #containerblue img:first-of-type{padding-left:20px;}
  #containerblue img {width:100%;max-width:600px;margin-bottom:20px;margin-right:10px;}
  #jumbo2 p{font-size:1.1em;}
  .slogan{font-size:30px;height:100px;padding-top:30px}
  footer div{text-align:center;}
  .footer .col-sm-5{text-align:center;padding-right:50px;}
}

@media screen and (max-width: 768px) {
  .language,.option {font-size:1.2em;width:40px;cursor:pointer;position:fixed;right:70px;top:12px;}
  .language{border:2px solid #0378BD;background-color:white;color:#0378BD;}
  .option{color:white;}
  .option li{font-size:1em;color:white;background-color:#0378BD;}
  .option li:hover{background-color:#0378BD}
  #jumbo2 p{height:auto;margin-top:60px;margin-right:20px;width:50%;}
  .navbar ul span{display:inline;}
}

@media screen and (max-width: 576px) {
  #jumbo2 p{font-size:0.9em;padding:0;border:none;margin-top:70px;margin-right:0;}
}

@media screen and (min-width: 768px) {
}