/*Configuraciones globales*/
@font-face {
    font-family: HelveticaNeue;
    src: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/HelveticaNeue.ttf);
    }
@font-face{
    font-family: Helvetica-light;
    src: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/Helvetica-light.ttf);
}
@font-face{
		font-family: Helvetica-bold;
  	src: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/HELVETICA-NEUE-BOLD-5A033F6275C17.ttf);
}
:root{
    --main-bg: #DD5199; 
    font-size: 10px;
    background: var(--main-bg);
    transition: all .5s;
}
*{
    outline:none !important;
    font-family: HelveticaNeue;
}
.img-fluid{
    width: 100%;
}
hr{
    width: 100%;
    background: var(--main-bg);
    border: none;
    height: 1px;
}
body{
    margin: 0;
}
a{
    text-decoration: none!important;
}
h1, h2, h3, h4, p, span, li{
    margin: 0;
    color: var(--main-bg);
}
h1{
    font-size: 2.5rem;
    line-height: 1.16;
}
h2{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.09;
    text-align: left;
}
h2 span{
    display: block;
    font-weight: normal;
}
h3{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 0.2px;
    text-align: center;
}
h3 span{
    font-weight: normal;
}
h4{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    color: var(--main-bg);    
}
h5{
    font-size: 1.6rem;
    font-weight: 600;
    font-style: italic;
    line-height: 1.25;
    letter-spacing: 0.4px;
    text-align: left;
    color: var(--main-bg);    
}
p, li{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.13;
    letter-spacing: 0.4px;
    text-align: center;
    color: #8e8989;
}
li{
    position: relative;
    list-style: none;
    text-align: left;  
}
p.info, p.info span{
    font-size: 1.6rem;
    font-style: italic;
    line-height: 1.25;
    letter-spacing: 0.2px;
    color: #8e8989;
}
p.info span{
    font-weight: 600;
}
li::before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--main-bg);
    position: absolute;
    left: -25px;
    top: 6px;
}
.tittle span{
    font-size: 2.3rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.22;
    color: #aca7a7;
}
.margin{
    margin: 25px 0;
}
button{
    font-size: 1.4rem;
    line-height: 2.14;
    letter-spacing: 0.7px;
    text-align: center;
    color: #2699fb;
    cursor: pointer;
}
.text-center{
    text-align: center!important;
}
.text-left{
    text-align: left!important;
}
.text-right{
    text-align: right!important;
}
.opacity-0{
    opacity: 0!important;
}
.opacity-1{
    opacity: 1!important;
}
.display-none{
    display: none!important;
}
.body{
    margin: 0 15px;
    background: #fff;
    position: relative;
}
.body:before{
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    background: var(--main-bg);
    height: 15px;
    z-index: 10000;
    transition: all .5s;

}
.body.fixed:before{
    position: fixed
}
svg.svg-line{   
    max-width: 90%;
}
::placeholder { color: #1badc8; 
								opacity: .7;}

#arriba{
    transform: translateX(100px);
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    z-index: 100;
    transition: all .4s;
}
#arriba svg .st5, svg .st6{
    transition: all .3s;
}
#arriba.active{
    transform: translateX(0);
}
/*Configuraciones globales*/

/*sections*/
.sections{
    position: relative;
    overflow: hidden;
}
/*sections*/

/*header*/
.header{
    position: absolute;
    height: 70px;
    width: 100%;
    background: #fff;
    display: flex;
    box-sizing: border-box;
    padding: 15px;
    z-index: 10;
}
.header .logo{
    align-self: center;
    max-width: 100px;
    margin-left: 20px;
}
/*header*/


/*Main section*/
#main-view .content-box{
    margin-top: 75px;
    background: #fff;
    height: calc(60vh - 75px);
    position: relative;
    transition: all .3s;
}
.content-box .svg-bg{    
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    transition: all 1s;
    z-index: 2;
  overflow: hidden;
}
.content-box .main-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    position: relative;
    z-index: 3;
  transition: all 1s;
  background: var(--main-bg);
}
.main-text:before{
    content: '';
    position: absolute;
    display: block;
    background: white;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 27px solid var(--main-bg);
    border-right: 27px solid var(--main-bg);
    border-bottom: 30px solid #fff;
}
.main-text .tittle-box{    
    margin-top: 35%;
}
.main-text .play-btn{
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.play-mobile{
    position: absolute!important;
    top: 40%!important;
}
.scroll-down{
    position: absolute;
    bottom: 50px;
}
.img-titulo{
    opacity: 0;
    transform: rotate(-2deg);
    animation: entrar-1 .5s forwards;
    animation-delay: 1s;
    align-self: center;
    width: 200px;
}
.img-hashtag{
  color: #fff;
    opacity: 0;
    animation: entrar-1 .3s forwards;
    animation-delay: 1.3s;
    align-self: center
}
/*Main section*/
.index{
    background: #f66aa6;
}
.index h2{
    color: #fff;
    padding: 27px;
    font-size: 3rem;
    letter-spacing: 2px
}
body > div.content-section.each-section > img{
	margin: auto;
}
.content-index{
    background-color: #fff;
    background-size: cover;
    padding: 20px 0;
    position: relative;
}
.content-1, .content-2{
    margin: 20px 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, .4)
}
.content-1 .arrow, .content-2 .arrow{
    margin-right: 20px;
    width: 20px;
}
.content-index h4{
    color: rgb(172, 167, 167);
    font-style: italic;
}
.content-index .tittle-c1, .content-index .tittle-c2{
    position: relative;
  	margin-left: -48px;
}
.content-2 h3{
    color: #1badc8
}
.content-index .tittle-c1::before{
    content: '';
    position: absolute;
    background: url(https://cdn2.hubspot.net/hubfs/2202832/Landing%20Cancer%20de%20mama/1.png?t=1538602907325);
    left: -30px;
    top: -6px;
    width: 30px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.content-index .tittle-c2::before{
    content: '';
    position: absolute;
    background: url(https://cdn2.hubspot.net/hubfs/2202832/Landing%20Cancer%20de%20mama/2.png?t=1538606419788);
    left: -30px;
    top: -6px;
    width: 33px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.content-index .content-1 .icon{
    background: #dd5199;
}
.content-index .content-2 .icon{
    background: #1badc8;
}
/*Section-1*/
#section-1{
    min-height: 100vh;
}
.content{
    background: #fff;
    /* min-height: calc(100vh - 30px); */
}
.content .tittle{
    padding: 30px 17px 0px 50px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.content .tittle img{
    max-width: 200px
}
#section-1 .info{
    padding: 0 30px;
}

/*Slider*/
.slider_box .slider-img{
    margin: 20px 0 0 0;
    padding-top: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slider_box .slider-img h3{
    opacity: 0;
    transition: all .4s;
}
.slider_box .slider-img img{
    margin: 30px auto;
    width: 80%;
  opacity: .6;
    filter: grayscale(100%);
    transition: all .4s;
      cursor: pointer;
}
.slider_box .slider-img img:hover{
    filter: grayscale(0%);
}
.slider_box .slider-img .slick-center h3{
    opacity: 1;
    font-weight: bolder;
}
.slider_box .slider-img .slick-center img{
    filter: none;
  opacity: 1;
  transform: none;
}
.slider_box .slider-img .slick-slide{
    position: relative;
}
.slider_box .slider-img .slick-slide:after{
    content: '';
    height: 2px;
    width: 200%;
    left: -50%;
    background: var(--main-bg);
    position: absolute;
    bottom: 4px;
}
/*
.slider_box .slider-img .slick-slide:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    width: 0%;
    background: var(--main-bg);
    margin: auto;
    border-radius: 20px;
    transition: all .3s;
}*/
.slider_box .slider-img .slick-slide.slick-center:before{
    width: 50%;
}
.slider_box .slider-info{
    padding: 30px 25px;
}
/*
.align-right img{
    transform: translateX(20px) scale(.9)!important;
}
.slick-slide.align-left img{
    transform: translateX(-20px) scale(.9)!important;
}
.slick-center .limit img{
    transform: none!important;
}
/*Slider*/

.sub-title{
    border-radius: 3px;
    background-color: rgba(221,81,153, .1);
    margin: 15px 25px;
    padding: 15px;
    position: relative;
}
.sub-title:before{
    content: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/marcador.png);
    position: absolute;
    top: -12px;
    left: -8px;
}
.sub-title p, .sub-title p span{
    font-size: 1.6rem;
    font-style: italic;
    line-height: 1.25;
}
.sub-title p span{
    font-weight: bold;
    color: #dd5199;
}
.warning{
    max-width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
}
.warning img{
    align-self: center;
    margin: 0 10px;
}
.input-age{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -10px 40px 15px;
}
.input-age form{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.input-age input{
    max-width: 50px;
    border: none;
    border-bottom: solid 1px var(--main-bg)!important;
    color: var(--main-bg);
    text-align: center;
    font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}
#redes > div.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid > span, #redes > div.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid > span > iframe{
	height: 33px!important;
  width: 50px!important;
}
input[type="submit"]{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49.5px;
    height: 31px;
    border-radius: 4px;
    background-color: var(--main-bg);
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.18;
    color: #ffffff;
    border: none;
    cursor: pointer;
    margin-left: 20px
}
input[type="submit"].send{
    width: 80px;
    height: 35px;
    margin: auto;
  margin-top: 15px;
}
.go_to_blog{
	max-width: 100%!important;
}
#input-measure{
    margin: 0 10px;
}
.arrow-box{
    display: flex;
    align-items: center;
    border-radius: 9px;
    border: solid 2px var(--main-bg);
    padding: 20px 15px 10px 10px;
    position: relative;
    min-height: 125px;
}

    #medidor{
        position: relative;
        height: fit-content;
        overflow: hidden;
      max-width: 50px;
      min-width: 50px;
    }
    #medidor .gris, #medidor .rojo{
        position: absolute;
        width: 98%;
        height: 98%;
        left: 0;
    }
    #medidor .gris{
        background: #DFDFDF;
        top: 1px;
    }
    #medidor .rojo{
        background: #cf6eaa;
        height: 0;
        bottom: 3px;
        transition: all 1s ease;
    }
    #medidor img{
        position: relative;
        z-index: 10;
      width: 100%;
    }
