@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Open+Sans:wght@400;600&display=swap'); body {

    font-family: 'Open Sans', sans-serif;

}



h1, h2, h3, h4, h5, h6, .fw-bold {

    font-family: 'Montserrat', sans-serif;

}



@media screen and (min-width: 1000px) {



.slider h2 {

    /* font-size: 36px; */

}



    div.slide1.container.py-5 .row, div.slide2.container.py-5 .row {

        max-width: 1240px !important;

        margin-left: auto;

        margin-right: auto;

        border: none !important;

        box-shadow: none !important;

    }



    .section .contain.internal {

        max-width: 1024px;

        margin-left: auto;

        margin-right: auto;

    }



    section .container:not(.is-max-desktop):not(.is-max-widescreen) {

        /* max-width: 100%; */

        /* padding: 0px; */

    }



}

@media (min-width: 1020px) {

    .slider .slide1 -row, .slider .slide2 .row {

        max-width: 400px;

        margin-left: auto;

        margin-right: 0px;

        float: right;

    }



    .slider .slide1 .img-fluid, .slider .slide2 .img-fluid {

        max-width: 400px;

        margin-left: auto;

    }



    .section {

        padding: 1rem 16px 0 !important;

    }



    .hero-banner {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 2rem;

        text-align: left;

    }



    .hero-banner .text {

        flex: 1;

    }



    .hero-banner .image {

        flex: 1;

        text-align: right;

    }



    .app-banner {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 2rem;

    }



}





@media screen and (max-width: 980px) {

#ProductPicker1 > div > div > div.col-md-3.col-sm-6.p-0.text-start{

	margin-top: -16px;

}

	#content > div > div > div > div > div > section:nth-child(1) > div > div > div > div .button {

    font-size: 24px;

    font-weight: 600 !important;

 }	

  .slider .dots {

    display: inline-flex;

    margin-right: auto;

    margin-left: aut;

    margin-top: 40px;

    margin-bottom: 0px;

    position: relative;

    gap: 12px;

    z-index: 99999999999999999;

    /* float: left; */

    bottom: 0px;

    clear: both;

    width: 100%;

  }

    

div.slide.container.mb\:py-5.product-card.modal-wrapper.column.is-6-tablet.is-3-desktop > div > div.col-md-7.text-center.text-md-start.mb-4.mb-md-0{

    padding: 0px;

    display: flex;

    margin-bottom: 0px !important;}

    

.slide h4.fw-bold.mb-2{

    font-family: 'Montserrat';

    font-size: 20px;

    font-weight: normal !important;

    min-height: 100px;

    margin-bottom: 0px !important;

    line-height: 24px;

}



.border.border-3.containbox h1.display-4.fw-bold.text-danger {

    font-size: 140px;

    float: left;

}

.slide .img-fluid{

    /* float: right; */

    /* max-width: 10%; */

    /* margin-right: 0px !important; */

    /* max-height: 125px; */

}

#content section:nth-child(1), #content> div > div > section:nth-child(5) {

    display: block;

    height: fit-content !important;

    min-width: 100%;

    margin-left: 0px !important;

    padding: 0px !important;

    margin-top: 0px !important;

    margin-bottom: 0px !important;

    margin-right: 0px !important;

}

.border.border-3.containbox h1.display-4.fw-bold.text-danger {

    font-size: 90px !important;

    float: left !important;

    line-height: 62px !important;

    font-family: 'Montserrat Bold';

}

.fw-bold.text-danger.preciofinal {

    clear: both;

    line-height: 24px;

    font-size: 34px ! IMPORTANT;

    width: 100%;

}

}







@media screen and (min-width: 1000px) {

#ProductPicker1 div.col-md-9.col-sm-12.text-center.text-md-start.mb-4.mb-md-0 > div.col-md-8.col-sm-12{vertical-align: middle;align-content: space-around;}

.slider .contenedor.product-card-wrapper{

    padding:0px;

    min-width: 100%;

    max-width: 100% !important;

    box-shadow: none !important;

    border: none !important;

}     

    .slide.slide1 h2 {

        font-size: 50px !important;

        line-height: 56px;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

        margin-top: -40px;

    }

    .slide.slide2 h2 {

        font-size: 70px !important;

        line-height: 70px;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 120px;

    }

    div.slide1.container.py-5 .row, div.slide2.container.py-5 .row {

        max-width: 1240px !important;

        margin-left: auto;

        margin-right: auto;

        border: none !important;

        box-shadow: none !important;

        min-width: 100%;

    }



    .section .contain.internal {

        max-width: 1024px;

        margin-left: auto;

        margin-right: auto;

    }



    section .container:not(.is-max-desktop):not(.is-max-widescreen) {

        /* max-width: 100%; */

        /* padding: 0px; */

    }



    #content > div > div > div > div > div > section:nth-child(3), #content > div > div > div > div > div > section:nth-child(4) {

    }

}



