<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="page-top" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-page-top1)" aria-owns="all1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"><g data-tag="div" id="all1" class="all box box2" data-z-index="auto" data-stacking-context="true" aria-owns="a1 id13"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="369.40625" height="300" x="10" y="10" fill="rgb(255, 255, 255)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="id13" class="collapse panel-collapse" data-z-index="9999" data-stacking-context="true" aria-owns="hr1 br1 p2 p3 date-box1"><g data-tag="hr" id="hr1" data-z-index="auto" data-stacking-context="true" role="separator" mask="url(#mask-for-hr11)"><mask id="mask-for-hr11"><rect width="0" height="0" x="0" y="0" fill="#ffffff"/></mask></g><g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true"/><g data-tag="p" id="p3" data-z-index="auto" data-stacking-context="true" aria-owns="btn1"><a href="https://www.heraldo.es/multimedia/imagenes/ocio-y-cultura/fotos-proceso-creacion-pelicula-documental-el-sueno-de-sigena/" target="_blank" data-tag="a" id="btn1" class="btn btn-default page-scroll" data-z-index="auto" data-stacking-context="true" role="link"/></g><g data-tag="div" id="date-box1" class="date-box text-center" data-z-index="auto" data-stacking-context="true" aria-owns="h61"><g data-tag="h6" id="h61" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="6"/></g></g></g><a href="/17aff8c6-chopped-79-page-composite.html#id13" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-controls="id13" aria-expanded="false" aria-owns="img-responsive1 p1"><g data-tag="img" id="img-responsive1" class="img-responsive" data-z-index="auto" data-stacking-context="true" opacity="0.8" mask="url(#mask-for-img-responsive11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-img-responsive11"><rect width="369.40625" height="184.703125" x="10" y="10" fill="#ffffff"/></mask><image id="img-responsive1-image" xlink:href="/b624c865.jpeg" x="10" y="10" width="369.40625" height="184.703125"/></g><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true" aria-owns="strong1"><g data-tag="strong" id="strong1" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif" font-size="18px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="30" y="229.703125" textLength="307.390625" lengthAdjust="spacingAndGlyphs">El proceso de creación de &apos;El sueño</tspan><tspan xml:space="preserve" x="30" y="250.703125" textLength="269.6875" lengthAdjust="spacingAndGlyphs">de Sigena&apos; a Heraldo de Aragón</tspan></text></g></g></a></g></g><mask id="mask-for-page-top1"><rect width="393" height="852" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="page-top" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-page-top1)" aria-owns="all1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"><g data-tag="div" id="all1" class="all box box2" data-z-index="auto" data-stacking-context="true" aria-owns="a1 id13"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="783.953125" height="351" x="10" y="10" fill="rgb(255, 255, 255)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="id13" class="collapse panel-collapse" data-z-index="9999" data-stacking-context="true" aria-owns="hr1 br1 p2 p3 date-box1"><g data-tag="hr" id="hr1" data-z-index="auto" data-stacking-context="true" role="separator" mask="url(#mask-for-hr11)"><mask id="mask-for-hr11"><rect width="0" height="0" x="0" y="0" fill="#ffffff"/></mask></g><g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true"/><g data-tag="p" id="p3" data-z-index="auto" data-stacking-context="true" aria-owns="btn1"><a href="https://www.heraldo.es/multimedia/imagenes/ocio-y-cultura/fotos-proceso-creacion-pelicula-documental-el-sueno-de-sigena/" target="_blank" data-tag="a" id="btn1" class="btn btn-default page-scroll" data-z-index="auto" data-stacking-context="true" role="link"/></g><g data-tag="div" id="date-box1" class="date-box text-center" data-z-index="auto" data-stacking-context="true" aria-owns="h61"><g data-tag="h6" id="h61" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="6"/></g></g></g><a href="/17aff8c6-chopped-79-page-composite.html#id13" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-controls="id13" aria-expanded="false" aria-owns="img-responsive1 p1"><g data-tag="img" id="img-responsive1" class="img-responsive" data-z-index="auto" data-stacking-context="true" opacity="0.8" mask="url(#mask-for-img-responsive11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-img-responsive11"><rect width="600" height="300" x="10" y="10" fill="#ffffff"/></mask><image id="img-responsive1-image" xlink:href="/b624c865.jpeg" x="10" y="10" width="600" height="300"/></g><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true" aria-owns="strong1"><g data-tag="strong" id="strong1" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif" font-size="18px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="30" y="345" textLength="582.0625" lengthAdjust="spacingAndGlyphs">El proceso de creación de &apos;El sueño de Sigena&apos; a Heraldo de Aragón</tspan></text></g></g></a></g></g><mask id="mask-for-page-top1"><rect width="834" height="1210" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="page-top" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-page-top1)" aria-owns="all1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"><g data-tag="div" id="all1" class="all box box2" data-z-index="auto" data-stacking-context="true" aria-owns="a1 id13"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="265" height="300" x="10" y="10" fill="rgb(255, 255, 255)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="id13" class="collapse panel-collapse" data-z-index="9999" data-stacking-context="true" aria-owns="hr1 br1 p2 p3 date-box1"><g data-tag="hr" id="hr1" data-z-index="auto" data-stacking-context="true" role="separator" mask="url(#mask-for-hr11)"><mask id="mask-for-hr11"><rect width="0" height="0" x="0" y="0" fill="#ffffff"/></mask></g><g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true"/><g data-tag="p" id="p3" data-z-index="auto" data-stacking-context="true" aria-owns="btn1"><a href="https://www.heraldo.es/multimedia/imagenes/ocio-y-cultura/fotos-proceso-creacion-pelicula-documental-el-sueno-de-sigena/" target="_blank" data-tag="a" id="btn1" class="btn btn-default page-scroll" data-z-index="auto" data-stacking-context="true" role="link"/></g><g data-tag="div" id="date-box1" class="date-box text-center" data-z-index="auto" data-stacking-context="true" aria-owns="h61"><g data-tag="h6" id="h61" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="6"/></g></g></g><a href="/17aff8c6-chopped-79-page-composite.html#id13" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-controls="id13" aria-expanded="false" aria-owns="img-responsive1 p1"><g data-tag="img" id="img-responsive1" class="img-responsive" data-z-index="auto" data-stacking-context="true" opacity="0.8" mask="url(#mask-for-img-responsive11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-img-responsive11"><rect width="265" height="132.5" x="10" y="10" fill="#ffffff"/></mask><image id="img-responsive1-image" xlink:href="/b624c865.jpeg" x="10" y="10" width="265" height="132.5"/></g><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true" aria-owns="strong1"><g data-tag="strong" id="strong1" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif" font-size="18px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="30" y="177.5" textLength="223.09375" lengthAdjust="spacingAndGlyphs">El proceso de creación de</tspan><tspan xml:space="preserve" x="30" y="198.5" textLength="188.625" lengthAdjust="spacingAndGlyphs">&apos;El sueño de Sigena&apos; a</tspan><tspan xml:space="preserve" x="30" y="219.5" textLength="160.359375" lengthAdjust="spacingAndGlyphs">Heraldo de Aragón</tspan></text></g></g></a></g></g><mask id="mask-for-page-top1"><rect width="1440" height="900" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body id="page-top"><div class="all box box2" style="min-height: 300px;"><a href="#id13" aria-controls="id13" aria-expanded="false" data-toggle="collapse"><img alt="" class="img-responsive" src="http://localhost:3000/b624c865.jpeg"><p><strong>El proceso de creación de 'El sueño de Sigena' a Heraldo de Aragón</strong></p></a><div class="collapse panel-collapse" id="id13"><hr><br><p style="padding: 0 20px;"></p><p style="padding: 0 20px;"><a href="https://www.heraldo.es/multimedia/imagenes/ocio-y-cultura/fotos-proceso-creacion-pelicula-documental-el-sueno-de-sigena/" class="btn btn-default page-scroll" target="_blank">+ INFO</a></p><div class="date-box text-center"><h6>29.10.2021</h6></div></div></div></body>

