*{
     padding: 0;
     margin: 0;
}
 body{
     background: #0B1014;
     margin: 0;
     padding: 0;
     font-family: 'Raleway', sans-serif;
}
 .container{
     max-width: 1366px;
}
 .divisor-home{
     height: 29vh;
     width: 100%;
     margin: 0;
     padding: 0;
     object-fit: cover;
}
 .decoracion-home{
     font-size: 1.2em;
     float: right;
     display: flex;
     align-items: center;
     word-break:break-all;
}
 .centrado{
     display: flex;
     align-items: center;
     justify-content: center;
}
 #logo-home{
     margin: 10% auto;
     width: 85% 
}
 video {
     object-fit:cover;
     width: 100%;
     height: 90%;
     top: 0;
     left: 0;
     z-index: 1;
}
 
 #header:after{
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 102%;
     background: #0000005c;
     z-index: 2;
     padding: 0;
     margin: 0;
}
 #circle {
     position:absolute;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);
     margin:0;
     width:40em;
     height: 40em;
     border-radius:50%;
     border: 1px solid #707070;
     z-index: 3;
}
 #circle2 {
     position:absolute;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);
     margin:0;
     width:30em;
     height: 30em;
     border-radius:50%;
     border: 1px solid #707070;
}
 #circle img{
     position:absolute;
     width: 100%;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);
     margin:0;
}
 section, .services-center{
     justify-content: center;
     width: 100%;
}
 section{
     height: 100vh;
}
 .padding-neg{
     margin:0;
     padding: 0 !important ;
     display: flex;
}
 .circle-difu{
     width: 15vw;
     height: 15vw;
     border-radius: 50%;
     position:relative;
     padding-bottom:50%;
     background-color: #A44BB9;
     filter: blur(6px);
     z-index: 2;
}
 .circle-difu2{
     margin-top: 15%;
     position: relative;
     width:80%;
     height:10vh;
     padding-bottom:50%;
     border-radius: 350px 350px 0 0;
     left:15%;
     filter: blur(6px);
     transform:rotate(270deg);
     margin-left: auto;
     z-index: 2;
}
 #circle-difu-3, #circle-difu-6{
     background-color: #26A3F0;
}
 #circle-difu-2,#circle-difu-8{
     background-color: #ff0e93;
}
 .circle-difu3{
     height: 10vh;
     margin-top: 30%;
     position:relative;
     width:60%;
     padding-bottom:60%;
     background-color: #CA2CA4;
     border-radius:60%;
     left: 50%;
     top: -50%;
     filter: blur(6px);
}
 h4,h2{
     color: #DFDADA;
     font-family: 'Raleway', sans-serif;
}
 h4{
     font-size: 1.4em;
}
 h2{
     font-size: 1.8em;
}
 p{
     color: #938a8a;
     font-size: 1.2em;
}
 .nav-link {
     display: inline-block;
     color: #CA2CA4;
     text-decoration: none;
}
 footer li {
     display: inline-block;
     color: black;
     text-decoration: none;
     font-size: 0.70em;
     margin: 2% 2% 0 0;
    
}
footer p{
    color: black;
    font-size: 0.65em;
}
 footer .li:hover {
     color: black;
     
}
footer a:hover{
    color: black;
    font-weight: bold;
}

 #aboutus h4{
     padding: 0 5% 0 5%;
}
.navbar-brand>img{
    width: 15%;
left: 20%;
    justify-content: flex-end;
}
 .nav-link::after{
     content: '';
     display: block;
     width: 0;
     height:1.5px;
     color: #fefefe;
     background: #CA2CA4;
     transition: width .3s;
}
footer li::after{
    content: '';
     display: block;
     width: 0;
     height:1.5px;
     color: #fefefe;
    background: black;
    transition: width .3s;

}
 .nav-link:hover::after {
     color: #fefefe;
     width: 100%;
     //transition: width .3s;
}
 footer li:hover::after {
     color: #fefefe;
     width: 100%;
     //transition: width .3s;
}
 .img-services{
     width: 80%;
}
 .ico-gradiente{
     font-size: 2em;
     text-decoration: none;
    /* background: -webkit-linear-gradient(132deg, rgba(164,75,185,1) 0%, rgba(202,44,164,1) 35%, rgba(38,163,240,1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     */
     color: #CA2CA4;
}
 .a-services{
     text-decoration: none;
     color: #DFDADA;
     max-width: inherit;
}
 .a-services:hover{
     color: #747171;
}
 .a-services::after{
     content: '';
     display:block;
     width: 0%;
     height:1.5px;
     color: #fefefe;
     background: #CA2CA4;
     transition: width .3s;
}
 .a-services:hover::after {
     color: #fefefe;
     width: 100%;
     //transition: width .3s;
}
 #slogan{
     max-width: 50%;
}
 .services-container{
     padding: 5%;
     width: auto;
}
 .slide-box{
     display: flex;
}
 .caption{
     color: #958f8f;
     text-align: center;
}
 .slide-container{
     width: 45%;
}
 .img-carousel{
     object-fit: cover;
     width: 100%;
     display: block;
}
 .img-services{
     object-fit: cover;
     width: 100%;
     height: 100%;
     margin: auto;
     display: block;
}
 .services-detail{
     padding-top: 2%;
}
 .gallery-container{
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows: 300px;
     padding: 20px;
     grid-gap: 10px;
}
 .gallery-img{
     width: 100%;
     height: 100%;
     object-fit: cover;
     
}
 .gallery-item:nth-child(4){
     grid-column-start: span 2;
}
 .gallery-item:nth-child(3){
     grid-row-start: span 3;
}
 .gallery-item:nth-child(5){
     grid-row-start: span 2;
}
 .gallery-img:hover {
     filter: opacity(0.9);
 
}
 a{
     text-decoration: none;
}
 #carousel1{
     width: 95%;
}
 .carousel-indicators [data-bs-target]{
     background-color: #ca2ca4;
}
 span.carousel-control-next-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ca2ca4'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
 span.carousel-control-prev-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ca2ca4'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
 .carousel-caption{
     background-color: #0000005c;
}
 .carousel-caption p{
     color: white;
}
 .carousel-container{
     justify-content: center;
     width: 100%;
     margin: auto;
     position: relative;
}
 .header{
     margin-right: 0;
     padding-right: 0;
     padding-left: 1px;
     margin-right: 0;
}
div#contacto{
    width: 100%;
}
.form-control {
   margin-bottom: 0.5rem;
    background-color: #ffff;
    border: 0;
    border-bottom: 1px solid #000000;
    font-size: 0.8rem
    
}
.header {
    color: #26A3F0;
    font-size: 1.5em;
    padding: 10px;
    font-family: 'Raleway', sans-serif;
}