#content section:nth-child(3){

    margin-top:-20px !important;

}





  .slider .slide2 {

    left: 0 !important; 

    opacity: 1 !important; 

    transition: none !important; 

    animation: none !important; 

  }





  .slider .slide {

    display: none !important;

  }

  .slider .slide.active {

    display: block !important;

    border: none !important;

    box-shadow: none !important;

    justify-items: anchor-center;

    padding-top: 120px;

  }





  .section{

    clear:both;

  }



@media screen and (min-width: 982px){



  .slider .dots {

    display: inline-flex;

    margin-right: auto;

    margin-left: 0px;

    margin-top: auto;

    margin-bottom: 50px;

    position: absolute;

    gap: 12px;

    z-index: 99999999999999999;

    float: left;

    bottom: 20px;

    justify-self: anchor-center;

    width: 100%;

  }    

#content   section:nth-child(1) .container div img, #content  > div > div > section:nth-child(5)  .container div img {/* margin-top: -40px; */max-height: 497px;margin-top: 0px;}



    .fs-3.symboleur {

        font-size: 40px !important;

        font-family: 'Montserrat Bold';

        font-weight: 800 !important;

        color: #000;

        line-height: 50px;

}



.fs-5.pricemes {

    font-size: 22px !important;

    font-family: 'Montserrat Bold';

    font-weight: 400 !important;

    color: #000 !important;

    line-height: 12px;

}



.pricecontent {

    display: block;

    clear: right;

    float: left;

    width: 100%;

    margin-top: 0px;

    justify-content: center;

}

.slide.slide1 .border.border-3 p.fw-bold.text-danger {

    font-size: 20px;

    clear: both;

    line-height: 14px;

    margin-bottom: 0px;

    font-weight: 500 !important;

    font-family: 'Montserrat Bold';

    margin-left: 38px;

    padding-top: 6px;

    margin-top: 6px;

}

.slide.slide2 .border.border-3 p.fw-bold.text-danger {

    font-size: 16px;

    clear: both;

    line-height: 14px;

    margin-bottom: 0px;

    font-weight: 500 !important;

    font-family: 'Montserrat Bold';

    margin-top: 0px;

    padding-top: 6px;

    border-top: 2px solid #000;

    margin-top: 6px;

}    

.slide .tarifatext  {

    font-size: 20px !important;

    font-weight: 300 !important;

    font-family: 'Montserrat';

    line-height: 18px;

    color: #000;

    text-transform: none !important;

}

   



.slide.slide1 .border.border-3.containbox {

    padding: 20px;

    max-width: 480px !important;

    min-height: 260px;

    display: block;

    background: #fff;

}



.slide.slide2 .border.border-3.containbox {

    padding: 20px;

    max-width: 480px !important;

    min-height: 160px;

    display: block;

}

#content   section:nth-child(1) .container, #content  > div > div > section:nth-child(5) .container{

min-width: 100% !important;

padding: 0px !important;

justify-items: center;

clear: both;

margin-left: auto;

margin-right: auto;

margin-top: 6px;

border: none !important;

box-shadow: none !important;

max-height: 520px;

background: #2bc470 !important;
}





.onlyMobile { 

  display:none;

}

div.slide .containbox > h4{

    font-family:"Montserrat";

    font-size: 24px;

    line-height: 28px;

    margin-bottom: 0px !important;

    font-weight: normal !important;

}

div.slide.slide2 .containbox > h4{

    font-family:"Montserrat";

    font-size: 18px;

    line-height: 20px;

    margin-bottom: 0px !important;

    font-weight: normal !important;

}    

.border.border-3.containbox h1.display-4.fw-bold.text-danger {

    font-size: 100px !important;

    font-family: 'Montserrat Bold';

    font-weight: 700 !important;

    float: left;

    max-height: 90px;

    line-height: 90px;

    margin-left: 0px;

}

    

}



@media screen and (max-width: 980px){



.slider .dots{

    text-align: center;

    justify-content: center;

}    

.fs-3.symboleur {

        font-size: 54px !important;

        font-family: 'Montserrat';

        font-weight: 600 !important;

        color: #000 !important;

        line-height: 60px;

}



.fs-5.pricemes {

    font-size: 29px !important;

    font-family: 'Montserrat Bold';

    font-weight: normal !important;

    color: #000 !important;

    line-height: 6px;

}

#ProductPicker1 > div > div > div.col-md-3.col-sm-6.p-0.text-start > div.border.border-3.containbox > div{

	margin-top: -30px

}

