body {    overflow-x: hidden;    font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif}
p {    line-height: 1.75}
a {    color: #444;}
a.masinfo {    color: rgba(255, 255, 255, 0.5);    cursor: pointer;}
a.masinfo:hover {    color: #ffffff;}
a.active, a:active, a:focus, a:hover {    color: #ffffff}
.h1, h1 {    font-size: 4.5rem;}
.separa-fotos {    padding-bottom: 30px;}
h1, h2, h3, h4, h5, h6 {    font-weight: 700;    font-family: 'Cabin', sans-serif;}
.separasecciones {    padding: 100px 0}
.mapa-ficha {    width: 100%;    height: 400px;}
.boton {    cursor: pointer;}
#carpas h3, #carpas h2 {    color: #fff !important;}
.fondoplaya {    background: url(../img/fondoplayaarenaOlas.jpg) bottom repeat-x, url(../img/fondoplayaarenamotivo.jpg);}
.planocarpas {   background-image: url(../img/Maqueta-carpas.png);    background-repeat: no-repeat;    background-position-x: center;padding-bottom: 700px;}
.plano-img {    padding: 15px 15px 120px 15px;}
.bloque1, .bloque2, .bloque3, .bloque4, .bloque5, .bloque6, .bloque7, .bloque8 {    display: inline-block;    float: left; text-align: center;}
.fila {width: 100%; float: left;}
.fila a{ color: #444; text-decoration:none;}
.fila a:hover{ color: #fff; text-decoration:none;}
.fila1 {    padding-top: 208px;    display: inline-block;}
.fila1 .bloque1 {    margin-left: 220px;}
.fila1 .bloque2 {    margin-left: 190px;}
.fila1 .bloque3 {    margin-left: 95px;}
.CarpaFrente { display: inline-block;}
.CarpaFrente { background: #fff;    padding: 5px;    font-size: 12px; margin-bottom: 3px;}
.CarpaFrenteDer, .CarpaFrenteIzq { background: #fff;    padding: 2px 6px;    font-size: 12px; margin-bottom: 3px;}
.CarpaFrente:hover, .CarpaFrenteDer:hover, .CarpaFrenteIzq:hover {     background: #ffa007; }
.fila2 .bloque1, .fila2 .bloque2, .fila2 .bloque4, .fila2 .bloque5, .fila2 .bloque6, .fila2 .bloque7 {    width: 30px;}
.fila2 .bloque1 {    margin-left: 185px;}
.fila2 .bloque2 {    margin-left: 175px;}
.fila2 .bloque3 {    margin-left: 30px;}
.fila2 .bloque4 {    margin-left: 15px;}
.fila2 .bloque5 {   margin-left: 170px;}
.fila2 .bloque6 {    margin-left: 3px;}
.fila2 .bloque7 {   margin-left: 165px;}
.Sombrilla {    background: #fff;    border-radius: 100%;    padding: 3px 6px;    font-size: 12px;}
.Sombrilla:hover {     background: #ffa007; }
.fila2 .Sombrilla { margin-top:20px}
.fila3 .bloque1 {    margin-left: 172px;}
.fila3 .bloque2 {    margin-left: 20px;}
.fila3 .Sombrilla {    display: inline-block;   margin-left: 25px;}
.fila3 .bloque3 {    margin-left: 45px;}
.fila3 .bloque4 {    margin-left: 65px;}
.fila3 .bloque5 {    margin-left: 10px;}
.fila3 .bloque6 {    margin-left: 33px;}
.fila3 .bloque7 {    margin-left: 15px;}
.fila3 .bloque8 {    margin-left: 25px;}
.CarpaFrenteDer { }
.CarpaFrenteIzq { }
#contacto {    border-bottom: 3px solid #dadada;}
.mapa {    background: #fff;    padding: 5px 5px; max-height: 400px;}
section h2.section-heading, section h2.section-heading-pago {    font-size: 40px;    margin-top: 0;    margin-bottom: 15px}
section h3.section-subheading {    font-size: 16px;    font-weight: 400;    font-style: italic;    margin-bottom: 20px;    text-transform: none;    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif}
.embed-container {    position: relative;    padding-bottom: 56.25%;    height: 0;    overflow: hidden;}
.embed-container iframe {    position: absolute;    top:0;   left: 0;    width: 100%;    height: 100%;}
@media (max-width:420px) {
   .embed-container {    padding-bottom: 100%;}
   .fotoaero {    height: 180px;}
   .textoaero {    padding: 40px !important;}
   h2.section-heading-pago {
    font-size: 18px!important;
}
}
@media (min-width:768px) {
    .separasecciones {        padding: 95px 0    }
}
::-moz-selection {    background: #8d2a1d;    text-shadow: none}
::selection {    background: #8d2a1d;    text-shadow: none}
img::selection {    background: 0 0}
img::-moz-selection {    background: 0 0}
body {    -webkit-tap-highlight-color: #8d2a1d}
#mainNav {    background-color: #00BCD4;}
#mainNav .navbar-toggler {   font-size: 12px;    right: 0;    padding: 13px;    text-transform: uppercase;    color: #444;    border: 0;    background-color: #fff;    font-family: 'Poiret One', cursive;    text-transform: uppercase}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {  color: #fff;}
#mainNav .navbar-nav .nav-item .nav-link {    font-size: 90%;    font-weight: 400;    padding: .75em 0;    letter-spacing: 1px;    color: #fff;    font-family: 'Cabin', sans-serif;    text-transform: uppercase}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {    color: #000;}
.navbar-brand {    padding: 0 0 10px 20px;    position: relative;    font-family: 'Cabin', sans-serif;    font-size: 50px;	text-align: center;}
.nombrelogo {    display: block;    margin-bottom: -12px;}
.subtexto {    font-size: 12px;    display: block;    border-top: 1px solid #fff;}
header .carousel-item {    height: 100vh;    min-height: 300px;    background: no-repeat center center scroll;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}

@media (min-width:992px) {
    #mainNav {
        padding-top: 25px;
        padding-bottom: 25px;
        -webkit-transition: padding-top .3s, padding-bottom .3s;
        -moz-transition: padding-top .3s, padding-bottom .3s;
        transition: padding-top .3s, padding-bottom .3s;
        border: none;
        background: rgba(0,0,0,0.7);
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(143,143,143,0) 56%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.7)), color-stop(56%, rgba(143,143,143,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(143,143,143,0) 56%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(143,143,143,0) 56%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(143,143,143,0) 56%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(143,143,143,0) 56%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
    }
    #mainNav .navbar-brand {    -webkit-transition: all .3s;    -moz-transition: all .3s;    transition: all .3s;    }
    #mainNav .navbar-nav .nav-item .nav-link {       padding: 1.1em 1em!important    }
    #mainNav.navbar-shrink {        padding-top: 0;        padding-bottom: 0;        background: #00BCD4;		border-bottom: 4px solid #028292;    }
	}

#Aerogenerador p {    line-height: 1.2;    color: #6b6a6a;    font-family: 'Cabin', sans-serif;    margin-bottom: 0.4rem;}
#servicios p {    line-height: 1.2;    color: #6b6a6a;    font-family: 'Cabin', sans-serif;    margin-bottom: 0.4rem;}
.service-heading {    margin: 15px 0;    text-transform: none}
section#contact {    background-color: #f5f5f5;}
section#contact .section-heading {    color: #222}
section#contact .form-group {    margin-bottom: 25px}
section#contact .form-group input,section#contact .form-group textarea {    padding: 20px}
section#contact .form-group input.form-control {    height: auto}
section#contact .form-group textarea.form-control {    height: 236px}
section#contact .form-control:focus {    border-color: #dc3545;    box-shadow: none}
section#contact::-webkit-input-placeholder {    font-weight: 700;    color: #eee;    text-transform: uppercase}
section#contact:-moz-placeholder {    font-weight: 700;    color: #eee;    text-transform: uppercase}
section#contact::-moz-placeholder {   font-weight: 700;    color: #eee;    text-transform: uppercase}
section#contact:-ms-input-placeholder {    font-weight: 700;    color: #eee;    text-transform: uppercase}
section#contact .text-danger {    color: #e74c3c}
footer {    padding: 25px 0;   text-align: center;    background: #01bcd4;    border-top: 4px solid #028292;color:#fff;}
footer span.copyright {    font-size: 90%;    line-height: 40px;    text-transform: none;}
footer ul.quicklinks {    font-size: 90%;    line-height: 40px;    margin-bottom: 0;    text-transform: none;}
ul.social-buttons {    margin-bottom: 0}
ul.social-buttons li a {    font-size: 20px;    line-height: 40px;    display: block;    width: 40px;    height: 40px;    -webkit-transition: all .3s;    -moz-transition: all .3s;    transition: all .3s;    color: #fff;    border-radius: 100%;    outline: 0;    background-color: #222}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover {    background-color: #fd9841;}
.fotoaero {    background-image: url(../img/aerogenerador.jpg);    background-position-y: center;}
.textoaero {    padding: 15px;}
#MediosdePago {    padding: 20px 0;}
.text-primary {    color: #E91E63!important}

@font-face {
      font-family: 'fontello';
      font-weight: normal;
      font-style: normal;
    }
     
.demo-icon {    font-family: "fontello";    font-style: normal;    font-weight: normal;}

.portfolio-modal .modal-content {
    min-height: 100%;
    padding: 20px 0;
    border: none;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-dialog {
    max-width: none;
    height: 100%;
    margin: 0;
}
.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    background-color: transparent;
    z-index: 999;
}
.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #222;
}
.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #222;
}