.arrow-box:before{
    content: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/flecha.png);
    position: absolute;
    top: -7.1px;
    width: 20px;
    right: 0;
    left: 0;
    margin: auto;
}
.exam-box{
    position: relative;
    display: none;
    height: 280px;
    transition: all .2s;
}
.exam-rep{
    position: absolute;
    transition: all .6s;
    transform: translateX(150%);
}
.exam-rep.active{
    animation: entrar cubic-bezier(0.42, 0, 0.37, 1.65) .8s;
    animation-fill-mode: forwards;
}
.exam-rep.inactive{
    animation: salir cubic-bezier(0, -0.49, 1, 1) .5s;
    animation-fill-mode: forwards;
}
.measure-r{
    display: none;
}
.arrow-box .measure{
    position: relative;
    margin-right: 15px;
}
.measure .tube{
    max-width: 15px;
}
.measure .ball{
    position: absolute;
    bottom: -2px;
    left: -7px;
    transition: all .6s ease-in;
    max-width: 30px;
}
.title-3{
    max-width: 70%;
    margin: auto;
}
.title-3 h3{
    font-style: italic;
}
.button-box{
    display: flex;
    max-width: 160px;
    margin: auto;
    align-items: center;
    justify-content: space-around;
    margin: 5px auto;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px var(--main-bg);
}
.button-box button{
    display: flex;
    background: none;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 40px;
    border: none;
    border: solid 1px var(--main-bg);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--main-bg);
  transition: all .3s;
}
.button-box button:hover{
	background-color: var(--main-bg);
  opacity: .7;
    color: #fff;
}
.button-box button.active{
    background-color: var(--main-bg);
    border: solid 1px var(--main-bg);
    color: #fff;
}
.arrow-box.standar{
    flex-direction: column;
    padding: 20px 10px;
}
.arrow-box.standar p span{
    color: #8e8989;
    font-weight: bold;
}
/*Section-1*/

/*Section-2*/
#section-2{
    /* min-height: 100vh; */
    box-sizing: border-box;
}
.video-2 .video-box{
    position: relative;
    width: 230px;
    margin: auto;
    height: 300px;
}
.video-2 .video-box .play{
    position: absolute;
    left: -11px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: all .4s;
    z-index: 10;
}
.play.desktop{
    background: url(https://cdn2.hubspot.net/hubfs/2202832/Landing%20Cancer%20de%20mama/play.png?t=1539729541014);
    height: 50px;
    width: 63px;
    background-repeat: no-repeat;
}
.play.desktop:before{
    content: '';
    -webkit-clip-path: polygon(0 0, 0% 20%, 0 48%, 0% 80%, 0 100%, 0 100%, 0 100%, 0 100%, 100% 50%, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0% 20%, 0 48%, 0% 80%, 0 100%, 0 100%, 0 100%, 0 100%, 100% 50%, 0 0, 0 0, 0 0);
    width: 20px;
    height: 20px;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: -7px;
    margin: auto;
  transition: all 1.5s;
}
.play.desktop.play_off:before{
  -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.video-2 .video-box .video-final, .video-2 .video-box .loop{
    width: 230px;
    position: absolute;
    top: 0%;
    right: 0;
    height: 300px;
}
.video-2 .video-box .loop{
    z-index: 1;
}
.info{
    padding: 25px;
}
#section-2 li{
    text-align: left;
}
/* .info-content{
    min-height: calc(100vh - 110px);
} */
.info-content .desktop{
    display: none;
}
/*Section-2*/

/*Section-3*/
.diploma{  
      border: solid 1px var(--main-bg);
    padding: 2px;
    background-color: #ffffff;
    /* box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.3); */
    padding: 25px;
    position: relative;
  background: url(https://cdn2.hubspot.net/hubfs/2202832/Landing%20Cancer%20de%20mama/fondo_1.svg?t=1538787373873) center center / cover no-repeat;
    background-position: center;
    background-repeat: no-repeat;
}
.diploma div{
    position: relative;
}
.diploma p{
    line-height: 1.4;
}
.diploma .snake{
    position: absolute;
    z-index: 1;
}
.icono-logo{
    position: relative;
    z-index: 10;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.pick-btn-box{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    max-width: 90%;
    margin: auto;
    font-size: 1.6rem;    
    font-family: HelveticaNeue;
    color: rgb(142, 137, 137);
}
.pick-btn{
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
    width: 120px;
    height: 50px;
    border: solid 2px var(--main-bg);
    background: #fff;
    color: var(--main-bg);
    font-size: 1.6rem;
    border-radius: 10px;
    cursor: pointer;
  transition: all .3s;
}
.pick-btn:hover{
	color: #fff;
  background: var(--main-bg);
  opacity: .7;
}
.pick-btn.active{
    color: #fff;
    background: var(--main-bg);
}
.personalize img{
    border: solid 1px var(--main-bg);
}
.ready{
    background: var(--main-bg);
    max-width: 79px;
    height: 40px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1.5px;
    border-radius: 10px;
    margin: auto;
    cursor: pointer;
  transition: all .3s;
}
input[type="submit"].send:hover{
	opacity: .7;
}
.ready:hover{
	opacity: .7;
}
.diploma input{
    border: none;
    border-bottom: solid 1px var(--main-bg);
    color: #1badc8;
  background: transparent;
    font-style: italic;
    text-align: center;
    font-size: 1.6rem
}
.send-ok, .personalize{
    padding: 15px 0;
    border-top: solid 2px var(--main-bg);
    position: relative;
    border-bottom: solid 2px var(--main-bg);
    display: none;
}
.personalize::before{
    content: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/flecha.png);
    position: absolute;
    top: -7px;
    right: 60px;
}
.send-ok:before{
    content: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/flecha.png);
    position: absolute;
    top: -7px;
    left: 60px;
}
.pick-tittle{
    display: flex;
    align-items: center;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    border-top-right-radius: 5px;
    margin: auto;;
}
.pick-tittle .tittle{
    display: flex;
    align-items: center;
    background: #fff;
  padding: 3px;
    width: 80%;
    margin: auto;
    justify-content: space-between;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pick-tittle .tittle:before{
    content: '1';
    font-size: 3rem;
    color: #dd5199;
    font-weight: bold;
    position: absolute;
    left: 4px;
}
.pick-tittle.dos .tittle:before{
    content: '2';
}
.pick-tittle .tittle p{
    font-size: 1.5rem;
}
.pick-tittle .tittle img{
    background: #dd5199;
    padding: 3px;
    margin-left: 5px;
}
.personalize .items{    
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 15px;
}
.personalize .items.fondo img{    
    max-width: 150px;
}
.personalize .items.icon img{    
    max-width: 50px;
}
.items img{
    cursor: pointer;
}
.items img.active{
    border: solid 3px #dd5199;    
}
.email p{
    color: var(--main-bg);
    margin: 5px 0;
}
.email input{
    border: none;
    display: block;
    width: 100%;
    min-height: 30px;
    border-radius: 4px;
    border: solid 1px var(--main-bg);
    font-size: 1.6rem;
    line-height: 1.31;
    text-align: center;
    color: #1badc8;
}
.redes{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 40%;
    z-index: 999999;
    left: 15px;
    transition: all .4s;
    transform: translateX(-100px)
}
.redes.active{
    transform: translateX(0);
}
.redes img{
    transition: all .4s;
    align-self: center;
    margin: 1px 0;
    background: var(--main-bg);
    padding: 3px;
    padding-left: 20px;
    padding-top: 10px;
    margin-left: -19px;
}
.sombra-b{
    margin-left:0px; 
    margin-top:0px; 
    margin-bottom:0px; 
    box-shadow: 0px 0px 20px 2px #0000009e; 
    width:100%;
    height: 1px;
}
.no-shadown{
	text-align: center;
}
#section-3 > div > div > h2{
	text-align: center;
}
.no-shadown img.mobile{
  max-width: 80%;
}
.no-shadown img.desktop{
  display: none;
}
#form{
    overflow: hidden;
    padding: 0 15px;
    background-position: top;
    background-repeat: no-repeat;
  padding-bottom: 25px;
}
/*Section-3*/

