@font-face {
font-family: 'Benton Sans Condensed';
src: url('/fonts/v2.x/v2.0/benton/bentonsanscond-bold-webfont.eot');
src: url('/fonts/v2.x/v2.0/benton/bentonsanscond-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-bold-webfont.woff') format('woff'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-bold-webfont.ttf') format('truetype'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-bold-webfont.svg#bentonsans') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'Benton Sans Condensed';
src: url('/fonts/v2.x/v2.0/benton/bentonsanscond-book-webfont.eot');
src: url('/fonts/v2.x/v2.0/benton/bentonsanscond-book-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-book-webfont.woff') format('woff'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-book-webfont.ttf') format('truetype'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-book-webfont.svg#bentonsans') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Benton Sans Condensed';
src: url('/fonts/v2.x/v2.0/benton/bentonsanscond-light-webfont.eot');
src: url('/fonts/v2.x/v2.0/benton/bentonsanscond-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-light-webfont.woff') format('woff'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-light-webfont.ttf') format('truetype'), url('/fonts/v2.x/v2.0/benton/bentonsanscond-light-webfont.svg#bentonsans') format('svg');
font-weight: 300;
font-style: normal;
}
.alertas{display: none;}
.articulo__interior{padding-top: 100vh;}
.articulo-encabezado .articulo-antetitulo .enlace { color: #fe9939;}
.contenedor_centro .ediciones li a  {color:#fff;}
.contenedor_centro .ediciones .activo a{color:#fff;}
.contenedor_centro .ediciones .activo a:after,
.contenedor_derecha .navegacion-sucripcion ul .suscribete a{background-color:#fff;color:#000; }
.navegacion-sucripcion ul .newsletter a, .boton_buscador:before{color:#fff; }
 .articulo_especial .sumario_foto.centro .foto_w980{margin-left: 0; margin-right: 0}


.apertura_especial_noticia{ background-image: url(/especiales/2017/alepo/img/fondo-apertura-simple.jpg); background-size: auto 100%; background-repeat: no-repeat; background-position: center top;background-color: #171810;   height: 100vh; display: block!important; position: absolute; top:0; left: 0; width: 100%; min-height: 660px; background-size: cover;  overflow: hidden;}

.contenedor_intro{position: absolute;bottom: 16%;left: 67%;transform: translateX(-50%);width: 90%;height: auto;max-width: 620px; z-index: 10}
.box__title {width: 100%;background-repeat: no-repeat;background-position: left bottom;background-size: contain;text-indent: -9999px;overflow: hidden;height: 194px;max-width: 620px;background-image: url(/especiales/2017/alepo/img/titulo.svg);}
.apertura_especial-body {width: 1339px;margin: 0 auto;position: absolute; top:50%; left:50%; transform:translate(-40%, -50%); height: 951px; background: url(/especiales/2017/alepo/img/mapa-final2.png) no-repeat center;}


/*POINTS*/
.nombres-paises span{position: absolute;top:0; left: 0; color: #fe9939; text-transform: uppercase; font-family: "Benton Sans Condensed"; font-weight: 300; font-size: 1.9em;}
.nombres-paises .pais1{top: 38%; left: 55%;}
.nombres-paises .pais2{top: 56%; left: 14.7%; font-size: 1.3em;}
.svg_color { position: absolute; height: 445px; top: 23.3%; left: 14.45%;  width: 307px;}

.point {position: absolute;}
.point>a{text-decoration: none; border-bottom: none !important;}
.point h4{text-transform: uppercase; color: #fff; font-family: "Benton Sans Condensed"; font-size: 1em; position: relative; font-weight: 400; padding-left: 23px; padding-right: 37px; }
.point h4:hover{opacity: .6}
.point h4:before{content: ""; width: 13px; height: 13px; background: #68dfbc; display:inline-block; border-radius: 50%; position: absolute; left:0; top:5px;}
.point h4:after{ content: ""; background: url(/especiales/2017/alepo/img/play.svg) no-repeat center; width: 28px; height: 28px; background-size: contain; display: inline-block; position: absolute; right: 0; top: -2px;}

.point-1 {top: 22.1%; left: 27.8%;}
.point-2 {top: 29.8%; left: 32.1%;}
.point-3 {top: 38.7%; left: 25.8%;}
.point-4 {top: 45.3%; left: 25.8%;}
.point-5 {bottom: 31.3%; left: 18.5%;}
.point__button {position: absolute;top: 2px;left: 2px;-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease;z-index: 9;}
.point__button svg,
.point__button .icon {position: absolute;top: 0;left: 0;}
.point__button svg.close {opacity: 0;visibility: hidden;top: 17.5px;left: 17.5px;}



.point__content {text-align: left;transition: all .7s;opacity: 0;visibility: hidden;overflow: hidden;}
.point__content img {margin-top: 20px;}
.point__content p {font-weight: 100;font-style: normal;  font-size: 18px;line-height: 150%;color: white;margin: 0;}
.point__content a {color: white;display: inline-block;border-bottom: 1px solid white;}
a.point__link {display: inline-block;margin: 10px 0;}



/*MODAL*/
.modal {background: white;position: fixed;top: 0;left: 0;width: 100%;padding: 5%;padding-top: 50px;z-index: 200;opacity: 0;visibility: hidden;transition: all .7s;height: 100% ; overflow-y: auto; }
.modal.active {opacity: 1;visibility: visible;z-index: 99;}
.modal--alt {background: url(/especiales/2017/alepo/img/fondo-modal.jpg) no-repeat center bottom; background-size: cover;}
.modal__close {position: absolute;top: 30px;right: 30px;background: url('/especiales/2016/resumen-anual/images/icons/close.svg') no-repeat center;width: 30px;height: 30px;text-indent: -9999px;overflow: hidden;}
.modal--alt .modal__close {background-image: url('/especiales/2016/resumen-anual/images/icons/close-white.svg');}
.modal__scroll{width: 95%; display: table; text-align: center; height: 100%; max-width: 1000px; margin: 0 auto;}
.modal .modal__video{vertical-align: middle; display: table-cell; width: 100%; height: auto;}
.modal a{border-bottom: none;}
.modal .modal__text{clear:both; width: 100%; text-align: left; margin: 3em 0 1em;}
.modal .modal__text h5{font-family: "Benton Sans Condensed"; font-weight: 400 !important; color: #fff; font-size: 2.5em;  line-height: 1em;}
.modal .modal__text h5 a{color: inherit; font-weight: inherit;}



/*ICONS*/
.icon {display: inline-block;vertical-align: middle;text-indent: -9999px;overflow: hidden;background-repeat: no-repeat;background-position: center;}
.icon__play {width: 45px;height: 45px;background-image: url('/especiales/2017/alepo/img/play.svg'); background-color: #69f1e1; border-radius: 50%;}


.boton-bajar{background: url(/especiales/2017/alepo/img/boton-bajar.svg) no-repeat center; background-size: contain; margin-top: 1em; display: inline-block; text-indent: 99999px; width: 38px; height: 21px; cursor: pointer; float: right; margin-right: .6em;}
.boton-bajar:hover{opacity:.6;}

@media(min-width: 125em){
	.contenedor_intro {left: 60%;}
}
@media(max-width:64em){
	.contenedor_intro {  bottom: 7%; max-width: 555px;}
	.box__title { height: 176px; max-width: 555px;}
}
@media (min-width: 64.0625em){/*1000px*/ 
	.modal .boton_video {  left: 1em;  bottom: 1em;  background-size: 14%;}
}
@media(max-width:62.4375em){/*999px*/
	.contenedor_intro {left: 50%; max-width: 530px;}
	.box__title { height: 168px; max-width: 530px;}
}
@media(min-width: 48.000em){/*768px*/  
	.point h4{padding-right: 57px;}
	.point h4:after{width: 48px; height: 48px; top:-11px;}
}
@media(max-width:47.9375em){      
	.apertura_especial_noticia { margin-left: -6%; margin-right: -6%; width: 112%;}
	.boton-bajar {display: none}
	.apertura_especial-body { transform: translate(-36%, -50%);}
	.nombres-paises .pais1 { left: 48%;}
	.contenedor_intro { left: 63%; max-width: 319px;}
	.box__title { height: 102px; max-width: 319px;}
	.nombres-paises .pais2 { top: 55.2%; left: 16%;}
	.modal__close {top: 10px;right: 10px;}
	.modal .modal__text{font-size: .8em;}


}

@media(max-width: 37.43em)and (min-width: 26.30em){	
}

@media(max-width: 26.25em){
	.apertura_especial-body { transform: translate(-28.4%, -52%);}
	.contenedor_intro {left: 50%;max-width: 264px;}
    .box__title { height: 84px;max-width: 264px; }
    .nombres-paises .pais1 {left: 30%;top: 59%;}
    .nombres-paises .pais2 { left: 17%;}
    .point h4 { font-size: 0.85em; padding-left: 16px; padding-right: 25px}
	.point h4:after { width: 21px;height: 21px; top: 0px;}
	.visible .agrupador-menu__interior, .visible .agrupador-menu__interior:before, .visible .boton_agrupador-menu:before,.agrupador--simple .visible.agrupador-menu{background-color:#000;}



}