@font-face { 
	font-family: 'Gotham-Light'; 
	src:url('../fonts/Gotham-Light.woff') format('woff'), 
	url('../fonts/Gotham-Light.svg#HalisR-Black') format('svg'), 
	url('../fonts/Gotham-Light.eot'),
	url('../fonts/Gotham-Light.ttf') format('truetype'), 
	url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'Gotham-Medium'; 
	src:url('../fonts/Gotham-Medium.woff') format('woff'), 
	url('../fonts/Gotham-Medium.svg#HalisR-Black') format('svg'), 
	url('../fonts/Gotham-Medium.eot'),
	url('../fonts/Gotham-Medium.ttf') format('truetype'), 
	url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'Gotham-Book'; 
	src:url('../fonts/Gotham-Book.woff') format('woff'), 
	url('../fonts/Gotham-Book.svg#HalisR-Black') format('svg'), 
	url('../fonts/Gotham-Book.eot'),
	url('../fonts/Gotham-Book.ttf') format('truetype'), 
	url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal; 
	font-style: normal; 
}
body{
	background-color: #F4F4F4;
	font-family: 'Gotham-Light'; 
	color: #000000;
	padding-top: 75px;
  font-size: 12px;
  letter-spacing: 1.2px;
}

.hide { display: none !important; }

a{
  color: #000;
  text-decoration: none;
}
a:focus, input:focus, button:focus, select:focus{
	outline: none;
	box-shadow: none ;
	color:#000;
}
a:hover{
	color:#000;
	text-decoration:none;
}
.underline{
  text-decoration: underline !important;
	cursor: pointer;
}

.color0{
  color:#000;
}
video { width: 100%; }
video:focus { outline: 0; }
/********************************** MENÚ LATERAL **************************************/
label.toggle-open {
    z-index: 99;
    top: -10px;
    position: fixed;
    width: 100%;
}

.sidebar header {
    padding: 30px 0;
    background-color: #F4F4F4;
}

.sidebar {
    position: fixed;
    left: 0;
    width: 266px;
    height: 100%;
    transition: all .5s ease;
    padding-left: 68px;
    background-color: #F4F4F4;
}

.sidebar ul {
    list-style: none;
    padding-left: 0;
    margin-top: 40px;
}

.sidebar ul a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 11px;
    color: #000000;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    font-family: Gotham-Book;
}
.sidebar ul a.active {
    text-decoration: underline;
    font-weight: bold;
}
#check{
  display: none;
}

label #btn,label #cancel{
  position: absolute;
  cursor: pointer;
}

label #btn{
  right: 15px;
  top: 17px;
  font-size: 30px;
  color: #000;
  padding: 5px 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
}

label #cancel{
  z-index: 1111;
  right: -195px;
  top: 17px;
  font-size: 30px;
  color: #000;
  padding: 5px 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
}

#check:checked ~ .sidebar{
  left: 0;
  width: 100%;
  padding-left: 0;
}

#check:checked ~ label #btn{
  opacity: 0;
  pointer-events: none;
  right: -195px;
}

#check:checked ~ label #cancel {
    left: inherit;
    opacity: 1;
    right: 15px;
}



/********************************************* FIN MENÚ LATERAL *******************************************/



.container-fluid { 
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
}

.header-movil {
    width: 100%;
    background-color: #F4F4F4;
    position: fixed;
    top: 0;
    padding: 14px 0 15px;
    z-index: 9;
}

.logo-movil {
    float: left;
    padding-left: 15px;
}

.text13{
  font-size: 13px;
  letter-spacing: 3.9px;
}

hr{
  background-color: #B2B2B2;
}

#carouselproducto .carousel-control-next, #carouselproducto .carousel-control-prev {
    /* top: inherit;
    bottom: -65px; */
    width: 2%;
}

#carouselproducto .carousel-control-prev-icon {
    background-image: url(../img/arrow-left-carousel.jpg);
    width: 17px;
    height: 36px;
}

#carouselproducto .carousel-control-next-icon{
  background-image: url(../img/arrow-right-carousel.jpg);
  width: 17px;
  height: 36px;
}