/*Footer*/
footer{
    background-color: #00aac8;
    width: 100%;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer p{
    font-size: 1.2rem;
    line-height: 1.17;
    color: #ffffff;
    margin: 0 25px;
  text-align: center!important;
}
/*Footer*/

  .fb-share-button{
  	width: 50px;
    height: 33px;
  }

/*ajustes finales animaciones*/
.inp-max-width{
	max-width: 100px;
}
.inp-max-width:nth-child(1){
	border-right: solid 1px;
}
.tittle-box-desk svg{
    transition: all cubic-bezier(0, 0, 0.63, 0.93) .5s;
    transform: translateX(-150%);
}
.tittle-box-desk svg.active{
    transform: translateX(0);
}
.bg-col1{
    display: none;
}

.items.desktop{
	display: none;
}
.main-svg .cls-1 {
    stroke-dasharray: 1115;
    stroke-dashoffset: 1115;
    animation: dash 4s cubic-bezier(0.52, -0.04, 0.48, 0.97) forwards;
    animation-delay: .5s;
    stroke: #ffffff;
    stroke-width: 2px
}     
  .input-picker{
  	visibility: hidden;
    position: absolute;
  }       

/*Contenido premium*/
/*Maternidad*/
.maternidad{
	background-color: var(--main-bg);
  padding: 69px 5px 42px 5px;
  position: relative;
  margin-bottom: 30px;
  transition: all .5s;
}
.maternidad:before{
	content: url('https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/triangulo_triangulo.svg');
  position: absolute;
  bottom: -5px;
  width: 45px;
  left: 0; 
  right: 0;
  margin: auto;
}
.maternidad h4{
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.22;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;
}
.maternidad h2{
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: 0.8px;
  text-align: center;
  color: #ffffff;	
  font-family: Helvetica-bold;
}
.maternidad hr{
	border: none;
  background: #fff; 
  height: 3px;
  width: 40px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.maternidad_img img{
	width: 100%;
}
.maternidad p{
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;	
}
.maternidad_tittle{
	position: relative;
      max-width: 75%;
    margin: auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
.maternidad_tittle:before{
	content: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/quotes_Mesa%20de%20trabajo%201.svg);
  position: absolute;
     top: -60px;
    left: -25px;
  width: 130px;
}
.maternidad_tittle:after{
	content: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/quotes_Mesa%20de%20trabajo%201%20copia.svg);
  position: absolute;
  bottom: -50px;
  right: -25px;
  width: 130px;
}
.maternidad_tittle h3{  
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0.7px;
  text-align: left;
  color: var(--main-bg);
}
.maternidad_content button{
      font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: left;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    background-color: #E684BC;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 85%;
    height: 45px;
  margin-bottom: 24px;
  position: relative;
}
.maternidad_content button:before{
    content: '';
    background: url(https://cdn2.hubspot.net/hubfs/2202832/Landing%20Cancer%20de%20mama/down.svg?t=1540400542179);
    position: absolute;
    width: 20px;
    height: 20px;
    right: 7px;
    z-index: 999999999999999;
    bottom: 10px;
    background-position: center;
    background-size: cover;
}
#section-5 > div.max-width > div > div.go_blog_box > a{
	margin: 20px auto!important;
}
.maternidad_content a{
  font-size: 24px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.21;
  text-align: left;
  color: #f69abf;
  text-decoration: underline!important;
  margin-left: 7.5%;
  cursor: pointer;
  display: none;
}
.deploy{
	max-width: 85%;
  border-left: solid 1px var(--main-bg);
  margin: auto;
  margin-top: 24px;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 0px;
  transition: all .4s;
}
.deploy.active{
  animation: maternidad-active .6s forwards;
}
.deploy.inactive{
  animation: maternidad-inactive .6s forwards;
}
.deploy p{  
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.8px;
  text-align: left;
  color: #8e8989;	
}
#section-p-1 > div:nth-child(2) > div:nth-child(5) > hr{
	display: none;
} 
#section-p-1 > div:nth-child(2) > div:nth-child(5){
	padding-bottom: 50px;
}
#section-p-3 > div:nth-child(2) > div > div.info > div > hr{
   	max-width: 50px;
    margin-left: 0;
    height: 3px;
     margin: auto;
    margin-top: 25px;
    margin-bottom: 15px;
}
hr.bottom{
	max-width: 85%;
  margin: 30px auto;
    background: #aca7a782;
  height: 1px;
}
/*
.color-y{
	background-color: #f3c879!important;
}
.color-p{
	background-color: #e66b87!important;
}
.color-b{
	background-color: #4c839f!important;
}
.color-f{
	background-color: #cf6eaa!important;
}
*/
/*Estadios ----------------------------------------------------------------------------------------------------------*/
.tittle__box:before{
      content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(https://cdn2.hubspot.net/hubfs/2202832/Landing%20Cancer%20de%20mama/down.svg?t=1538787373873);
    z-index: 100000000;
    background-position: center;
    background-size: cover;
    right: 25px;

}
.estad.active .tittle__box:before{
     transform: rotate(180deg);
}
.estadios{
	background-color: var(--main-bg);
  padding: 69px 5px 42px 5px;
  position: relative;
  transition: all .5s;
}
.estadios:before{
	content: url('https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/triangulo_triangulo.svg');
  position: absolute;
  bottom: -5px;
  width: 45px;
  left: 0; 
  right: 0;
  margin: auto;
}
.estadios h2{
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: 0.8px;
  text-align: center;
  color: #ffffff;	
  font-family: Helvetica-bold;
}
.estadios hr{
	border: none;
  background: #fff; 
  height: 3px;
  width: 40px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.estadios p{
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;	
}
.flex__box{
  display: flex; 
  flex-direction: column;
}
.flex__box .estad:nth-child(1){
		background: #fcf2f8
} 
.flex__box .estad:nth-child(2){
		background: #fae6f2
} 
.flex__box .estad:nth-child(3){
		background: #f5d0e6
} 
.flex__box .estad:nth-child(5){
		background: #f3c4df
} 
.flex__box .estad:nth-child(6){
		background: #eeadd2
} 
.estad:nth-child(1) .tittle__box{
      background: #e684bc1a;
}
.estad:nth-child(2) .tittle__box{
      background: #e684bc33;
}
.estad:nth-child(3) .tittle__box{
      background: #e684bc61;
}
.estad:nth-child(4) .tittle__box{
      background: #e684bc7a
}
.estad:nth-child(6) .tittle__box{
      background: #e684bcab;
}
.tittle__box{
	background-color: #72cfe142;
}
#section-p-2 > div.flex__box > div:nth-child(5) > div.first__box.stvg_4 > div.tittle__box{
			background-color: #f3c4df;
}
.first__box{
      background: #fff;
    margin: 0 15px;	
}
.img__box{
	text-align: center;
  max-height: 0;
  overflow: hidden;
}
.estad.active .img__box{
	animation: estadio-img-active .7s forwards;
}
.estad.inactive .img__box{
	animation: estadio-img-inactive .7s forwards;
}
.img__box img{	
    margin: 20px;
    border-bottom: solid 2px #e684bc;
}
.tittle__box{
      background-color: #72cfe142;	
  		display: flex;
      justify-content: center;
    align-items: center;
      height: 125px;
}
.est__deploy{
      background: #fff;
    margin: 0 15px;
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
.estad.active .est__deploy{
  		animation: deploy-active .7s forwards;
}
.estad.inactive .est__deploy{
  		animation: deploy-inactive .7s forwards;
}
.est__deploy span{  
  font-family: Helvetica-light;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.8px;
  text-align: center;
  color: #8e8989;
	display: inherit
}

  .img_360{
      margin-top: -15px;
    margin-left: calc(50% - 32px);
    max-width: 64px;
  }
.est__deploy p span{  
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #8e8989;
      display: initial;

}
.est__deploy p{  
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: left;
  color: #8e8989;
}
.est__deploy .treatment{
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #e891c3;
  text-align: center;
}
.tittle__box h2{  
  font-family: Helvetica-bold;
  font-size: 3rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.9px;
  text-align: left;
  color: #e684bc;
}
.tittle__box span{  
  font-family: Helvetica-bold;
  font-size: 6.7rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 2.2px;
  text-align: left;
  color: #e684bc;
  margin: 0 5px;
}
/*Video premium*/
.go_to_blog{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 248px;
  height: 46px;
  border-radius: 4px;
  background-color: #cf6eaa;
  border: none;
  margin: 20px auto;
  transition: all .4s;
  font-family: HelveticaNeue
}
.go_to_blog:hover{
     background-color: #cf6eaaad;	
}    
@keyframes estadio-img-active{
  0%{
     max-height: 0px;
  }
  100%{
    max-height: 800px;
  }
}
@keyframes estadio-img-inactive{
  0%{
    max-height: 800px;
  }
  100%{
    max-height: 0px;
  }
}
@keyframes deploy-active{
  0%{
     max-height: 0px;
  }
  10%{
     padding: 10px 40px 30px 40px;
  }
  100%{
     padding: 10px 40px 30px 40px;
    max-height: 800px;
  }
}
@keyframes deploy-inactive{
  0%{
    max-height: 800px;
     padding: 10px 40px 30px 40px;
  } 
  90%{
  	padding: 0;
  }
  100%{
    max-height: 0px;
    padding: 0;
  }
}
@keyframes maternidad-active{
  0%{
     max-height: 0px;
  }
  10%{
  	padding: 5px 20px;
  }
  100%{
    max-height: 800px;
    padding: 5px 20px;
  }
}
@keyframes maternidad-inactive{
  0%{
    max-height: 800px;
    padding: 5px 20px;
  }
  90%{
    padding: 5px 20px;
  }
  100%{
    max-height: 0px;
  	padding: 0;
  }
}
@keyframes dash {
    0%{
        stroke-dashoffset: 1115;
    }
    70% {
        stroke-dashoffset: 0;
        }
    80%{
        stroke-dashoffset: 0;
        fill: #ffffff00;
    }
    100%{
        fill: #fff;
        stroke-dashoffset: 0;
        stroke: transparent;
    }
}
@keyframes entrar-1{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.svg-bg{
    background: #f05097;
}
  
  /*seno 3d*/
  #section-4 .tittle{
    margin-top: 50px;
    text-align: center;
    position: relative;
  }
  #section-4 .tittle h2{
    text-align: center;
  }
  .text__seno{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: 0.5px;
      max-width: 80%;
    margin: auto;
    text-align: center!important;
  color: #8e8989;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  hr.hr-hold{
  	width: 66px;
    background-color: #eaa5a6;
    height: 4px; 
    border: none;
    margin-bottom: 30px;
  }
  .sen_title{
    max-width: 604px;
    background-color: #c290a9;
    height: 60px;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.93;
    letter-spacing: 0.9px;
    text-align: left;
    color: #ffffff;
  }
  .sen_content{
      max-width: 600px;
    margin: auto;
    border: solid 1.5px #eaa5a6;  
    margin-bottom: 75px;
  }
  .third-div{
  	display: flex; 
    align-items: center;
    justify-content: center;
  }
  .third-div li{    
    font-family: helvetica-Bold;
  	color: #ffffff;
    cursor: pointer;
  }
  .third-div li.active{
    color: #eaa5a6;
    font-family: helvetica-Bold;
  }
  .third-div li:before{
    background: none;
  }
  .third-div li.active:before{
    background: #fff;
    width: 13px;
    height: 13px;
  }
  div#caja{
  	cursor: grabbing;
  }