<style>

@-webkit-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
	}
	8% {
		opacity: 1;
		-webkit-transform: scale(1.02);
		-webkit-animation-timing-function: ease-out;
	}
	17% {
		opacity: 1;
		-webkit-transform: scale(1.04);
	}
	25% {
		opacity: 0;
		-webkit-transform: scale(1.04);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-moz-animation-timing-function: ease-in;
	}
	8% {
		opacity: 1;
		-moz-transform: scale(1.02);
		-moz-animation-timing-function: ease-out;
	}
	17% {
		opacity: 1;
		-moz-transform: scale(1.04);
	}
	25% {
		opacity: 0;
		-moz-transform: scale(1.04);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-o-animation-timing-function: ease-in;
	}
	8% {
		opacity: 1;
		-o-transform: scale(1.02);
		-o-animation-timing-function: ease-out;
	}
	17% {
		opacity: 1;
		-o-transform: scale(1.04);
	}
	25% {
		opacity: 0;
		-o-transform: scale(1.04);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-ms-animation-timing-function: ease-in;
	}
	8% {
		opacity: 1;
		-ms-transform: scale(1.02);
		-ms-animation-timing-function: ease-out;
	}
	17% {
		opacity: 1;
		-ms-transform: scale(1.04);
	}
	25% {
		opacity: 0;
		-ms-transform: scale(1.04);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
		opacity: 0;
		animation-timing-function: ease-in;
	}
	8% {
		opacity: 1;
		transform: scale(1.02);
		animation-timing-function: ease-out;
	}
	17% {
		opacity: 1;
		transform: scale(1.04);
	}
	25% {
		opacity: 0;
		transform: scale(1.04);
	}
	100% { opacity: 0 }
}