#carouselproducto_mobile .carousel-control-next, #carouselproducto_mobile .carousel-control-prev {
    top: inherit;
    bottom: -65px;
    width: 8%;
}

#carouselproducto_mobile .carousel-control-prev-icon {
    background-image: url(../img/arrow-left-carousel.jpg);
    width: 17px;
    height: 36px;
}

#carouselproducto_mobile .carousel-control-next-icon{
  background-image: url(../img/arrow-right-carousel.jpg);
  width: 17px;
  height: 36px;
}

/***/
#carouselproductohome .carousel-control-next, #carouselproductohome .carousel-control-prev {
    /* top: inherit;
    bottom: -65px; */
    width: 2%;
}

#carouselproductohome .carousel-control-prev-icon {
    background-image: url(../img/arrow-left-carousel.jpg);
    width: 17px;
    height: 36px;
}

#carouselproductohome .carousel-control-next-icon{
  background-image: url(../img/arrow-right-carousel.jpg);
  width: 17px;
  height: 36px;
}

#carouselproductohome_mobile .carousel-control-next, #carouselproductohome_mobile .carousel-control-prev {
    top: inherit;
    bottom: -65px;
    width: 8%;
}

#carouselproductohome_mobile .carousel-control-prev-icon {
    background-image: url(../img/arrow-left-carousel.jpg);
    width: 17px;
    height: 36px;
}

#carouselproductohome_mobile .carousel-control-next-icon{
  background-image: url(../img/arrow-right-carousel.jpg);
  width: 17px;
  height: 36px;
}


.medium{
  font-family: 'Gotham-Medium';
}

h3{
  font-size: 12px;
  color: #4E4E4E;
  letter-spacing: 3.6px;
}

.box-color span {
     margin-left: 20px;
}

.box-project {
    height: 675px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
}

.box_project_bridge{
  height: 502px;
}

.content-box-project {
    font-family: 'Gotham-Book';
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.project1 {
    background-image: url(https://fontbarcelona.com/media/files/img/project1.jpg);
}

.project2 {
    background-image: url(https://fontbarcelona.com/media/files/img/project2.jpg);
}

.project3 {
    background-image: url(https://fontbarcelona.com/media/files/img/project3.jpg);
}

.project4 {
    background-image: url(https://fontbarcelona.com/media/files/img/project4.jpg);
}

.project5{
    background-image: url(https://fontbarcelona.com/media/files/img/project5.jpg);
}

.project6 {
    background-image: url(https://fontbarcelona.com/media/files/img/project6.jpg);
}

.project7 {
    background-image: url(https://fontbarcelona.com/media/files/img/project7.jpg);
}

.project8 {
    background-image: url(https://fontbarcelona.com/media/files/img/project8.jpg);
}

.project9 {
    background-image: url(https://fontbarcelona.com/media/files/img/project9.jpg);
}

.project10 {
    background-image: url(https://fontbarcelona.com/media/files/img/project10.jpg);
}

.project11 {
    background-image: url(https://fontbarcelona.com/media/files/img/project11.jpg);
}

.project12 {
    background-image: url(https://fontbarcelona.com/media/files/img/project12.jpg);
}

.project13 {
    background-image: url(https://fontbarcelona.com/media/files/img/project13.jpg);
}

.project15 {
    background-image: url(https://fontbarcelona.com/media/files/img/project15.jpg);
}

.project16 {
    background-image: url(https://fontbarcelona.com/media/files/img/project16.jpg);
}

.project17 {
    background-image: url(https://fontbarcelona.com/media/files/img/project17.jpg);
}

.project18 {
    background-image: url(https://fontbarcelona.com/media/files/img/project18.jpg);
}

.project19 {
    background-image: url(https://fontbarcelona.com/media/files/img/project19.jpg);
}

.project20 {
    background-image: url(https://fontbarcelona.com/media/files/img/project20.jpg);
}

.project21 {
    background-image: url(https://fontbarcelona.com/media/files/img/project21.jpg);
}

.project22 {
    background-image: url(https://fontbarcelona.com/media/files/img/project22.jpg);
}

.project01_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/gokostudio_casa_mood.jpg);
}

.project02_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/gokostudio_casa___mood.jpg);
}

.project03_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/gokostudio_casa_mood_.jpg);
}

.project1_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/project1-bridge.jpg);
}

.project2_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/project2-bridge.jpg);
}

.project3_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/bridge/projects/1.png);
}
.project4_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/bridge/projects/1H.png);
}
.project5_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/bridge/projects/2.png);
}
.project6_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/bridge/projects/2H.png);
}
.project7_bridge{
    background-image: url(https://fontbarcelona.com/media/files/img/bridge/projects/3.png);
}

.box-referents-bridge-1{
    background-image: url(https://fontbarcelona.com/media/files/img/referents-bridge-1.jpg);
}

.box-referents-bridge-2 {
    background-image: url(https://fontbarcelona.com/media/files/img/referents-bridge-2.jpg);
    background-position-x: left !important;
}

.project1_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-1.jpg);
}

.project2_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-2.jpg);
}

.project3_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-3.jpg);
}

.project4_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-4.jpg);
}

