body {
	font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	overflow-y: scroll; 
    -webkit-overflow-scrolling: touch;
      
 
}


@font-face {
    font-family: 'actobook';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/fonts/acto-book-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/fonts/acto-book-webfont.woff') format('woff');
}
@font-face {
	font-family: "GuardianEgyp-Light";
	src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianEgyp-Light.woff') format('woff'),
		 url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianEgyp-Light.woff2') format('woff2');
}
@font-face {
	font-family: "GuardianEgyp-Regular";
	src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianEgyp-Regular.woff') format('woff'),
		 url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianEgyp-Regular.woff2') format('woff2');
}
@font-face {
	font-family: "GuardianEgyp-Medium";
	src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianEgyp-Medium.woff') format('woff'),
	     url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianEgyp-Medium.woff2') format('woff2');
}
@font-face {
	font-family: "GuardianTextEgypt-Bold";
	src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianTextEgypt-Bold.woff') format('woff'),
		 url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianTextEgypt-Bold.woff2') format('woff2');
}
@font-face {
	font-family: "GuardianTextEgypt-Black";
	src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianTextEgypt-Black.woff') format('woff'),
		 url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/colegio-el-paraiso-ecpm/fonts/GuardianTextEgypt-Black.woff2') format('woff2');
}


h1{	
    color: #fff;
	font: 48px/1.2 "GuardianTextEgypt-Black";
	margin: 0 auto 40px;
	max-width: 700px;
    padding: 200px 0 0;
	text-shadow: 2px 2px 7px #313131;
}
h2{	
    color: #000;
	font: 19px/1.5 "GuardianEgyp-Regular";
	margin: 40px auto;
    max-width: 600px;
    text-align: center;
}
h3{    
	font: 26px/1.4 "GuardianTextEgypt-Bold";
    text-align: left;
    max-width: 600px;
    margin: 30px auto;
}
h4{    
	font: 20px/1.4 "GuardianTextEgypt-Bold";
    text-align: left;
    max-width: 510px;
    margin: 0 auto 20px;
}
h5{
    font: 45px/1 'romana_becker_demiregular';
    margin: 0;
    max-width: 410px;
    padding-bottom: 40px;
    text-align: left;
}
	
p{	
	font: 19px/29px "GuardianEgyp-Regular";
	max-width: 510px;
	margin: 0 auto;
    margin-bottom: 20px;
    padding: 0 20px;
	text-align: left;
}
    span.leyenda{
        display: block;
        font: 16px/1.4 'actobook';
        margin: 5px auto 50px;
        max-width: 900px;
    }
    span.credito{
        color: #000;
        display: block;
        font: 16px/1.4 'actobook';
        text-align: center;
    }
    p a{
        color: #af2c2c;
        font-family: "GuardianTextEgypt-Bold";
    }
    p span.frase{
        /*font-family: "GuardianEgyp-Medium";*/
        font-style: italic;
    }
    p.destacado{
        font: 36px/1.2 "GuardianTextEgypt-Black";
        margin: 40px auto;
    }

#header{
    margin-bottom: 50px;
    width: 100%;
}
    .header-comercio{   
        background: #000;        
        padding: 5px 0;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 9999999;
    }
        .ctn-header-comercio{
            margin: 0 auto;     
			max-width: 1024px;
			text-align: left;
        }
            .ctn-header-comercio a{
                display: inline-block;                
                text-indent: -9999px;
            }
                a.logo-comercio{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/logo-comercio.png) no-repeat 0 0;
                    background-size: 100%;
					height: 19px;
					margin: 10px;
					width: 110px;
                }
                .logo-no-te-pases{
                    display: inline-block;
                    max-width: 75px;
                    vertical-align: top;
                }
                    a.notepases{
                        text-indent: inherit;
                    }
                #social{
                    float: right;
                }
                     #social ul{
                        display: inline-block;
                        margin: 0 auto;
                        padding: 0;
                        vertical-align: middle;
                    }
                        #social ul li{
                            display: inline-block;
                            margin: 0 3px;
                            vertical-align: middle;
                        }
                            #social ul li a{
                                height: 36px;
                                width: 36px;
                            }
						        #fb{
						            background-size: 100%;
						            background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/fb-icon.png) no-repeat 0 0;
						            border: none;
						            display: inline-block;
						            height: 36px;
						            text-indent: -9999px;
						            width: 36px;
						        }

						        #wst{
						            background-size: 100%;
						            background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/wst-icon.png) no-repeat 0 0;
						            border: none;
						            display: none;
						            height: 36px;
						            text-indent: -9999px;
						            width: 36px;
						        }

						        #tw{
						            background-size: 100%;
						            background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/tw-icon.png) no-repeat 0 0;
						            border: none;
						            display: inline-block;
						            height: 36px;
						            text-indent: -9999px;
						            width: 36px;
                                } 