@-webkit-keyframes titleAnimation { 
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px);
	}
	8% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
		opacity: 0;
		-webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
		opacity: 0;
		-moz-transform: translateY(200px);
	}
	8% {
		opacity: 1;
		-moz-transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
		opacity: 0;
		-moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
		opacity: 0;
		-o-transform: translateY(200px);
	}
	8% {
		opacity: 1;
		-o-transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
		opacity: 0;
		-o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
		opacity: 0;
		-ms-transform: translateY(200px);
	}
	8% {
		opacity: 1;
		-ms-transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
		opacity: 0;
		-webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
		opacity: 0;
		transform: translateY(200px);
	}
	8% {
		opacity: 1;
		transform: translateY(0px);
	}
	17% {
		opacity: 1;
		transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
		opacity: 0;
		transform: scale(10);
	}
	100% { opacity: 0 }
}body{margin:0}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}img{border:0}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}@media print{*,:before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}img{max-width:100%!important}p{orphans:3;widows:3}}@font-face{font-family:'Glyphicons Halflings';src:url(https://www.elsuenodesigena.com/fonts/glyphicons-halflings-regular.eot);src:url(https://www.elsuenodesigena.com/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(https://www.elsuenodesigena.com/fonts/glyphicons-halflings-regular.woff) format('woff'),url(https://www.elsuenodesigena.com/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(https://www.elsuenodesigena.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}h6,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h6,.h6{margin-top:10px;margin-bottom:10px}h6,.h6{font-size:12px}p{margin:0 0 10px}.text-center{text-align:center}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active{background-image:none}.collapse{display:none;visibility:hidden}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-viewport{width:device-width}



 body {
    overflow-x: hidden;
    font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
    font-size: 18px;
    line-height: 28px;
}

a,
a:hover,
a:focus,
a:active {
    outline: 0;
}

a {
    color: #222222;
}

a:hover,
a:focus,
a:active {
    color: #222222;
}


h6 {
    text-transform: uppercase;
    
    font-weight: 700;
}

.btn:focus,
.btn:active,
.btn:active:focus {
    outline: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #222222;
}

::selection {
    text-shadow: none;
    background: #222222;
    color: #FFFFFF;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222222;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}




.box {

width: 265px;
background: #fff;
padding: 0px;
margin: 10px;
float: left;

box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.26);


}

.box hr{
    margin: 0;
    padding: 0;
}

.box:hover{
    box-shadow: 0 17px 30px 0 rgba(0, 0, 0, 0.19), 0 5px 15px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}
.box a{
    color: #000;
    text-decoration: none;

}

.box p{
    padding: 15px 20px 5px 20px;
    line-height: 23px;
}
.box .btn{
    margin-top: 10px;
}

.box strong{
    line-height: 21px;
}
.box .date-box{
    position: relative;
    padding: 10px 15px;
    color: #bbb;
    bottom: 0px;
    margin-top: 15px;
    width: 265px;
    height: 35px;
    background-color: #f1f1f1;
    text-transform: uppercase;
    border-bottom: 0px solid #000000;
}

.box .date-box h6{

    font-weight: 300;
    margin:0;
}

.box .panel-collapse{
    background-color: #fff;
    z-index: 9999;
}

    .box img{
        opacity: 0.8;
    }
    .box img:hover{
        opacity: 1;
        box-shadow: 0 17px 30px 0 rgba(0, 0, 0, 0.19), 0 5px 15px 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    

    .box{
        background-color: #000;
    }

    .box2{
        background-color: #fff !important;
    }


    .date-box h6{
        padding: 0;
        line-height: 16px;
        color: #555;
        font-size: 16px;
    }


    @media (max-width: 960px){

    .box {
        width: 94%;
    }
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}


@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zAkA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rAkA.ttf) format('truetype');
}
            

</style>