#section-4 > div.tittle-box-desk > div > img{
	max-width: 80%;
}
.seno_deploy{
	max-width: 90%;
  margin: auto;
}
#section-4 > div.seno_deploy > div.sen_deploy.seno_deploy-2.active > div.sen_title {
	background-color: #1badc8
}
#section-4 > div.seno_deploy > div.sen_deploy.seno_deploy-2.active > div.sen_content{
	    border: solid 1.5px #1badc8;
}
/*form premium*/
#form__box{	
      max-width: 90%;
    	margin: auto;
}
#form__box input[type=submit]{
	width: auto!important;
  margin-bottom: 30px;
  height: 45px;
}
    #form__box form{
        width: 100%;
        max-width: 650px;
        margin:auto;
      padding-bottom: 30px;
    }
    #form__box form select{
        color: #8e8989;
    }
    #form__box form input:not([type=checkbox]):not([type=submit]),#form__box form select{
        border:0;
        border-bottom:1px solid #1badc8;
        margin-top: 30px;        
        width: 45%;
        text-align-last:center;
      margin-right: 5px;
      margin-left: 5px;      
      font-size: 1.6rem;
    }
    #form__box input[type=checkbox]{
        position: relative;
        top:3px;
    }
    #form__box input[type=submit]{
        display:flex;
        padding: 5px;
        margin:auto;
        margin-top:20px;
        border:0;
        color:white;
        padding:10px 50px;
        border-radius: 4px;
        background-color: #dd5199;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        text-align: center;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        text-align: center;
    }
    :-ms-input-placeholder { /* IE 10+ */
        text-align: center;
    }
    :-moz-placeholder { /* Firefox 18- */
        text-align: center;
    }
    #form__box .flex_input{
        display: flex;
        justify-content: space-around;
    }
  .alerta_form{
    	display: none;
      font-size: 1.4rem;
      text-align: center!important;
      margin-top: 15px;
    	color: var(--main-bg);
  }
#form-premium > div:nth-child(2){
	position: relative;
}
    #form__box .terms{
        margin-top:30px;
        font-family: HelveticaNeue;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: normal;
        color: #8e8989;
        display: flex;
        justify-content: center;
    }
        #form__box form input:not([type=checkbox]):not([type=submit]),#form__box form select{
            width:100%;
        }
        #form__box form .flex_input{
            display:block;
        }
.seno_deploy{
  min-height: 360px;
}
.sen_deploy{
	position: absolute;
    left: 0;
  right:0;
  margin: auto;
  max-width: 80%;
  opacity: 0;
  transition: all .6s;
}
.sen_deploy.active{
	opacity: 1;
  
}  
#section-p-2 svg{
  display: none;
  }