.pricecontent {

    display: block;

    clear: right;

    float: left;

    width: 100%;

    margin-top: 20px;

}

    .pricecontent .text-danger  {

    margin-top: 12px;

    line-height: 18px;

    clear: both;

}

.slide .tarifatext {

    font-size: 14px !important;

    font-weight: 300 !important;

    font-family: 'Montserrat';

    line-height: 14px;

    color: #000;

    margin-top: 0px;

    margin-left: 21px;

    text-transform: none !important;

}

    

.section .slide h2 {

    font-weight: 700;

    margin-bottom: 0rem;

    font-size: 27px;

    text-align: left;

    float: left;

    width: 100%;

    margin-left: 12px;

}

    

.slide .container {

    padding:0px;

    margin: 0px;

}

    

.slider.TOP{

    padding: 0px;

} 

section:nth-child(1){

    padding-top: 0px;

    padding-bottom: 0px;

    margin-top:0px;

    margin-bottom: 0px;

}   

.fw-bold.text-danger.preciofinal{

    clear:both;

    line-height: 20px !important;

    font-size: 25px !IMPORTANT;

    clear: both;

    margin-bottom: 8px;

    font-weight: normal!important;

    font-family: 'Montserrat Bold';

}

.border.border-3.containbox {

    padding: 20px;

    max-width: 480px !important;

    min-height: 300px;

    display: block;

}   

.onlyDesktop { 

  display:none;

}

}





#content   section:nth-child(1), #content> div > div > section:nth-child(5){display: block;height: 503px !important;min-width: 100%;margin-left: 0px !important;padding: 0px !important;margin-top: 0px !important;/* margin-bottom: 60px !important; */margin-right: 0px !important;min-height: auto;}







.dot {

    width: 30px;

    height: 30px;

    background-color: #ffffff;

    border-radius: 50%;

    transition: background-color .3s ease;

    border: 2px solid #000000;

    padding: 10px;

}



.dot.active {

    background-color: #dc3545 !important;

}













.d-flex.botonesend.gap-2 {

    clear: both;

    width: 100%;

    justify-content: space-evenly;

}





.border.border-3 p.small.text-muted.ivanoinclu {

    font-size: 18px !important;

    font-weight: 600 !important;

    font-family: 'Montserrat';

    line-height: 14px;

}



.d-flex.botonesend.gap-2.mt-3 a{

    width: 100%;

    max-width: 480px !important;

    margin-right: auto;

}



.slide .euromes{

    display:flex;

    flex-direction: column;

}







.botonesend a.btn.btn-danger{

    background: #2BC36E !important;

}







.slide .cbutton.contrataonline.has-text-centered{

    max-width: 480px !important;

    margin-right: auto;

    width: 100%;

}



#ProductPicker1 > div.slide.slide2 h4{

    min-width: 90px;

}



#ProductPicker1 > div.slide.slide1.container.mb\:py-5.product-card.modal-wrapper.column.is-6-tablet.is-3-desktop > div > div.col-md-3.p-0.text-start > div.border.border-3.containbox div.euromes{

    max-width: 70px;

    margin-left: 48px;

}



#content > div > div > div > div > div > section:nth-child(1) {

  background-size: cover !important;

  background-position: center !important;

  background-repeat: no-repeat !important;

  width: 100%;

  padding:0px !important;

  background-color: linear-gradient(to right, #000000 50%, #0000ff 50%);

  background: linear-gradient(to right, #ffffff 50%, #ffffff 50%);

  max-height: 403px;

}

#ProductPicker1 .container{

    padding: 20px !important;

}

@media screen and (max-width: 980px){

#ProductPicker1 div.col-md-3.col-sm-6.p-0.text-start > div.d-flex.botonesend.gap-2.mt-3 a.verdetalles{

	float:left !important;

	margin-right: auto;

	margin-left:0px;

	left:0px;

	text-align: left;

}

	#content section:nth-child(1) .container div img.img-fluid {



margin-right: 0;



max-width: 177px;



margin-left: auto;



margin-top: -75px;

}



#ProductPicker1 > div > div > div.col-md-3.col-sm-6.p-0.text-start > div.d-flex.botonesend.gap-2.mt-3{

	flex-direction:column;

}

	

	#ProductPicker1 .contenedor .col-md-9.col-sm-12 {

	display: inline-flex;

	flex-direction: column;

}	

}

@media screen and (min-width: 981px){

	#content section:nth-child(1) .container div img.img-fluid {margin-right: auto;max-width: 350px;margin-left: 0px;margin-top: auto !important;margin-bottom: -30px !important;}



    #content > div > div > div > div > div > section:nth-child(1) > div > div > div > div .button {

        font-size: 24px;

        font-weight: 600 !important;

    }

	#ProductPicker1 .contenedor .col-md-9.col-sm-12 {

	display: inline-flex;	

}	

}