.box-portada{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/bg-portada.jpg?v4) center top;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 80vh;
    position: relative;
}
    .box-titular{
        /*position: absolute;         
        top: 40%;
        width: 100%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);*/
        text-align: center;      
    }                                

    .scroll-downs {
        position: relative;
        bottom: 5%;
        /*height: 45px;*/
        left: 0;
        margin: auto;
        right: 0;
        top: 20px;
        width: 34px;
    }
        .mousey {
            background: #1d1d1d;
            border-radius: 25px;
            box-sizing: content-box;
            height: 35px;
            opacity: 1;
            padding: 10px 15px;
            width: 3px;
        }
            .scroller {
                background-color: #fff;
                border-radius: 25%;
                height: 10px;
                width: 3px;
    
                animation-name: scroll;
                animation-duration: 2.2s;
                animation-timing-function: cubic-bezier(.15,.41,.69,.94);
                animation-iteration-count: infinite;
            }
    @keyframes scroll {
          0% { opacity: 0; }
          10% { transform: translateY(0); opacity: 1; }
         100% { transform: translateY(15px); opacity: 0;}
    }

article {
    margin: auto auto 25vh auto;
}
 

.descripcion {
    /*bottom: 100px;*/
    margin: 5vh auto 0;
    opacity: 0;
    /*position: -webkit-sticky;*/
    position: relative;
    max-width: 510px;
}


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

	h1{
        font-size: 36px;
		padding: 150px 20px 0;    
        text-shadow: 2px 2px 7px #313131;
	}
	h2{
        font-size: 18px;	
        padding: 0 15px;	
    }
    h3{
        font-size: 30px;
        padding: 0 20px;
    }
    h4{
        padding: 0 20px;
    }
    h5{
        font-size: 40px;
    }
	p{
		font-size: 20px;
		line-height: 32px;
	}
    #wst{
        display: inline-block;
    }  
    .descripcion{
        margin: 5vh auto 0;
        position: relative;
        top: 0;
        width: 90%;
    }

    .scroll-downs{
       /* display: none;*/
    }

    #block1 {        
        margin-top: 90px !important;
    }
    svg#linea-buenos-aires-2{
        left: 38px !important;
    }
    svg#linea-buenos-aires-3{
        right: 35px !important;
    }
    svg#linea-buenos-aires-4{
        left: 38px !important;
    }
    svg#linea-buenos-aires-5{
        right: 35px !important;
    }
        .titulo-buenos-aires{
            left: 25px !important;
        } 
        .titulo-buenos-aires-2{
            right: 25px !important;
        } 
    .dato-buenos-aires-1{
        left: inherit !important;
        right: 20px !important;
        top: 45px !important;
    }
    span.leyenda{
        padding: 0 20px;
    }

    #block1 .icon-pruebas{
        left: 65px;
    }

    #block1 .titulo-buenos-aires{
        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-persona-1-movil.png?v5) no-repeat 0 0;
        background-size: 100%;
        height: 170px;
        width: 117px;
    }
    #block1 .titulo-buenos-aires-2{
        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-persona-2-movil.png?v5) no-repeat 0 0;
        background-size: 100%;
        height: 170px;
        width: 117px;
    }
    #block1 .hisopo{
        left: 77px;
    }
    #block1 .hisopo-2{
        right: 72px;
    }
    #block1 #resultado-1 {
        left: 40px;
    }
    #block1 #resultado-2 {
        right: 30px;
    }
    #block1 .icon-casa{
        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-casa-movil.png?v3) no-repeat 0 0;
        height: 154px;
        left: 20px;
        width: 117px;
    }
    #block1 .icon-personas{
        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-personas-movil.gif?v6) no-repeat 0 0;        
        right: 5px;
        position: absolute;
        top: 1548px;
    }
    #block1 svg#linea-roja{
        left: 25px;
    }
    #block1 svg#linea-roja-2{
        right: 25px;
    }

    svg#linea-gris{
        left: 100px;
    }
    #block1 .icon-personas-infectadas{
        left: 130px;
    }
    svg#linea-buenos-aires-6,
    svg#linea-buenos-aires-7{
        left: 150px;
    }
    #block1 .icon-pruebas-infectados{
        left: 68px;
    }
    #block1 #resultado-3{
        left: 105px;
    }
}


.dato{
    border: 2px solid #da2727;
    border-radius: 5px;
    font: 14px/1.3 'actobold';
    padding: 5px;
    position: absolute;

    animation: pulso 1.5s infinite;
}
    .dato-buenos-aires-1{
        left: 110px;
        top: 450px;
        width: 180px;
    }
    @keyframes pulso {
        0% { border-color: rgba(218, 39, 39, 0); }
        100% { border-color: rgba(218, 39, 39, 1); }
    }