#section-p-4 h3{
	text-align: left;
}
#section-p-4 p{
    text-align: left;
    padding-left: 20px;
    border-left: solid 1px var(--main-bg);
    margin: 20px 0;
}
#section-p-4 li{
	text-align: left;
  margin: 20px 0;
}
hr{	
    height: 3px;
    max-width: 50px;
  margin: 55px auto;
}
#section-p-4 > div.text-center > div > p.text-left{
	border-left: none;
}
#section-p-4 > div.text-center > div > a{
	margin: auto;
  margin-top: 35px;
}
#section-p-5{
  margin: 0 15px;
}
.s5-interna{
      background: #fff;
    padding: 35px 20px;
}
.s5-interna *{
	text-align: left;
}
.s5-concept p{
      border-left: solid 1px var(--main-bg);
    padding-left: 20px;
    margin: 10px 0 30px;	
      line-height: 1.3;
}
#section-p-5 > div.s5-interna > div:nth-child(3) > h3{
	margin-bottom: 30px;
}
.questions{
      border-bottom: solid 1px var(--main-bg);
    margin-bottom: 15px;
    padding-bottom: 15px;
  position: relative;
}
.questions div{
	display: flex;
  justify-content: center
}
.questions button:nth-child(1){
      width: 55px;
    height: 30px;
    border-radius: 4px;
    border: solid 2px #e66b87;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: 0.7px;
    color: #e66b87;
    background: no-repeat;
  margin: 10px;
  cursor: pointer;
}
.questions button:nth-child(1):hover{
    background: #e66b873b;
}
.questions button:nth-child(1).active{
	    background: #e66b87;
  color: #fff;
}
.questions button:nth-child(2){
      width: 55px;
    height: 30px;
    border-radius: 4px;
    border: solid 2px #71acb0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: 0.7px;
    color: #71acb0;
    background: no-repeat;
  margin: 10px;
  cursor: pointer;
}
.questions button:nth-child(2).active{
	background: #71acb0;
  color: #fff;
}
.questions button:nth-child(2):hover{
	background: #71acb085
}
.triangle{
      width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #e66b87;
    margin: auto;
}
.warning_box{
      display: flex;
    align-items: center;
    border-radius: 4px;
    border: solid 3px #e66b87;
    padding: 10px;
  margin-top: 5px;
  position: relative;
  height: 100px;
}
.warning_box p{
	margin: 10px;
  position: absolute;
  max-width: 80%;
  left: 80px;
  margin: auto;
}
.warning_box img{
	margin-right: 10px;
}
#section-p-5 > div.s5-interna > div:nth-child(3) > p{
	color: var(--main-bg)!important;
  line-height: 1.2;
}
.s5-content{
	padding: 0 15px 30px;
}
.boxes_img{
	display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}
.boxes_img img{
  max-width: 100%;
  margin: 10px auto;
}
#section-5 > div > div.s5-content > hr{
	margin: 30px auto!important;
}
#section-5 > div > div.s5-content > p{
	max-width: 700px;
  margin: auto;
}
#section-5 > div > div.tittle-box-desk > div > img{
	max-width: fit-content;
  height: auto;
}
#section-n > div.info-content > div:nth-child(1) > div > p.text-center.margin{
	font-family: helvetica-bold;
}
.p_index{
    max-width: 80%;
    margin: 30px auto;
}
#index > div.p_index > p.p_1_content{	
  font-family: helvetica-bold;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.23;
  letter-spacing: 0.9px;
  text-align: center;
  color: #dd5199;
  max-width: 800px;
}
#index > div.p_index > p.text-center.p_2_content{
  font-size: 2.4rem;
  line-height: 1.21;
  text-align: center;
  color: #8e8989;	
}
#index > div.p_index > hr{
	margin: 15px auto;
}
.ps_msg{
	display: none;
}
.dangerous, .dangerouss{
	color: #e66b87;
}
.goodness{
	color: #71acb0;
}
#seno_interactive{
  display: flex;
  position: relative;
}
#seno_interactive img{
  background-color: #f6e1c84d;
	width: 100%;
  align-self: center;
}
.seno_box .col_2_bg{
    background-color: #f6e1c84d;
}
#seno_interactive img:not(.img_seno){
	opacity: 0;
  transition: all .8s;
}
#seno_interactive img.active{
	opacity: 1;
  animation: tumor_grow .6s linear infinite alternate-reverse;
}
@keyframes tumor_grow{
  from{
  	transform: scale(1);
    opacity: .3;
  }to{
  	transform: scale(1.5);
    opacity: 1;
  }
}
.img_quiste{
    position: absolute;
    width: 9%!important;
    right: 16%;
    top: 51%;
  background: none!important;
  cursor: pointer;
}
.sen__content li::before{
	background: #7bc2d1
}
.img_fibroadenoma{
    position: absolute;
    width: 15%!important;
    right: 31%;
    top: 49%;
  background: none!important;
  cursor: pointer;
}
.img_abscesos{
    position: absolute;
    width: 9%!important;
    top: 29.5%;
    left: 51%;	
  background: none!important;
  cursor: pointer;
}
.seno_box .col_1_bg{  
  background-image: linear-gradient(to left, #f6e1c8, rgba(246, 225, 200, 0.5) 57%, rgba(246, 225, 200, 0.41));
}
.tab_tumores{	
    display: flex;
    justify-content: center;
    margin: 10px auto 10px auto;
  	border-radius: 3px;
  	border: solid 2px #7bc2d1;
}
.tab_tumores button{  
    font-family: HelveticaNeue;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.27;
    text-align: center;
    color: #7bc2d1;  
  	background: none;
    border: none;
    display: flex;
    height: 40px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.deploy_tumores{
	position: relative;
  border: solid 2px #7bc2d1;
  height: 200px
}	
.deploy_tumores .sen__content{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  opacity: 0;
  transition: all .4s;
}
.deploy_tumores .sen__content.active{
	opacity: 1;
}
.tab_tumores button.active{  
  color: #fff;
  background: #7bc2d1
}
.tab_tumores button.tab_1{
		border-right: solid 2px #7bc2d1;
}
.tab_tumores button.tab_2{
		border-right: solid 2px #7bc2d1;
}
.go_blog_box{
    text-align: center!important;
    max-width: 80%;
    margin: auto;
    margin-top: 50px;
}
#section-2 > div > div.go_blog_box > a{
	margin: 30px auto;
}
#section-2 > div > div.go_blog_box > hr{
	margin: 25px auto;
}
#section-p-2 > div:nth-child(3) > div{
	margin-top: 0;
}
#section-p-2 > div:nth-child(3) > div > hr{
	margin-top: 0;
}
#section-p-2 > div:nth-child(3) > div > a{
	margin: 20px auto;
}	
#section-p-2 > div:nth-child(3){
	margin: 0 15px;
    padding: 20px 0;
}
#section-5 > div > div.go_blog_box > a{
	margin: 20px auto;
}
#section-4 > div.seno_deploy > div.go_blog_box > a{
	margin: 20px auto;
}
#section-p-3 > div:nth-child(2) > div > div.info > div > p:nth-child(5){
	color: var(--main-bg);
}
.go_blog_box p{
  color: var(--main-bg);
}
#section-p-4 > div.text-center > div > p{
	color: var(--main-bg);
}
#section-p-4 > div.text-center > div > div:nth-child(2){	
    padding-top: 20px;
    padding-bottom: 20px;
}
#section-1 > div.max-width > div > div > div > div.content-s1{
		padding-top: 25px;
}
#section-n > div.info-content{
	padding: 0 20px;
}
#section-n > div.info-content > div:nth-child(2) > div > p{
	padding: 0 15px;
}
#section-n > div.info-content > div:nth-child(2) > div > div.title-3{
	margin-top: 25px;
}
#section-n > div.info-content > div:nth-child(2) > div > div.button-box{
	margin-bottom: 25px;
}
#section-2 > div.max-width > div > div.info-content{
	padding-top: 25px;
}
#section-2 > div.max-width > div > div.go_blog_box > hr{
	margin-bottom: 25px;
  margin-top: -25px;
}
#section-2 > div.max-width > div > div.go_blog_box > a{
	margin: 20px auto;
}
#section-3{
    margin-top: 25px;
}
#section-5 > div.max-width > div > div.s5-content{
	margin-top: 25px;
}
#section-5 > div.max-width > div > div.go_blog_box > hr{
    margin: 25px auto;
    margin-top: -25px;	
}
#section-p-3 > div:nth-child(2) > div{
	padding-bottom: 25px!important;
}
.main-text .wistia_embed a{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    border-radius: 4px;
      justify-content: space-evenly;
      width: 150px; height: 45px;                                            
    font-size: 2rem;
    font-weight: 500;
    line-height: 0.73;
    letter-spacing: 0.4px;
    text-align: center;
    color: #f05097;
    margin: auto;
  margin-top: 50px;
}
#Capa_1{
	width: 50px;
}
.wistia_embed a div{
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;  
  border-left: 17px solid #f05097;
}
.wistia_responsive_padding{
  padding:56.25% 0 0 0;
  position:relative; 
    position: absolute;2e
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
	}