.bigicon {
    color: black;
}
.btn-primary {
    color: #26A3F0;
    background-color:transparent;
    border-color: #26A3F0;
    margin-top: 5%;
}
.btn-primary:hover {

    background-color: #26A3F0;
    border-color: #111212;
   font-weight: bold;
}



.social {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #26A3F0;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    color:#26A3F0;
}

span.social:hover {
    background-color: #26A3F0;
    color: white;
}
#formulario-contacto {
    position: absolute;
    width: 90%;
    height: auto;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-bottom: 3%;


    background-color: #74717126;
}
.circulo1, .circulo2{
   
    width: 30%;
    height: 20vh;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    
    z-index: 2;
    

}
.circulo2{
    margin: 15% 15% 0 0;
    width: 25%;
    height: 15vh;
}

.ico-contac {
    color: #26a2ef;
    font-size: xx-large;
    margin-right: 5%;
}
.text-contac {
    color: #fff;
    font-size: larger;
    text-decoration: none;
}
.text-contac:hover{
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}
.carousel-item {
     height: 70vh;
}
footer {
  font-size: 1.3rem;

  text-align: center;
  color: #666;
  margin-top: 2rem ;
  margin-top: 2rem ;
    background: rgb(38,163,240);
    background: -moz-linear-gradient(135deg, rgba(38,163,240,1) 0%, rgba(164,75,185,1) 59%, rgba(255,14,147,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(38,163,240,1) 0%, rgba(164,75,185,1) 59%, rgba(255,14,147,1) 100%);
    background: linear-gradient(135deg, rgba(38,163,240,1) 0%, rgba(164,75,185,1) 59%, rgba(255,14,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26a3f0",endColorstr="#ff0e93",GradientType=1);
}
footer a {
  color: black;
}

.services-page,#baselsupercars, #nft{
    height: auto;
}
.img-marketing:after{
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #0000005c;
     z-index: 1;
     padding: 0;
     margin: 0;
}
.img-film:after{
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #0000005c;
     z-index: -2;
     padding: 0;
     margin: 0;
}
.img-marketing {

 width: 100%;
     height: 40vh;
  position: relative;
    
    }
.img-film {

 width: 100%;
     height: 60vh;
  position: relative;
    
    }
video#videomarketing{
    position: absolute;
    padding: 0;
    justify-content: center;
    object-fit: contain;
    z-index: -2;
    object-fit: cover;
    height: 100vh;
}
video#video-film {
    position: absolute;
    padding: 0;
    justify-content: center;
    object-fit: contain;
    z-index: -2;
    object-fit: cover;
    height: 60vh;
}
#marketingstrategy h2{
    color: white;
    z-index: 2;
    position:absolute;
}
#bussines h2{
    color: white;
    font-size: 1.5em;
    z-index: 2;
    position:absolute;
}
#filmandphotography h2, #filmandphotography p{
    display: inline-block;
    color: white;
    margin-top: 5%;
    z-index: 2;
    
}



