iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

*{min-height: 0; min-width: 0;}

@font-face {
    font-family: 'SF-UI-Display-Regular';
    src: url('../fonts/sf-ui-display-regular.eot');
    src: url('../fonts/sf-ui-display-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sf-ui-display-regular.svg') format('svg'),
        url('../fonts/sf-ui-display-regular.woff') format('woff'),
        url('../fonts/sf-ui-display-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Compact-text-Semibold';
    src: url('../fonts/sf-compact-text-semibold.eot');
    src: url('../fonts/sf-compact-text-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sf-compact-text-semibold.svg') format('svg'),
        url('../fonts/sf-compact-text-semibold.woff') format('woff'),
        url('../fonts/sf-compact-text-semibold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-SemiBold.eot');
    src: url('../fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-SemiBold.woff2') format('woff2'),
        url('../fonts/NunitoSans-SemiBold.woff') format('woff'),
        url('../fonts/NunitoSans-SemiBold.ttf') format('truetype'),
        url('../fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Regular.eot');
    src: url('../fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Regular.woff2') format('woff2'),
        url('../fonts/NunitoSans-Regular.woff') format('woff'),
        url('../fonts/NunitoSans-Regular.ttf') format('truetype'),
        url('../fonts/NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-ExtraLight.eot');
    src: url('../fonts/NunitoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/NunitoSans-ExtraLight.woff') format('woff'),
        url('../fonts/NunitoSans-ExtraLight.ttf') format('truetype'),
        url('../fonts/NunitoSans-ExtraLight.svg#NunitoSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-ExtraBold.eot');
    src: url('../fonts/NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/NunitoSans-ExtraBold.woff') format('woff'),
        url('../fonts/NunitoSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Light.eot');
    src: url('../fonts/NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Light.woff2') format('woff2'),
        url('../fonts/NunitoSans-Light.woff') format('woff'),
        url('../fonts/NunitoSans-Light.ttf') format('truetype'),
        url('../fonts/NunitoSans-Light.svg#NunitoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prata';
    src: url('../fonts/Prata-Regular.eot');
    src: url('../fonts/Prata-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Prata-Regular.woff2') format('woff2'),
        url('../fonts/Prata-Regular.woff') format('woff'),
        url('../fonts/Prata-Regular.ttf') format('truetype'),
        url('../fonts/Prata-Regular.svg#Prata-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.cc-cookies{background: rgba(0,0,0,0.8);}

html, body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
html {position: relative; min-height: 100%}
body{font-family: 'Nunito Sans'; color: #676767;}
.g-recaptcha {display:none!important}
.mx-5 {margin-left:0px!important; margin-right:0px!important;}
/* Background */
.carousel-fade .carousel-inner .carousel-item {    opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,.carousel-fade .carousel-inner > .carousel-item.active.right {opacity: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
    .carousel-fade .carousel-inner > .carousel-item.prev,.carousel-fade .carousel-inner > .carousel-item.active.left {opacity: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .carousel-item.next.left,.carousel-fade .carousel-inner > .carousel-item.prev.right,.carousel-fade .carousel-inner > .carousel-item.active {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

.carousel-inner{width: 100%; height: 100%;}
/*#big_carousel-header .carousel-item, #big_carousel-ubicacion .carousel-item, #big_carousel-generico .carousel-item{min-height: 100vh; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; object-fit: cover; 
overflow: hidden;}*/

#big_carousel-header, #big_carousel-generico, #big_carousel-planos, #big_carousel-galeria{z-index: 1; /*height: 100vh*/;}
#big_carousel-ubicacion {height: 130vh;}
#big_carousel-header{height: 100vh;}
#big_carousel-header .carousel-item, #big_carousel-ubicacion .carousel-item, #big_carousel-generico .carousel-item, #big_carousel-planos .carousel-item, #big_carousel-galeria .carousel-item{width: 100%; height: 100%; position: absolute;}

/*.carousel-item {height: 100%; min-height: 350px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/

.carousel-item:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.1); z-index: 1;}
#big_carousel-generico .carousel-item:before {background: transparent;}

.carousel-control-prev, .carousel-control-next{opacity: 0.8; z-index: 10;}
.fa-angle-left, .fa-angle-right { top: 50%; z-index: 5; display: inline-block; background: rgba(0, 0, 0, 0.7); border-radius: 50%; width: 50px!important; height: 50px!important; padding-top: 18px; text-align: center; color: #fff!important;}
.fa-angle-left {left: 50%;}
.fa-angle-right {right: 50%;}
/* Background */

/*SLIDE NO BG*/
.carousel-indicators {bottom: 0;}
.carousel-control.right, .carousel-control.left {background-image: none;}

p {font-family: 'Nunito Sans', sans-serif;}
h2.display-4 {
    font-size: 40px;
    line-height: 120px;
    font-weight: 300;
}
.descripcion {font-size: 20px; font-weight: 300;}
.bold {font-weight: 900!important;}
h3 {font-size: 35px; }
.h4, h4 {font-size: 51px}
a:focus, a:hover{color: #676767;}
a{color: inherit;}
.text-white {color: #fff!important;}
.text-black {color: #000!important;}
.text-blue {color: #323644!important;}
.text-rosa {color: #ed6e6c;font-size: 24px;}
.text-blue-dark {color: #03164d!important;}
.titles-carousel{z-index: 10;}
.bg-grey{background:rgb(3 22 77 / 40%);}
.bg-white{background:#fff}
.separador1{width:100%;border-bottom:1px solid #03164d}
.separador2{width:50%;border-bottom:1px solid #03164d;margin:0 auto}
.color{color: #ed6e6c;}
.black{color:#000}
.display-5 {
    color: #373939;
    font-size: 28px;
    line-height: 36px;
    font-family: 'Nunito Sans';
    font-weight: 100;
}
.prata {font-family:'Prata';}
.display-5 span { font-family:'Prata';}
.icono {width:50px;margin-right:10px}
.rosa {color: #ed6e6c!important;}

.bg-blue {background:#323644!important;}

.border-bt {border-bottom: 1px solid #fff!important;}

.bg-poligono {
    background-color: rgb(3 22 77 / 40%);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.destacado {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 29px;
    text-transform: uppercase;
    color: #323644;
    letter-spacing: 10px;
}

.destacado span {color:#ed6e6c; font-weight: 900;}

.fa-facebook-f ,  .fa-instagram  {
    font-size: 2em;
    color: #ed6e6c!important;
}

.fa-facebook-f:hover,  .fa-instagram:hover {color:#323644;}

.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 21%!important;}

.w-icon {width: 60%!important;
    margin-left: 20px;}

/*.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px!important;
    margin-left: 0px!important;
}*/



/*Video*/
#big_carousel-header .bg-header{height: 100%; width:100%; background: url(../img/vista_exterior_fachada_2_this_is_porto_arc_homes.jpg) center center no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#myVideo {position: relative; top: 0; left: 0; min-width: 100%; min-height: 100%; height: auto; width: auto; object-fit: cover; overflow: hidden;}
/*.overlay{background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgba(237,110,108,1) 74%), no-repeat center center scroll; position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 1; background-blend-mode: multiply; opacity: 0.6}*/
.overlay {background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgb(50, 54, 68,1) 0%), no-repeat center center scroll;position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 1; background-blend-mode: multiply; opacity: 0.6}


/*Video*/

/*Sweetalert*/
.sweet-alert{background: #fff;}
.sweet-alert .sa-icon.sa-success .sa-fix{background-color: transparent;}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after{background: transparent;}
.sweet-alert p, .sweet-alert h2{color: #000}
.sweet-alert .sa-icon.sa-success {border-color: #fff;}
.sweet-alert .sa-icon.sa-success .sa-line {height: 5px;display: block;border-radius: 2px;position: absolute;z-index: 2}
/*Sweetalert*/

/*MENU*/
.navbar .container{border-bottom: 1px solid #fff;}
#mainNav{background:rgba(255, 255, 255, 0.9)}
#mainNav .navbar-toggler{color: #03164d; border:none; font-size: 28px;}
#mainNav .nav-link, #mainNav.navbar-shrink .nav-link{color:rgba(0,0,0,0.9)}
#mainNav .nav-link:hover {color:#03164d;font-weight:900}
#mainNav .nav-link:active {color:#03164d;font-weight:600}
#mainNav.navbar-shrink ul.nav-link:hover {border:none!important}
#mainNav.navbar-shrink{background:rgba(255,255,255,0.95)}
#mainNav.navbar-shrink .nav-link:hover{border-bottom: 1px solid #03164d; color:#03164d;}
#mainNav.navbar-shrink .nav-link li a{color: #03164d;}
#mainNav.navbar-shrink .nav-link li a:hover, #mainNav.navbar-shrink .nav-link li.active a{color: #03164d}
#mainNav.navbar-shrink .nav-link.active {border-bottom:1px solid #03164d;color:#03164d}
#mainNav.navbar-shrink .container{border-bottom: none;}
#mainNav .list-inline-item.active a, #mainNav .list-inline-item:hover a{color:#03164d}
/*MENU*/

/*HEADER*/
header .flecha{color:#fff; padding-top: 9px;}
header .pe-5x {font-size: 70px; width: 100%}
#big_carousel-header .carousel-item:nth-child(1) {
    background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgba(237,110,108,1) 74%), 
    url(../img/xxxxxxxxxxxxxxx.jpg) no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-blend-mode: multiply;}
.easy{background:url(../img/fondo-rosa.png) center center no-repeat}

/*HEADER*/


/*CAROUSEL GALERÍA*/

#ubicacion h3{margin-bottom:35px}
#ubicacion a {background: #000; padding:10px 25px; sans-serif; text-transform: uppercase;color: #fff}
#ubicacion a:hover {border: 1px solid #000; background:#F5CD21!important;padding:10px 25px!important; sans-serif; text-transform: uppercase;color: #000!important}
#ubicacion .servicios h4 {color: #597267; font-weight:800;font-size:12px;}

/*BANNER LANZADERA*/
#lanzadera {background-image:none;position:relative;background-attachment:scroll;background-size:auto}
#lanzadera .parallax {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;transition:transform 0s linear -1ms, -webkit-transform 0s linear -1ms;visibility:hidden;z-index:-100}
#lanzadera .parallax .parallax-img {background-position:50% 50%;background-repeat:no-repeat;background-image: url(../img/bg_lanzadera.jpg);position:fixed;top:0;left:0;width:1903px;height:969px;overflow:hidden;pointer-events:none;transition:transform 0s linear -1ms, -webkit-transform 0s linear -1ms;background-size:1903px 1268.66px;visibility:visible;transform:translate3d(0, 152.64px, 0)}
#lanzadera .overlay{opacity:0.75;background-color:rgb(21, 21, 21)}
#lanzadera .info {margin-top:150px;margin-bottom:150px;padding:50px;background: rgba(255, 255, 255, 0.9)}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
#lanzadera .parallax {background-attachment: scroll}
}

/*BANNER LANZADERA*/


/* VIDEO */
.video-fluid {
  width: 100%;
  height: auto;
}
/* VIDEO*/

/* accesos*/

.bg-accesos {background: url(../img/vista_aereaa_this_is_porto_arc_homes.jpg) no-repeat center center; background-attachment:initial; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-blend-mode: multiply;}
.btn-ubicacion {
    width: 100%!important; border-radius: 0px!important;
    background: #ed6e6c!important;
    padding: 10px 25px!important;
    text-transform: uppercase;
    color: #fff!important;
    font-family: 'Nunito Sans', sans-serif!important;
    border-radius: 2px;
}
.no-gutters {padding-left: 0px!important; padding-right: 0px!important;}
hr {border-bottom: 1px solid #fff!important;}


/*ESPACIOS*/
.bg-espacios  {background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgba(50,54,68,1) 0%), url(../img/bg-espacios.jpg) no-repeat center center; background-attachment:fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-blend-mode: multiply;}
.modulos .card-body {padding:0; display: contents;}
.modulos .card {border:none;transition:all 0.2s;box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1)}
.modulos .card-option {padding: 20px 0px 0px 0px;;font-size:20px}
.modulos .card-option span {font-weight: 900 }
.modulos .card-modulo {
    font-size: 19px;
    font-weight: 300;
}
.modulos .card-modulo span{font-size:17px;display:block}
.modulos ul {margin-left:0}
.modulos ul li {margin-bottom: 1rem;letter-spacing:0}
.modulos .btn {width:50%;margin: 20px auto;font-weight:bold;transition: all 0.2s;letter-spacing:0;background: #03164d;border-radius: 0;color: #fff!important;font-size: 1.5rem;}
.gold {
    max-width: 26%!important;
    height: auto;
}
/*.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}*/

.card {border: 1px solid white!important;background-color: transparent!important;}

/*hover*/
@media (min-width: 992px) {
  .modulos .card:hover {margin-top: -.25rem;margin-bottom: .25rem;box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3)}
  .modulos .card:hover .btn { opacity: 1}
}

.tipologias .table .thead-dark th {background-color:#597267;border-color:#597267}
.tipologias .table-sm td, .table-sm th {padding: 5px 18px;font-family: 'Nunito Sans', sans-serif;}
.table .thead-dark th {color: #fff;background-color: #000;}
.table-yellow {background: rgba(240, 202, 59, 0.2);}
.fa-file-pdf {color: #03164d; font-size: 20px;}

/*ESPACIOS*/


/* CARACTERISTICAS */

.bg-caracteristicas {background: url(../img/vista_interior_salon_vista_terraza_this_is_porto_arc_homes.jpg) no-repeat center center; background-attachment:initial; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-blend-mode: multiply;}



/*CONTACTO*/


.contacta {
    position: fixed;
    top: 12%;
    right: 0px;
    z-index: 10;
}
.contacta div {
    border-radius: 0px;
}

.bg-rosa {
    background: #ed6e6c;
}

.text-rosa {color:#ed6e6c!important;}

.contacta div a {
    padding: 0 11px;
}

.nounderline {
    text-decoration: none!important;
}

.contacta span {
    display: none;
    position: relative;
    top: -5px;
}

.mb-190 {margin-bottom: 190px;} 

#contacto{position: relative; height: auto; overflow-x: hidden;}
#contacto .custom-control-label::before{border-radius: 0; background:transparent; color: #fff; border:none;top: .15rem; border: 1px solid #323644;}
#contacto .custom-control-label::after{color: #323644;}
#contacto .img1{margin-left:-15px;}
#contacto .img2{margin-right:-15px;}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {border-color: #000!important;background-color: #000!important;}
.custom-control-input:checked~.custom-control-label::before {color: #fff!important;border-color: #3EACE1!important;background-color: #3EACE1!important;}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {border-color: #323644!important;}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {color: #323644!important;}
.custom-control-label::after {
    position: absolute;
    top: 3px;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.form-text  {font-size: 20px!important; color: #323644!important;}

.linea-azul {border-bottom: 1px solid #323644;}

.border-top {border-top: 1px solid #323644!important;}

/*CONTACTO*/

/*FORM*/
#form {position:fixed;right:0;top:150px;z-index:1000}
#form .box{float:right;overflow:hidden}
#form .box p {font-family: 'Nunito Sans', sans-serif;}
#form .box-inner{width:570px;background:rgba(38, 86, 160, 0.95);padding:20px 30px;position:relative;top:20%;right:5%;border-radius:2px;box-shadow:3px -1px 9px -3px #000, 0px 0px 0px 0px rgba(0, 0, 0, 0.5), 0 8px 0px -5px rgba(38, 85, 159, 0.2)}
#form .close-x {margin-left:-10px;position:absolute;text-align:left;padding:0 15px 0 35px;font-size:40px;text-transform:uppercase;-webkit-font-smoothing:subpixel-antialiased;background-color:#fff;top:12px;left:0;border-radius:4px;color:#26559f;cursor:pointer;box-shadow:0 16px 16px -13px #000, 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 85, 159, 0.2);font-weight:900}
.form-group{margin-bottom: 20px;}
.form-control {border-radius:0;color:#323644!important;border:none;font-size:13px;padding:10px 10px;background:transparent;border:2px solid #323644!important;letter-spacing: 1px;font-family: 'Nunito Sans', sans-serif;}
.form-control h2 {font-size:22px;}
.form-control:focus {color:#fff;background-color:transparent;font-family: 'SF-UI-Display-Regular', sans-serif}
.form-control.is-valid, .was-validated .form-control:valid {border-color: #fff;font-family: 'SF-UI-Display-Regular', sans-serif}
.form-control.is-invalid, .was-validated .form-control:invalid,.form-control.is-valid, .was-validated .form-control:valid{background-image: none;font-family: 'Nunito Sans', sans-serif;}
textarea.form-control {
    height: 89%!important;
}
.priva, .priva a{color: #fff; font-size: 14px; margin-bottom: 0;}
.custom-control p {font-size:70%;margin-top:3px}
.custom-control a:focus, .custom-control a:hover {color:#323644!important;text-decoration:underline;}
.custom-checkbox .custom-control-label::before{background:transparent;border-radius:0}
/*.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background:#6EABDE}*/
.btn-send{color:#27453B; border-radius: 0px; background:#000; font-size: 16px; padding: 10px 40px; transition:.15s all 0s ease-in-out; -webkit-transition:.15s all 0s ease-in-out; -moz-transition:.15s all 0s ease-in-out; -o-transition:.15s all 0s ease-in-out;}
.btn-send:hover, .btn-send:focus, .btn-send:active {color:#fff; background:  #27453B;}
.btn-modal{color:#001688; border-radius: 0px; background:#fff; font-size: 16px; padding: 10px 40px; transition:.15s all 0s ease-in-out; -webkit-transition:.15s all 0s ease-in-out; -moz-transition:.15s all 0s ease-in-out; -o-transition:.15s all 0s ease-in-out;}
.btn-modal:hover, .btn-modal:focus, .btn-modal:active {color: #001688; background: #fff;}
.has-error .form-control{background:#f2dede; color: #333;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{color: #c3c3c3;font-size: 11px;}
.help-block ul{float: none; display:block;}
.small, small {font-size:80%;font-weight:400}
.small-arc {font-size:70%;line-height: 15px;}
.small-2 {
    font-size: 46%!important;
}
.btn {
    background: #323644;
    padding: 10px 25px!important;
    text-transform: uppercase;
    color: #fff!important;
    font-family: 'Nunito Sans', sans-serif;
    border-radius: 2px;
    width: 100%;
}
.btn:hover {
    background: #ed6e6c!important;
    padding: 10px 25px!important;
    text-transform: uppercase;
    color: #fff!important;
}
::-webkit-input-placeholder {color: #323644!important;opacity: 1!important;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #323644!important;font-family: 'Nunito Sans', sans-serif;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #323644!important;font-family: 'Nunito Sans', sans-serif;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #323644!important;opacity: 1;font-family: 'Nunito Sans', sans-serif;}
.invalid-feedback {color:#6EABDE;margin-top:0}
/*FORM*/

/*TOOLTIP*/
.color-tooltip + .tooltip > .tooltip-inner {background-color: #000!important}
.color-tooltip + .tooltip > .tooltip-arrow {border-top-color:#000!important}
/*TOOLTIP*/


/*FOOTER*/
.cookiealert.show .acceptcookies {border: 2px solid #323644!important;}
.cookiealert.show .acceptcookies:hover {background:#323644!important}
#cookies a:hover {color: #323644}
#politica a:hover {color: #323644}
}

/*FOOTER*/

/*MODAL*/
.js-modal-image {max-width: 100%;}
.ekko-lightbox .modal-body {padding: 0!important;}
.ekko-lightbox .modal-open .modal {padding-top: 26vh; background-color: transparent;}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    z-index: initial;
    padding: 30px;
    top: 120px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color:#000;
    font-size: 35px!important;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal title p {border-bottom: 1px solid #e9ecef!important;}
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px){
#mainNav.fixe-top {z-index:1}
#contacto_bg {z-index:-55555555}
header .logo{width: 175px; padding-top: 30px;}
h2.display-4{font-size: 34px; margin-top: 20px!important;line-height: 49px!important;}
h4 {font-size: 24px;color: #fff;}
.carousel h2 {padding: 0px 0px;}
.navbar-nav{background: #03164d; padding-left: 15px;}
.logo_equipo{width: 250px;}
#big_carousel-generico, #big_carousel-ubicacion, #big_carousel-planos, #big_carousel-galeria {z-index: 1; height: 870px!important; width: 100%} 
.carousel-item {background-attachment:scroll; width: 100%}
#big_carousel-header, #myVideo{height: 45vh;}




#mainNav .nav-link, #mainNav.navbar-shrink .nav-link {color: #fff;}
#mainNav.navbar-shrink .nav-link.active {color: #fff!important}
#mainNav.navbar-shrink .nav-link:hover {border-bottom: 1px solid #000!important;color: #fff;}


.descripcion {
    font-size: 12px!important;
    font-weight: 300;
}
.bg-accesos, .bg-espacios, .bg-caracteristicas{background-attachment: scroll!important;}
.bg-accesos, .bg-caracteristicas {padding: 180px;}
.destacado {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 26px!important;
    color: #323644;
    line-height: 30px;
    margin-top:20px;}

.theone {display: inline-block!important;}
.mx-5 {margin-left:3rem!important; margin-right:3rem!important;}
.small-xs {font-size: 82%!important;font-weight: 400;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
#mainNav.fixe-top {z-index:1}
#contacto_bg {z-index:-55555555}
header .logo{width: 200px;}
.carousel h2{padding: 0 40px;}
h2.display-4{font-size: 47px;}
h4 {font-size: 30px;}
.logo_equipo{width: 250px;}
.navbar-nav{background: #03164d; padding-left: 15px;}
#big_carousel-ubicacion, #big_carousel-generico, #big_carousel-planos, #big_carousel-galeria{z-index: 1; height: 870px; width: 100%}
.carousel-item {background-attachment:scroll; width: 100%}

#big_carousel-header .carousel-item:nth-child(1) {
    background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgba(237,110,108,1) 74%), 
    url(../img/cabecera_porto_arc_m.jpg) no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-blend-mode: multiply;}


#mainNav .nav-link, #mainNav.navbar-shrink .nav-link {color: #fff;}
#mainNav.navbar-shrink .nav-link.active {color: #fff;}
#mainNav.navbar-shrink .nav-link:hover {border-bottom: 1px solid #000;color: #fff;}

h2.display-4 {
    font-size: 22px!important;
    line-height: 50px;
    }
.descripcion {
    font-size: 13px;
    font-weight: 300;
}

.bg-accesos, .bg-espacios, .bg-caracteristicas{background-attachment: scroll!important;}

.bg-accesos, .bg-caracteristicas {padding: 180px;}

.destacado {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 26px!important;
    color: #323644;
    line-height: 30px;
}
.small-xs {font-size: 82%!important;font-weight: 400;}
}

}


@media (min-width: 600px) and (max-width: 767px) {


}





/* Medium devices (tablets, 768px and up) */
@media (min-width: 770px) and (max-width: 991.98px) {
h4 {font-size: 40px;}
#mainNav.fixe-top {z-index:1}
#contacto_bg {z-index:-55555555}
.navbar-nav{padding-left:15px;background:#03164d}
#mainNav .nav-link, #mainNav.navbar-shrink .nav-link, #mainNav.navbar-shrink .nav-link.active {color: #fff;}
#mainNav.navbar-shrink .nav-link:hover {border-bottom: 1px solid #000;color: #fff;}
.carousel-item {background-attachment:scroll; width: 100%}
.display-4 {font-size: 25px!important;font-weight: 300;line-height:68px!important; margin-top:50px!important;}
.descripcion {
    font-size: 17px!important;
    font-weight: 300;
}
.logo {margin-top: 40px!important;margin-bottom: -50px!important;}
#big_carousel-ubicacion, #big_carousel-generico, #big_carousel-planos, #big_carousel-galeria{z-index: 1; height: 720px; width: 100%}
#big_carousel-header .carousel-item:nth-child(1) {
    background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgba(237,110,108,1) 74%), url(../img/cabecera_porto_arc.jpg) no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.contacta {
    position: fixed;
    top: 12%;
    right: 0px;
    z-index: 10;
}


 }


 @media (min-width: 992px) and (max-width: 1080px) {

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    nav a.slide-toggle {display: block!important}
    h2.display-4{font-size: 27px!important; margin-top: 100px!important;line-height: 70px!important;}
#big_carousel-ubicacion, #big_carousel-generico, #big_carousel-planos, #big_carousel-galeria{z-index: 1; height: 650px; width: 100%}
.carousel-item {background-attachment:scroll; width: 100%}
#big_carousel-header .carousel-item:nth-child(1) {
    background: linear-gradient(180deg, rgba(50,54,68,1) 0%, rgba(237,110,108,1) 74%), url(../img/cabecera_porto_arc.jpg) no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
}
@media (max-height: 767px) { 

    #form .form-control {height: 29px}
    #form .form-group {margin-bottom: 15px}
    #form {top: 90px}
    #form h2 {font-size:22px;}
    #form .priva, #form .priva a {margin-bottom: 0}
    .small, small {font-size: 69%;font-weight: 400;}


}



/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1091px) {
nav a.slide-toggle {display:none}
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}