.svg-bg:before {
    content: ''!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(240, 80, 151, .75);
    z-index: 10;
}
.video_main_asbg{
	display: none;
}
.content-box .svg-bg video{
	display: none;
}
.svg-bg:before{
	content: none;
}
.title_desktop{
	display: none;
}
.contenido_lateral{
	display: none;
}
.preview{
	width: 100%; 
  filter: blur(2px);
}
/*ajustes finales animaciones*/
@media (min-width: 768px){  
  #medidor .gris, #medidor .rojo{
  	width: 89%;
    left: 3px; 
    bottom: 5px;
  }
  .contenido_lateral{
  	display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: all .4s;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    padding-left: 90px;
    z-index: 9998;
    height: fit-content;
  }
  .contenido_lateral.active{
  	transform: none;
  }
  a.content_select{
  	position: relative;
    margin: 10px 0;
  }
  a.content_select:before{
    content: '';
    position: absolute;
    height: 2px;
    background: #8e8989;
    width: 25px;
    top: 0px;
    bottom: 0;
    left: -60px;
    margin: auto;  	
    transition: all .3s;
  }
  a.content_select:hover:before{
    width: 40px;
    background: var(--main-bg);
  }
  a.content_select:hover span{
    opacity: 1;
  }
  a.content_select.active:before{
    width: 40px;
    background: var(--main-bg);
  }
  a.content_select span{
    max-width: 100px;
    display: block;
    margin-left: auto;  	
    opacity: 0;
    text-shadow: 0px 0px 5px #fff;
  }
  a.content_select.active span{
    opacity: 1;
  }
  a.content_select.prem{
  	display: none;
  }
  #main-view > div.content-box > div.main-text > div > div > div{
  	top: 10px!important;
  }
#section-2 > div.max-width > div > div.info-content{
	padding-top: 0;
}
#section-n > div.info-content > div:nth-child(2) > div > div.button-box{
	margin-bottom: 0;
}
#section-n > div.info-content > div:nth-child(2) > div > div.title-3{
	margin-top: 0;
}
#section-n > div.info-content > div:nth-child(2) > div > p{
	padding: 0;
}
#section-n > div.info-content{
	padding: 0;
}
  #section-1 > div.max-width > div > div > div > div.content-s1{
  	padding-top: 0;
  }
  #main-view > div.content-box > div.main-text > div > div{
  	bottom: 12%!important;
  }
  #disapear-send > label{
  	margin: 10px 0;
  }
  .deploy p{
  	font-size: 1.4rem;
  }
  .maternidad_img{
  	text-align: right!important;
  }
  .maternidad_img img{
  	width: 80%;
  }
  #disapear-send > label > p{
  	font-size: 1.3rem;
  }
  .seno_deploy{
  	max-width: 600px;
  }
  .deploy_tumores .sen__content{
  	max-width: 90%;
  }
  
  
#section-5 > div > div.tittle-box-desk > div > img{
	max-width: fit-content;
  height: auto;
}
  .boxes_img{
  	flex-direction: row;
      max-width: 750px;
    margin: auto;
    margin-top: 45px;
  }
  #section-5 > div > div.s5-content > p{
  	margin: 40px auto;
  }
  .s5-concept p{
  	margin: 20px 0 40px;
  }
  .questions{
  	margin-top: 40px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    border-bottom: none;
}
  .warning_container{
  	margin-top: 40px;
  }
  .questions:before{
  	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 67%;
    height: 1px;
    background: var(--main-bg);
  	}
  .questions button{
  	width: 75px!important;
    height: 40px!important;
  }
  
  .warning_box{
      max-width: 500px;
    margin: auto;
    margin-top: 5px;
  }
  #section-p-5 > div.s5-interna > div > div:nth-child(3) > a{
  	margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  #section-p-3 > div:nth-child(2) > div > div.info > div > hr{
  	margin: initial;
     margin-top: 25px;
    margin-bottom: 15px;
  }
  #section-p-2 svg{
  display: block;
  }
  #section-p-4 > div.text-center > div{
  	max-width: 750px;
    margin: 40px auto!important;
  }
  #section-p-4 > div.text-center{
  	padding: 60px 0!important;
  }
  .img__box img{
  	border-bottom: none;
  }
  .tittle__box:before{
      content: none;

}
body > div.content-section.each-section > img{
	margin-left: 10%;
}
  body > div.content-section.each-section.text-center{
  	text-align: left!important;
  }
  .img_360{
      margin-top: -15px;
    margin-left: 80%;
    max-width: 64px;
  }
        #form__box form input:not([type=checkbox]):not([type=submit]),#form__box form select{
            width:100%;
        }
        #form__box form .flex_input{
            display:flex;
        }
  #nrodocumento{
  	width: 100%;
  }
  #hs_persona{
      max-width: 50%;
    float: right;  	
  }
  #section-4 > div.tittle-box-desk > div > img{
  	max-width: 250px;
  }
  #section-4 .tittle{
  	text-align: left;
  }
  #section-4 .tittle h2{
  	text-align: left;
  }
  
  .seno_box{
      display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  hr.hr-hold{
    margin-bottom: 55px;
  }
  .text__seno{
      max-width: 50%;
    margin-top: 50px;
  }
  #section-4 .tittle{
      margin-top: 120px;
    margin-left: 11%;  
  }
  .maternidad_slider{
      display: grid;
   		grid-template-columns: 1fr 2fr;  
      max-width: 1300px;
    	margin: auto;
  }
  .contenedor{
  	max-width: 800px;
    margin: auto;
  }
  .contenedor *{
  	text-align: center!important;
  }
  hr.bottom{  
      grid-column-start: 1;
    	grid-column-end: 3;
  }
  .maternidad_content button{
    margin-left: 7.5%;
    width: auto;  	
    padding: 0 20px;
    padding-right: 35px;
  }
  .maternidad h2{
  	font-size: 3.5rem;
  }
  
.flex__box{
  display: flex; 
  flex-direction: row;
      background: #fff;
  position: relative;
      justify-content: center;
  margin: 0 15px;
}
  .flex__box .estad{
  	background: none!important;
  }
  .tittle__box{
      background: none!important;
    height: auto;
      max-width: 185px;
    margin: auto;
  }
  .img__box{
    text-align: center!important;
  }
  .img__box img{
    width: 85%;
    margin-top: -25px;
    max-width: 180px;
  }
.tittle__box h2{  
  font-size: 2.5rem;
}
.tittle__box span{  
  font-size: 6rem;
}
  .est__deploy{
     position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background: none;  
     max-width: 50%;
  }
  .est__deploy p{
  	text-align: center!important;
  }
  .est__deploy span{
  	text-align: center!important;  
  }
  .est__deploy p span{
  	text-align: center!important;
  }
  .estad:nth-child(1), .estad:nth-child(6){
  	margin-top: 240px;
    margin-bottom: 180px;
  }
  .estad:nth-child(2), .estad:nth-child(5){
      margin-top: 75px;
  }
  .estad .first__box{
    cursor: pointer;
  }
  .estad.active .first__box{
    opacity: 1
  }
  .estad.inactive .first__box{
    opacity: .3;
  }
  .estad .first__box:hover{
  	opacity: 1!important;
  }
  .estad .first__box{
  	transition: all .4s;
  }
  .estad .img__box{
  	max-height: initial!important;
  }
  .estad.inactive .img__box{
    max-height: initial; 
    animation: none;
  }
  .estad .est__deploy{
  	transition: all .7s;
  }
  .estad.active .est__deploy{
  	animation: none;
    padding: 10px 40px 30px 40px;
    max-height: inherit;
    opacity: 1;
  }
  .estad.inactive .est__deploy{
  	animation: none;
    padding: 10px 40px 30px 40px;
    max-height: inherit;
    opacity: 0;
  }
  .estad.active .img__box{
  	animation: none;
  }
  @keyframes estadio-img-inactive-desk{
  	
  }
  #section-p-2 svg{
  	position: absolute;
    margin-top: 30%;
    max-width: 70%;
    z-index: 10;
  }
  .p_index{
    margin-top: 60px;
  }
  #section-p-2 > div.flex__box{
  	padding-top: 20px;
  }
  #section-n > div > div:nth-child(1){
  	max-width: 100%!important;
  }
  #section-n > div > div:nth-child(1) > div{
  	max-width: 80%!important;
      margin: auto!important;
  }
}

