/**
* Template Name: Multi
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/multi-responsive-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/


/*--------------------------------------------------------------
# KDWEB BASICS
--------------------------------------------------------------*/



/* basics */
body {font-family: "Open Sans", sans-serif;color: #444444; padding-top:98px; margin-top:0px}
a {color:#bd0926;  text-decoration: none;} 
a:hover {color: #c16c79;text-decoration: none;}
code {color: #c16c79}

h1,h2,h3,h4,h5,h6 { font-family: "Poppins", sans-serif;padding-bottom:10px;}
img {max-width:100%;}
section {padding: 60px 0;} 
.section-big {padding: 80px 0;} 

.modal-kdweb {background-color:rgba(0,0,0,0.7); }
.z-termes {z-index:1200}


/*height*/
.h-75 {height:75%!important}
.vh-75 {height: 75vh!important;}
/*position*/
.absoluta-vertical {-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.absoluta-horizontal {-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);}
.absoluta-total {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/* header */
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #bd0926;
}
.navbar a, .navbar a:focus {color:#000}
/* fi header */


/* text */
.text-primary {color:#bd0926!important}
.fs-7{font-size:0.9rem}
.fs-icono {font-size:4rem;}
/* buttons */
.btn-primary {background-color:#bd0926; border-color:#bd0926}
.btn-primary:hover {background-color:#bc0723;  }
.btn-secondary {background-color:#transparent; border-color:#000; color:#000}
/* background */
.bg-primary {background-color:#bd0926 !important}
.bg-secondary {background-color:#011733 !important}
.bg-image-color-opacity {background-color:#00000070}
.bg-image-primary-opacity {background-color:#a0102798}

.bg-image {background-size:cover; background-position:center center}
.section-bg {background-color: #eeeeee;}
.parallax {height: 100%;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* imatges */
.image-transition img{transition: 0.5s;}
.image-transition:hover img{  transform: scale(1.1);}

/* video */
.video {  object-fit: cover;  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;}

.video-wrapper { z-index:-1; width: 100%;  height: 100%;  position: absolute;  overflow: hidden;  text-align: center;
  display: flex;  align-items: center;  justify-content: center;}

/* acordeon */
.accordion {--bs-accordion-bg:none}
.accordion-item {border:1px solid #ddd; border-radius:5px; margin-bottom:20px; }
.accordion-item:not(:first-of-type) {border-top:1px solid #ddd; }
.accordion-button:not(.collapsed){background-color:transparent; color:#c16c79; box-shadow:none !important}
.accordion-button:focus {border-color:transparent !important; box-shadow:none !important}

/* formularios */
.newsletter-input { padding-right:120px !important;}
.newsletter-boton {right:10px }
.form-control:focus {border-color:1px solid #ddddddd !important; border:1px solid #dddddd !important; box-shadow:none !important}


 /* contents */
 .bk-l {background-size:49.3% !important; background-repeat:no-repeat !important}
 .bk-l .content {padding:0px 60px}


 /* llistes */

.icona-llista i {font-size:4rem!important; line-height:4rem;}

/* BP ESPECIFICS */

h1 span.un {font-size:60px; }
h1 span.dos {font-size:120px; line-height:70px}
h1 span.tres {font-size:90px; line-height:100px}

.about {overflow:hidden}
.about ul li { list-style: none;  position: relative;  padding-left: 25px; padding-top:10px;}
.about ul li:before { content: "\2713";  position: absolute;  left: 0;   color: #011733 ; }
#servicesimages {background:#eeeeee; padding:90px 0px}
#servicesimages a {color:#111111!important}
#servicesimages h4 {padding-bottom:0px;}
 .back-to-top {background:#bd0926;}


/* footer */

#footer {background-color:#011733 }







/*--------------------------------------------------------------
# KDWEB RESPONSIVE
--------------------------------------------------------------*/

@media (max-width: 992px) {
 .bk-l {background:none important;}
 
h1 span.un {font-size:36px; }
h1 span.dos {font-size:72px; line-height:48px}
h1 span.tres {font-size:60px; line-height:60px}


.video-wrapper {position:relative}
.video {  object-fit: cover;  position: relative !important;  top: 0;  left: 0;  height: 100%;  width: 100%;}
.bg-image-color-opacity {background-color:transparent}
.vh-75 {height:auto !important}
}
 
@media (max-width: 576px) {
 
 
section {padding: 60px 10px !important;} 
#footer {padding:0px 10px 30px 10px; }
 }



.glightbox-clean .gslide-title {
margin-bottom: -15px !important;
color:#fff;
}


.glightbox-clean .gslide-description {
    background: #000 !important;
}