.project5_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-5.jpg);
}

.project6_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-6.jpg);
    background-position-x:right;
}

.project7_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-7.jpg);
}

.project8_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-8.jpg);
    background-position-x:right;
}

.project9_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-9.jpg);
    background-position-x: right;
}

.project10_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-10.jpg);
    background-position-x:right;
}

.project11_more{
    background-image: url(https://fontbarcelona.com/media/files/img/project-more-11.jpg);
    background-position-x: right;
}


.homeimage1 {
    background-image: url(https://fontbarcelona.com/media/files/img/1-home.jpg);
}

.homeimage2 {
    background-image: url(https://fontbarcelona.com/media/files/img/2-home.jpg);
}

.homeimage3 {
    background-image: url(https://fontbarcelona.com/media/files/img/3-home.jpg);
}

.homeimage4 {
    background-image: url(https://fontbarcelona.com/media/files/img/4-home.jpg);
}

.homeimage5{
    background-image: url(https://fontbarcelona.com/media/files/img/5-home.jpg);
}

.homeimage6 {
    background-image: url(https://fontbarcelona.com/media/files/img/6-home.jpg);
}

.homeimage7 {
    background-image: url(https://fontbarcelona.com/media/files/img/7-home.jpg);
}


.text14{
  font-size: 14px;
  letter-spacing: 1.4px;
}

footer{
  font-family: 'Gotham-Book';  
  padding: 150px 0;
}

.textAbsolute {
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  text-align: center;
  opacity: 0;
  width: 100%;
  padding: 0 10px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.pr{
  position: relative;
}

.textAbsolute1{
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0%,-50%);
  text-align: center;
  padding: 0 10px;
}

.content-project{
  position: relative;
}

.content-project:hover .textAbsolute{
  opacity: 1;
}

.content-project:hover .box-project{
  opacity: 0.2;
}

.proces-1 {
    margin-top: 120px;
}

.proces-2 {
    margin-top: 546px;
}

.fp {
    float: left;
    margin-right: 27px;
    min-height: 153px;
}

.fp p {
    color: #4E4E4E;
    letter-spacing: 0.6px;
    margin-top: 20px;
    line-height: 15px;
    margin-bottom: 5px !important;
}
.fp_new p {
    margin-top: 3px !important;
}

.fp.fp-sockets {
    min-height: 80px;
    margin-right: 34px;
}

.fp.fp-functions {
    margin-right: 46px;
    min-height: 110px;
}

.content-project .textAbsolute.text13{
  font-size: 11px;
}

h2{
  font-size: 18px;
  font-family: 'Gotham-Medium'; 
  margin-bottom: 25px;
}

.form-contact input,
.form-contact select,
.form-contact textarea {
  border: none;
  width: 100%;
  font-family: Gotham-Book;
  letter-spacing: 1.2px;
  color: #000;
  padding: 18px 20px 18px 34px;
}

option {
    padding: 4px 0;
}

.form-contact textarea {
  min-height: 179px;
}

.form-contact input[type="checkbox"] {
    width: inherit;
}

.form-contact .submit {
    width: 220px;
    float: right;
    background-color: #000;
    color: #fff;
    border: none;
    font-family: Gotham-Book;
    letter-spacing: 1.2px;
    padding: 18px 20px 18px 34px;
}

.aceptacion label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 45px;
    margin-right: 15px;
    font-family: Gotham-Book;
}

.aceptacion input[type="checkbox"] {
    display: none;
}

.aceptacion label:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    top: -8px;
}

.aceptacion input[type=checkbox]:checked + label:after {
    content: "";
    font-size: 40px;
    text-align: center;
    line-height: 20px;
    background-color: #000;
    top: -8px;
}

.form-contact select {
    -webkit-appearance: none;
    background-image: url(../img/arrow-select.png);
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: center;
    cursor: pointer;
}


::-webkit-input-placeholder { opacity:1; color: #000; } /* WebKit */
::-moz-placeholder { opacity:1; color: #000; } /* Firefox 18- */
::-moz-placeholder { opacity:1; color: #000; } /* Firefox 19+ */
::-ms-input-placeholder { opacity:1; color: #000; } /* IE 10+ */

.ls-2-4{
  letter-spacing: 2.4px;
}



/******************* TABLAS RESPONSIVE ********************/
table { 
    width: 100%; 
    border-collapse: collapse; 
  }

td, th { 
    padding:20px 6px; 
    border-bottom: 1px solid #707070; 
  }



@media (min-width: 1025px) {
.descripcion{
  width: 50%;
}

.total-presupuesto thead tr th,
.total-presupuesto tbody tr td{
  width: 20%;
}
}


@media (max-width: 1024px) {
.total-presupuesto tbody tr td:first-child{
  display: none;
}

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

tr { border: 1px solid #707070; }

tr > td:last-child{
  border-bottom: none;
}

td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #707070;
    position: relative;
    padding-left: 128px;
}

td:before {
    position: absolute;
    top: 50%;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    margin-top: -9px;
    font-family: 'Gotham-Medium'; 
}

tr:nth-of-type(even) { 
    background: #eee; 
    border-top: none;
    border-bottom: none;
}

tr:nth-of-type(even):last-child { 
    border-bottom: 1px solid;
}

/*
Label the data
*/
table.presupuesto td:nth-of-type(1):before { content: "CANTIDAD"; }
table.presupuesto td:nth-of-type(2):before { content: "REFERENCIA"; }
table.presupuesto td:nth-of-type(3):before { content: "DESCRIPCIÓN"; }
table.presupuesto td:nth-of-type(4):before { content: "P.V.P."; }
table.presupuesto td:nth-of-type(5):before { content: "DTO."; }
table.presupuesto   td:nth-of-type(6):before { content: "TOTAL"; }


table.total-presupuesto td:nth-of-type(1):before { content: ""; }
table.total-presupuesto td:nth-of-type(2):before { content: "IMPORTE NETO"; }
table.total-presupuesto td:nth-of-type(3):before { content: "BASE IMPONIBLE"; }
table.total-presupuesto td:nth-of-type(4):before { content: "I.V.A."; }
table.total-presupuesto td:nth-of-type(5):before { content: "TOTAL A PAGAR (EUR)"; }

table.total-presupuesto td {
    padding-left: 190px;
}

}

/****************** FIN TABLAS RESPONSIVE *******************/


.text10{
  font-size: 10px;
  letter-spacing: 0.6px;
}




























/****************************************************************************************
RESPONSIVE
****************************************************************************************/
@media (min-width: 1601px){
.container-fluid {
    width: 85%;
}
}




@media (max-width: 1600px){
.box-project {
    height: 475px;
}

.box_project_bridge {
    height: 375px;
}

.box-color{
  text-align: center;
}

.box-color span {
     display: block;
     margin: 10px 0 0;
}

.proces-2 {
    margin-top: 346px;
}

.proces-1 {
    margin-top: 60px;
}
}




@media (min-width: 1200px) and (max-width:1600px){
.container-fluid {
    width: 80%;
}
}




@media (min-width: 1200px){
.header-movil{
  display: none;
}

.container-fluid {    
    float: right;
}

footer .container-fluid{
  float: none;
  width: 100%;
}
}





@media (max-width: 1199px){
.sidebar {
    width: 0;
    padding-left: 30px;
    left: -150px;
    z-index: 9;
    top: 0;
    padding-top: 20px;
    background-color: rgba(255,255,255,0.9);
    text-align: center;
}

.sidebar ul {
    margin-top: 60px;
}
}




@media (min-width: 1200px){
.toggle-open {
    display: none;
}
}




@media (max-width: 991px){
.box-referents-bridge-2,
.box-referents-bridge-1 {
    padding-bottom: 26% !important;
}

.box-project{
    height: 0;
    background-position: center;
    background-size: 100%;
    padding: 32%;
}

.box_project_bridge {
    padding-bottom: 16%;
}
}
@media (max-width: 767px){
.proces-1 {
    margin-top: 0;
}
footer{
  padding: 75px 0;
}
.proces-2 {
    margin: 20px 0;
}
}
.nav-lang{font-size: 11px;margin-top:30px;color:#333}
.nav-lang .active{font-weight: bold;color:#000;text-decoration: underline;}
#ezAlerts .modal-header,#offer-modal .modal-header {
    border-bottom: 1px solid #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#ezAlerts .alert-info,#offer-modal .alert-info {
	color:#fff;
	background-color:#000;
	border-color:#000;
}
#ezAlerts .close,#offer-modal .close  {
    color:#fff;
}
.btnper{
	display: block;
	width: 100%;
    float: right;
    background-color: #000;
    color: #fff!important;
    border: none;
    font-family: Gotham-Book;
    letter-spacing: 1.2px;
    padding: 18px 20px 18px 34px;
}
.btnper:focus,.btnper:active{
	border: none;
	background: #000;
	color:#fff!important;
}

.btn_white{
    background-color: #fff;
    color: #000000!important;
    border: none;
    font-family: Gotham-Book;
    letter-spacing: 1.2px;
    padding: 18px 20px 18px 34px;
    border-radius: 0;
}
.btn_white:focus,.btn_white:active{
	border: none;
    background-color: #fff;
    color: #000000!important;
}

.form-contact a.acceso {
	text-align: center;
	width: 50%;
	display: inline-block;
	padding: 10px;
	font-size: 1.3rem;
	cursor: pointer;
}
.form-contact a.active {
	border-bottom: 2px solid #000;
}
/* MESSAGES*******************************************************************************/
.error,a.error span,.validation-advice {
	color:#D40707 !important;
	font-style:bold !important;
}
.notice {
	color:#ea7601
}
.flashmessages ul{
	border:0 !important;
}
.flashmessages li {
	min-height:23px !important;
	margin-bottom:11px !important;
	padding:8px 8px 2px 32px !important;
	font-size:.95em !important;
	font-weight:bold !important;
	list-style:none;
}
.flashmessages ul li {
	margin:0 0 3px 0 !important;
	border:0 !important;
	padding:0 !important;
}
.flashmessages_content{
	padding: 10px 30px;
}
.flashmessages{
	padding: 0px 0px 0px 0px;
}
.error-msg {
	border:1px solid #f16048 !important;
	color:#df280a !important;
	background:#faebe7 url(../img/error_msg_icon.gif) no-repeat 10px 10px !important;
}
.success-msg {
	border:1px solid #95a486 !important;
	color:#3d6611 !important;
	background:#eff5ea url(../img/success_msg_icon.gif) no-repeat 10px 10px !important;
}
.error-msg li{
	padding-left: 30px
}
.error-msg ul{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.notice-msg {
	border:1px solid #ffd967 !important;
	background:#fffbf0 url(../img/note_msg_icon.gif) no-repeat 10px 10px !important;
	color:#3d6611 !important;
}
.warning-msg {
	border:1px solid #666e73 !important;
	background:#e6e6e6 url(../img/warning_msg_icon.gif) no-repeat 10px 10px !important;
	color:#000000 !important;
}
#flashMessages{
	clear: left;
	clear:both;
	height: auto;
}
#messageszend p{
	padding:7px 30px;
	margin: 0;
}
#messageszend {
	margin:10px 0;
}
input.error,textarea.error,select.error,input.error:hover, input.error:focus {
	color: #D8000C;
	border-color: red;
	background: #f8d7da;
}
input.success,input.success:hover, input.success:focus {
	border-color:#95a486;
	background-color:#eff5ea;
}
select.errorselect {
	border-color: #CC0000
}
/*fin MESSAGES*/
/**************** AVISO COOKIES **************
**********************************************/
.msgcookie{
    display:block;
    position:fixed;
    bottom:0;
    width:100%;
    background-color:rgba(0, 0, 0, 0.7);
    color:#fff;
    font-size:13px;
    font-family:sans-serif;
    z-index: 999;
}

.msgcookie > div {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    text-align: center;
}

.msgcookie a.btn-aviso {
    opacity: 1;
    font-size: 14px;
    background-color: #FFF;
    color: #000;
    font-weight: normal;
    padding: 3px 10px;
    margin: 10px;
    line-height: inherit;
    text-decoration: none !important;
    float: none;
}

.msgcookie a {
    color: #fff;
    text-decoration: underline !important;
}

.msgcookie a.btn-aviso:hover {
    background-color: #fff;
    text-decoration: underline;
}

.homesmainp {
    padding: 50px 0px 10px 10px;
}
.borderhsd img,.borderhsd figcaption{
    border-top-left-radius: 80px!important;
}
.borderhb figure{
    border-top-right-radius: 80px!important;
}
/**************** HASTA AQUÍ **************/
.img_container {
    position: relative;
    width: 100%;
  }
  
  .img_image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .img_middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .img_container:hover .img_image {
    opacity: 0.3;
  }
  
  .img_container:hover .img_middle {
    opacity: 1;
  }
  
  .img_text {
    background-color:transparent;
    color: black;
    font-family: 'Gotham-Medium';
    font-size: 12px;
    letter-spacing: 3.9px;
    padding: 10px 10px;
  }
  @media (max-width: 991px){
    .form-contact a.acceso {
        font-size: 1.1rem;
    }
    #contenido h1 {
        font-size:1.7rem;
    }
}


/* MODAL HOME */
#modal_nnaa { padding: 0px !important; }
#modal_nnaa .modal-dialog { width: 100%; max-width: 100%; height: 100%; min-height: 100%; margin-top: 0px !important; margin-bottom: 0px !important;
margin-left: 0px !important; margin-right: 0px !important; }
#modal_nnaa .modal-dialog .modal-content { height: 100%; }
#modal_nnaa .modal-body { padding: 0px !important; }
#modal_nnaa #container_modal_home {  width: 100% !important; margin: auto !important; float: initial; padding: 0px !important; }

#container_modal_home .img-100 { width: 100% !important; }
#container_modal_home .show_finish { font-weight: 900; opacity: 0; text-decoration: underline; cursor: pointer; position: absolute; right: 40px; bottom: 40px; }
#container_modal_home .row_content_modal_home { margin-top: 30px !important; }
#container_modal_home .link_close_modal_home { text-decoration: underline; cursor: pointer; position: absolute; right: 35px; top: 30px; }
#container_modal_home .row_content_modal_home img.img-100 { width: 100% !important; height: 100% !important; }
#container_modal_home #carouselproducto .carousel-control-next, #container_modal_home #carouselproducto .carousel-control-prev { top: 0px !important; bottom: 0px !important; }
#container_modal_home #carouselproducto_mobile .carousel-control-next, #container_modal_home #carouselproducto_mobile .carousel-control-prev { 
    top: 0px !important; bottom: 0px !important; }
@media (max-width: 1000px) {
    #container_modal_home .row_content_modal_home { margin-top: 0px !important; }
    #container_modal_home .col_to_hover_exp { margin-bottom: 20px; }
    #container_modal_home .text_box { top: 15%; width: 95% !important; }
    #container_modal_home .block_gif { margin-bottom: 20px !important; }
    #container_modal_home .row_content_modal_home img.img-100 { min-height: 300px; }
    #container_modal_home .desc_text { width: 90% !important; }
}
@media (min-width: 1001px) {
    #container_modal_home .row_content_modal_home { margin-top: 30px !important; }
}
@media (max-width: 1200px){    
    #container_modal_home #carousel_desktop { display: none !important; }
    #container_modal_home .show_finish { right: 30px; bottom: 25px; font-size: 12px; }
    #container_modal_home .text_box p { font-size: 12px !important; max-height: 130px; overflow-y: auto; }
}
@media (min-width: 1200px){
    #container_modal_home .row_content_modal_home { width: 90% !important; margin: auto; }   
    /* #container_modal_home .row_content_modal_home img.img-100 { max-height: 380px !important; } */
    #container_modal_home #carousel_mobile { display: none !important; }
}
#container_modal_home .col_to_hover_exp:hover img { opacity: 0.25; }
#container_modal_home .col_to_hover_exp:hover .show_finish { opacity: 1 !important; }
#container_modal_home .text_box { opacity: 0; text-align: center; position: absolute; width: 100%; top: 15%; }
#container_modal_home .text_box p { font-size: 15px; font-weight: 600; }
#container_modal_home .desc_text { width: 75%; margin: auto !important; }
@media (max-width: 1000px){
    #container_modal_home .row_content_modal_home { margin-left: 0px !important;; margin-right: 0px !important; }
}
@media (max-width: 1400px){
        
}
@media (min-width: 1401px){
    #container_modal_home .text_box { top: 35%; }
}
#container_modal_home .col_to_hover_exp:hover .text_box { opacity: 1; }

.col_to_hover_exp img.show_no_opacity { opacity: 1 !important; }
.show_finish.showed_finish { opacity: 1 !important; }

#carousel_desktop .text_box { top: initial !important; bottom: 20% !important;}
#carousel_desktop .text_box p { font-size: 12px !important; }
#carousel_mobile .text_box { top: initial !important; bottom: 20% !important;}
#carousel_mobile .text_box p { font-size: 12px !important; }

#container_modal_home .text_made_in { margin-bottom: 15px !important; }
.btn_white_slider { 
    background-color: #fff; color: #000000!important; border: none; font-family: Gotham-Medium; letter-spacing: 1.2px; padding: 15px 16px 15px 16px; 
    border-radius: 0; font-size: 20px; position: relative; top: 12px;
}
@media (max-width: 1200px) {
    .btn_white_slider { padding: 8px; font-size: 9px; }
    .link_close_modal_home { margin-right: 5px !important; }
}
@media (min-width: 1200px) {
    .btn_white_slider {  }
    .link_close_modal_home { margin-right: 35px !important; }
}

.fp_new { /* display: none !important; */ }
.fp_new img { display: block; }
.fp_new small { font-weight: 900; color: gray; letter-spacing: 5px; }

#m02_do_empotrada .col-2 .max-width-140-title { margin-top: 22px; }
#m02_do_empotrada .col-2.col-2-new .max-width-140-title { margin-top: 5px; }
#m02_do_empotrada .col-2 small { font-weight: 900; color: gray; letter-spacing: 5px; }

#m03_do_empotrada .col-2 .max-width-140-title { margin-top: 22px; }
#m03_do_empotrada .col-2.col-2-new .max-width-140-title { margin-top: 5px; }
#m03_do_empotrada .col-2 small { font-weight: 900; color: gray; letter-spacing: 5px; }

#funct_gabyc .col-auto .max-width-140-title { margin-top: 15px; }
.max-width-140-title { margin-top: 15px; }

.text_legal_acabados { font-size: 9px !important; }

.row_folletos .col-6 {  }
.row_folletos a.btn_download_folleto { background: transparent !important; color: black !important; border: 1px solid black; border-radius: 0px !important; font-size: 12px !important; margin-right: 20px !important; }

@media (min-width: 1200px) {
	.img-fluid.graphic_more { max-width: 400px !important; }
	.img-fluid.details_more { max-width: 530px !important; }
}