/* 768 pix +*/
@media (min-width: 1090px){  
  :root{
  	font-size: 12px;
  }
  .open_content{
    bottom: 25px;
    right: 25px;
  }
  .at-expanding-share-button[data-position=bottom-left]{
  	bottom: 35px!important;
    left: 35px!important;
  }
  .w-chrome{
  	width: 800px!important;
  }
  .title_desktop{
  	display: block;	
    padding: 50px;
  }
  .main-svg{
  	display: none;
  }
  .tittle-box{
  	display: none;
  }
  .st__pink{
  	transition: all .3s;
  }
  .play_video_home .st__1{
  	transition: all .3s:
  }
  .play_video_home .st__0{
    transition: all .4s:
  }
  .play_video_home:hover .st__1{
  	fill: #f05097;
  }
  .play_video_home:hover .st__0{
  	fill: #fff;
  }
  .video_main_asbg{
    height: 100%;
    width: 100%;
    display: flex!important;
    position: absolute;
    transition: all 1s;
    z-index: 1;
    overflow: hidden;
    top: 0;
    left: 0;
    background: black;
    opacity: 0;
  }
  #main-view .content-box{
    margin-top: 90px;
    min-height: calc(60vh - 90px);
  }
  .video_main_asbg.active{
  	z-index: 10;
    opacity: 1;
  }
  .close_video_home{
  	cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 15;
  }
  .video_main_asbg video{
  	width: 100%;
    height: calc(100vh - 70px);
  }
.content-box .svg-bg video{
    height: 155vh;
    display: flex!important;
    position: absolute;
    top: 0;
    left: -29%;
    bottom: 0;
    margin: auto;
    width: 163%;
}
  .play_video_home{
  	max-width: 100px;
    margin-top: 100px;
    cursor: pointer;
  }
  .title_desktop{
    margin: auto;
    
    padding-bottom: 0;
  }
#section-p-5{
  margin: 0 25px;
}
  #section-3 > div > div.no-shadown > p{
  margin: 25px 0 0 40px;
  }
#section-p-2 > div:nth-child(3){
	margin: 0 25px;
}
  .flex__box{
  	margin: 0 25px;
  }
  #section-p-3 > div:nth-child(2){
  	margin: 0 25px!important;
  }
  #section-p-4{
  	margin: 0 25px!important;
  }
  .go_to_blog{
  	margin: 20px 0;
  }
  #section-p-3 > div:nth-child(2) > div > div.info > div{
  	margin-left: 100px
  }
  #section-p-2 svg{
  	margin-top: 289px;
    width: 70%;
    max-width: 900px!important;
  }
  .content-index .tittle-c1::before{
    top: 0;
  }
  .content-index .tittle-c2::before{
    left: -38px;
    width: 40px;
    top: 0;
  }
.no-shadown img.mobile{
  display: none;
}
.no-shadown img.desktop{
  display: block;
  max-width: 80%;
}
  .info-content .content-s1{
  	display: flex; 
    flex-direction: column;
    justify-content: center;
  }
    h3{
        font-size: 2rem;
    }  
    .body{
        margin: 0 23px;
    }
    .main-svg{
        height: 200%;    
        transform: rotate(24deg) translateX(145px) translateY(-228px);
    }
    svg.svg-line{
        max-height: 28px;
        margin-left: -60px;
    }
    .body:before{
        height: 23px;
    
    }
    .body.fixed:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--main-bg);
        height: 23px;
        z-index: 100;
        transition: all .5s;
        position: fixed;
    }
    *{
        text-align: left!important;
        font-family: Helvetica-light;
    }
  .input-age input{
  	text-align: center!important;
    font-size: 1.5rem
  }
  #section-n .desk-col{
  	display: flex;
    align-items: center;
    max-width: 80%;
    margin: auto!important;
  }
  .fb-share-button{
  	width: 70px;
    height: 40px;
  }
    .img-titulo{
        width: 100%;
      	transform: none;
    }
  .img-hashtag{
  	font-size: 3.5rem;
    letter-spacing: .5px;
    margin: 30px 0 50px;
  }
    .content-index{
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }
    .content-1, .content-2{
        max-width: 270px;
        margin: auto;
        flex-direction: column;
        position: relative;
        padding-bottom: 20px;
    }
    .content-1 .arrow, .content-2 .arrow{
        position: absolute;
        bottom: 38px;
        right: 15px;
        margin: auto;
    }
    .content-index .icon{
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
        margin-top: -45px;
    }
    .content-index a{
        width: 270px;
        max-height: 235px;
        margin: auto;
    }
    .content-index a:first-child{
        margin-right: 70px;
    }
    .content-index a:last-child{
        margin-left: 70px;
    }
    #section-1 .info-content .desktop-content-v1{
    }
    #section-1 .slider_box{
        max-width: 70%;
        margin: auto;
    }
    .info-content .content-s1{
        max-width: 80%;
      margin: auto;
      margin-bottom: 80px
    }
    .info-content .desktop{
        display: block;
    }

    .tittle-box-desk{
        display: flex;
        flex-direction: column;
    }
    .tittle-box-desk svg{
        max-width: 50%;
    }
    .slider_box{
        margin-top: -70px!important;
    }
    .slider-img{
        box-shadow: none!important;
    }
    .slider-info{
        box-shadow: none!important;
    }
    .slider-info ul{
        max-width: 500px;
        margin: auto;
    }
    .info-content p.info span{
        color: #dd5199;
        font-weight: 500;
    }
    .slider_box .slider-img h3{
      	text-align: center!important;
        margin: auto;
    }
    .slider_box .slider-img img{
        width: 90%;
      transform: scale(.8);
    }
    .slider_box .slider-img .slick-slide{
        min-width: 180px;
    }
    .slider_box .slider-img .slick-track{
        min-width: 900px;
        margin-left: -21px;
    }
    .slick-list.draggable{
        padding: 0px 20px!important;        
    }
    .slider_box .slider-img .slick-slide.slick-center:before{
        width: 70%;
    }
    .content{
        padding: 40px 80px;
    }
    .sections:before{
        right: 35px;
        top: 50px;
        z-index: 100;
        width: 70px;
        height: 70px;
    }
    .sections:nth-child(2):before{
        display: none;
    }
    #main-view::before{
        z-index: 0;
        width: 0px;
        height: 0px;
    }
    #section-1 .info-content .desktop-content-v2{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
    /*Seccion n*/
    #section-n{
        display: grid;
    }
    #section-n .info-content{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    #section-n .svg-line{
        margin-left: 0;
    }
    .sombra-r{
        margin-left:0px; 
        margin-top:0px; 
        margin-bottom:0px; 
        box-shadow: 0px 0px 20px #00000033; 
        height:100%;
    }
    .sombra-t{
        margin-left:0px; 
        margin-top:0px; 
        margin-bottom:0px; 
        box-shadow: 0px 0px 20px #0000009e; 
        width:100%;
    }
    .bg-col1{
        display: block;
        position: relative;
        z-index: 2;
        background-image: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/frase.png);
        background-color: #fff;
        background-position: center;
        background-size: 80% 80%;
        background-repeat: no-repeat;
    }
    #section-n .desk-col:last-child{
        margin-right: 10px;
    }
    .desk-col{
        padding: 15px 0;
    }
    .info-content .desk-col:first-child{
        background: #fff;
        position: relative;
        z-index: 1;
      	max-width: 80%;
      margin: auto;
    }
    .exam-box{
        height: 350px;
    }
    /* Seccion n */

    /*secction 2*/
    #section-2 .info-content, #section-p-3 .info-content{
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        min-height: 450px;
    }
    #section-2 .info-content .info, #section-p-3 .info-content .info{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    

    /*interaccion video*/
    #section-2 .video-2 .video-final, #section-p-3 .video-2 .video-final{
        width: 350px;
        transition: all 1s;
        position: absolute;
        top: 0;
        right: 0;
        height: 450px;
        overflow: hidden;
        display: flex;
        justify-content: center;
      align-items: center;
    }
    #section-2 .video-2 .loop, #section-p-3 .video-2 .loop{
        width: 100%;
        height: 100%;
      cursor: pointer;
    }
    .video-2 .video-box.active{
        position: absolute;
        width: 900px!important;
    }
    .video-2 .video-box.active .loop{
        display: none;
    }
    .video-2 .video-box.active .video-final{
        width: 900px!important;
        height: 100%;
        
    }

    #section-2 .info-content .video-2, #section-p-3 .info-content .video-2{
        grid-column-start: 2;
        grid-column-end: 3;        
    }
    #section-2 .info-content .video-2, #section-p-3 .info-content .video-2{
        grid-row-start: 1;
        grid-row-start: 1;        
    }
    #section-2 p.desktop{
        display: block;
        max-width: 500px;
        margin: 0 35px 35px 35px;
    }
    #section-2 h3{
        margin-left: 35px;
    }
    #section-2 .video-2 .video-box, #section-p-3 .video-2 .video-box{
        width: 350px;
        height: 450px;
        transition: all 1s;
        position: absolute;
        right: 100px;
        background: black;
        z-index: 1;
    }
    #section-3{
        display: grid;
        grid-template-columns: 1fr 2fr;
    }   
    #section-3 .first{
        display: flex; 
        justify-items: center;
        align-items: center;
      height: 100%;
    }
    #section-3 .first div{
        padding-left: 30px;
    }
    #form .sombra-b{
        display: none;
    }
    .diploma{    
        width: auto;
        margin: auto;
      	background: url(https://marketing.oncosalud.pe/hubfs/Landing%20Cancer%20de%20mama/fondoancho_1.svg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
        
    }
    .diploma p{
        padding: 8px;
    }
    #form{
        padding: 50px 150px;
     		background-position: 50% -175px;
    }
    .pick-btn-box{
        margin-top: 20px;
    }
  .wistia_responsive_padding{
    padding: 0!important;
  }
    /*hover play*/
    .play:hover{
        transform: scale(1.3) translateX(5PX);
    }
    .play-mobile{
        display: none!important;
    }
    .max-width{
        max-width: 1300px;
      position: relative;
        margin: auto;
    }
    footer{
        margin-bottom: 15px;
    }

    /*Define min heights*/
    .content-section{
        min-height: 100vh;
    }
    .content-index{
        min-height: calc(100vh - 86px)!important;;
    }
    #section-1 .content{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #section-n{
        min-height: calc(100vh - 300px)!important;
        flex-direction: column;
        justify-content: center;
    }
    #section-2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: calc(100vh - 43px)!important;
    }
    #section-3{
        justify-content: center;
        align-items: center;
    }
    /*Define min heights*/
  
  /*Ultimos detalles*/
  .header{
  	height: 90px;
  }
  .header .logo{
     max-width: 140px;
  }