svg {
    display: block;   
    position: absolute;    
}
    svg#linea-buenos-aires-2{
        height: 1000px;
        left: 150px;
        top: 870px;
    }
    svg#linea-buenos-aires-3{
        height: 1000px;
        right: 150px;
        top: 870px;
    }
    svg#linea-buenos-aires-4{
        height: 1000px;
        left: 150px;
        top: 1230px;
    }
    svg#linea-buenos-aires-5{
        height: 1000px;
        right: 150px;
        top: 1230px;
    }
    svg#linea-buenos-aires-6{
        height: 1000px;
        right: 255px;
        top: 1915px;
    }
    svg#linea-buenos-aires-7{
        height: 1000px;
        right: 255px;
        top: 2280px;
    }

section {
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}
section.intro{
    margin: 40px auto;
}
section.texto{
    max-width: 700px;
}
    section.texto p{
        max-width: 600px;
    }

#block1{
    height: 2700px;
    margin-top: 30px;
}
    #block1 h4{
        text-align: center;
        text-transform: uppercase;
    }

.titulo,
.ano{
    position: absolute;
}
    /** Buenos Aires **/
    .titulo-buenos-aires{
        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-persona-1.png?v3) no-repeat 0 0;
        background-size: 100%;
        height: 114px;
        left: 47px;
        top: 270px;
        width: 167px;
    }
    .titulo-buenos-aires-2{
        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-persona-2.png?v3) no-repeat 0 0;
        background-size: 100%;
        height: 114px;
        right: 51px;
        top: 270px;
        width: 169px;
    }

.image{
    display: block;
    margin: 50px auto 0;
    max-width: 900px;
}
.infografia{
    display: block;
    margin: 50px auto 50px;
    max-width: 800px;
}
#footer{
    background: #000;
    margin: 40px 0 0;
    padding: 20px 0;
    text-align: center;
}
    #footer a{
        display: block;
    }
        #footer img{
            max-width: 120px;
        }


/* svg */


.st0{
    fill:none;
    stroke:#BCBCBC;
    stroke-width: 0.4;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}
.box-hisopo,
.box-hisopo-2 {
    margin: 150px 0 0;
    /*padding: 50px;*/
}
.hisopo {
    height: 62px;
    left: 190px;
    position: absolute;
    width: 8px;
}
.hisopo-2 {
    height: 62px;
    right: 190px;
    position: absolute;
    width: 8px;
}
    .hisopo img,
    .hisopo-2 img{
        background-size: 100%;
        height: 62px;  
        width: 8px;
    }
.icon-pruebas{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-pruebas-antigenas.png?v2) no-repeat 0 0;
    height: 76px;
    left: 175px;
    position: absolute;
    top: 790px;
    width: 247px;
}
.icon-casa{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-casa.png?v2) no-repeat 0 0;
    height: 133px;
    left: 50px;
    position: absolute;
    top: 1555px;
    width: 190px;
}
span.resultado{
    font: 16px/1.2 "GuardianTextEgypt-Bold";    
    max-width: 100px;
    position: absolute;    
}
    #resultado-1{
        left: 150px;
        top: 1190px;
    }
    #resultado-2{
        right: 140px;
        top: 1190px;
    }
    #resultado-3{
        border: 2px solid #d63535;
        left: 220px;
        max-width: 153px;
        padding: 5px;  
        text-align: center;
        top: 2555px;           
    }
.icon-personas{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-personas.gif?v4) no-repeat 0 0;
    height: 189px;
    right: 75px;
    position: absolute;
    top: 1555px;
    width: 189px;
}
.icon-covid{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-covid.gif?v2) no-repeat 0 0;
    height: 93px;
    margin: 20px auto;
    width: 93px;    
}
.stRojo{
    fill:none;
    stroke:#C63939;
    stroke-width: 0.9;
    stroke-linecap:round;
    stroke-miterlimit:10;
}
    svg#linea-roja{
        height: 180px;
        left: 125px;
        top: 80px;
        width: 130px;        
    }
    .linea-roja{

    }

.stRojo-2{
    fill:none;
    stroke:#C63939;
    stroke-width:0.9;
    stroke-linecap:round;
    stroke-miterlimit:10;
}
    svg#linea-roja-2{
        height: 180px;
        right: 140px;
        top: 80px;
        width: 130px;        
    }

.stGris{
    fill:none;
    stroke:#BCBCBC;
    stroke-width: 0.9;
    stroke-linecap:round;
    stroke-miterlimit:10;
}
    svg#linea-gris{
        height: 180px;
        right: 200px;
        top: 1680px;
        width: 130px;        
    }

.icon-personas-infectadas{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-personas-infectadas.png?v2) no-repeat 0 0;
    height: 41px;
    left: 230px;
    position: absolute;
    top: 1870px;
    width: 137px;
}
.icon-pruebas-infectados{
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/pruebas-antigenos-ecpm/img/icon-pruebas-infectados.png?v2) no-repeat 0 0;
    height: 87px;
    left: 175px;
    position: absolute;
    top: 2190px;
    width: 248px;
}