#filmandphotography p{
    width: 40%;
    text-align: justify;
}
.carousel-caption .btn:hover{
    background-color: transparent;
    border-color: white;
    color: white;
}
.nav-link:focus, .nav-link:hover {
    color: #fff;
}

 @media only screen and (max-width: 600px) {
     #circle {
         width:18em;
         height: 18em;
    }
     #circle2 {
         width:15em;
         height: 15em;
    }
     #circle img{
         width: 100%;
    }
     .divisor-home{
         height: auto;
         justify-content: center;
    }
     .a-services {
         font-size: 5vw;
    }
     .circle-difu{
         margin-top: 5%;
         width: 20vw;
         height: 20vw;
         border-radius: 50%;
         padding-bottom:20%;
         background-color: #A44BB9;
         filter: blur(6px);
         z-index: 2;
         left: 30%;
    }
     .circle-difu-r{
         left: -30%;
    }
     #carousel1 {
         width: 100%;
    }
     .img-carousel{
         height: 90vh;
    }
     .circle-difu2 {
         width: 30%;
         height: 10vh;
         padding-bottom: 15%;
    }
     .contac-container {
    height: 5vh;
         padding: 8%;
    
}
     .contact-container-full {
    width: 90%;
        margin: auto;
    
}
     .navbar-brand>img {
    width: 100%;
  
}
     .circle-difu2{

     left: 5%;
  
}
     footer li{
         font-size: 0.80em;
     }
      footer p{
         font-size: 0.65em;
     }
     #filmandphotography p{
    width: 100%;
    padding: 5%;
}
}

 
/* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {
     #circle {
         width:25em;
         height: 25em;
         margin-top: 3%;
    }
     #circle2 {
         width:20em;
         height: 20em;
    }
     #circle img{
         width: 80%;
    }
     .a-services {
         font-size: 3vw;
    }
          .contac-container {
    height: 5vh;
         padding: 5%;
    
}
     
     
}
/* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {
     .a-services {
         font-size: 2vw;
    }
     .img-carousel{
         height: 100vh;
    }
     .img-carousel{
         height: 90vh;
    }
     .contac-container {
    height: 15vh;
          padding: 5%;
}
     
}
/* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {

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