.content-index .content-1 .icon{
    box-sizing: border-box;
    padding: 10px;
}  
.tittle span{
    font-size: 2.7rem;
}
.content .tittle img {
    max-width: 250px;
    height: 35px;
}
  
.redes img{
    padding-left: 27px;
}
  .title-3{
  	max-width: 90%;
  }
  .send-ok:before{
  left: 115px;
  }
  .personalize::before{    
     right: 110px;
  }
  .no-shadown{
  	background: #fff;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #section-3 > div > div > h2{
  	margin-left: 40px;
  }
  .first .sombra-r{
  width: 4px;
  padding: 0;
  }
  .items.mobile{
  	display: none;
  }
.items.desktop{
	display: flex;
}
  
.inp-max-width{
	text-align: center!important;
}
  
#section-5 > div > div.tittle-box-desk > div > img{
	max-width: fit-content;
  height: auto;
}
  /*Ultimos detalles*/

}
@media (min-width: 1160px){

    .video-2 .video-box.active{
        width: 980px!important;
    }
    .video-2 .video-box.active .video-final{
        width: 980px!important;        
    }
  #medidor .gris{
  	height: 90%;
  }
}
@media (min-width: 1260px){
  #index > div:nth-child(3){
  	margin-top: 0!important;
  }
  #redes > div.fb-share-button.fb_iframe_widget > span > iframe{
  	height: 40px!important;
    width: 71px!important;
  }
    .video-2 .video-box.active{
        width: 1100px!important;
    }
    .video-2 .video-box.active .video-final{
        width: 1100px!important;        
    }
  .est__deploy{
  	max-width: 40%;
  }
  #section-p-2 svg{
  	margin-top: 300px;
  }
}
@media (min-width: 1600px){
  #index > div.p_index > p.p_1_content{
  	max-width: 1000px;
  }
:root{
    font-size: 14px;
}
    .img-titulo{
        width: 100%;
    }
    .max-width{
        min-height: auto!important;
    }
  .content-index a{
  	width: 300px;
  }
  .content-1, .content-2{
  	max-width: 300px;
  }
  .content-index .tittle-c1, .content-index .tittle-c2{
  	margin-left: 0;
  }
  .content-index .tittle-c1::before{  	
     left: -46px;
    top: -9px;
  }
  .content-index .tittle-c2::before{
     left: -51px;
    top: -9px;
  }
  .info-content .content-s1{
  max-width: 100%;
  }/*
  #section-2 .video-2 .video-box, #section-p-3 .video-2 .video-box{
  height: 540px;
  }*/
  #section-2 .video-2 .video-final{  	
      height: 100%;
    align-items: center;
  }  
}
@keyframes entrar{
    0%{
        transform: translateX(150%);
    }
    100%{
        transform: translate(0);
    }
}

@keyframes salir{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translate(-150%);
    }
}
.section-premium{
	display: none;
}
.share_redes{
	display: flex;
  justify-content: center;
  align-items: center;
}
.share{	
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 35px;
    border: solid 2px #cf6eaa;
    margin: 10px;
}
.share:hover{
	opacity: .8;
}
.share img{
	max-width: 25px;
}
.open_content{
	background: none; 
  border: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 55px;
  height: 55px;
  z-index: 100;
  transition: all .7s;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  transform: translateX(150%) rotate(720deg);
}
.open_content.active{
	transform: none;
}
.open_content:hover span{
	opacity: .7;
}
.open_content span{
	width: 15px;
  height: 15px;
  display: block;
  border: solid 2px var(--main-bg);
  margin: 1px;
  background: #fff;
}
#index_modal{
	display: none;
  background: #fff!important; 
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9999999;
  left: 0;
  overflow: scroll;
}
#index_modal > div.p_index > p{
    color: #dd5199;
		font-size: 3rem;
}
#index_modal.active{
	display: flex;
}
.dismiss_modal{
	position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: none;
}
.dismiss_modal img{
	width: 30px;
}
@media (max-width: 350px){
  #section-n > div{
  	padding-bottom: 30px!important;
  }
}
@media (max-width: 768px){

  #index > div a{
    margin-bottom: 10px;
    max-width: 45%;
  }
  #index > div a img{
    max-width: 85%;
    margin: 0!important;
  }
  .go_form_plz{
    display: none;
  }
}

/*Ver form*/
.go_form_plz{
  position: fixed;
  top: 100px;
  right: 40px;
  z-index: 9000000000;
  background: #ffffff57;
  border-radius: 10px;
  padding: 5px;
  transform: translate(300px);
  transition: all .6s;
}
.go_form_plz.active{
  transform: none;
}
.go_form_plz > div{
  position: absolute;
  top: 0;    
  left: -150px;
  width: 130px;
  align-items: center;
  justify-content: center;
  background: #ffffff70;
  border-radius: 10px;
  padding: 5px;
  box-sizing: border-box;
  height: 45px;
  display: none;
}
.go_form_plz:hover>div{
  display: flex
}
.go_form_plz > div p {
  color: #dd5199;
  font-weight: 500;
 }