<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="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="p1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="837" x="0" y="0" fill="rgb(247, 248, 250)"/></g><mask id="mask-for-body11"><rect width="393" height="837" x="0" y="0" fill="#ffffff"/></mask><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true"><text color="rgb(51, 51, 51)" dominant-baseline="text-after-edge" font-family="&quot;Titillium Web&quot;" font-size="15px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(51, 51, 51)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(51, 51, 51)"><tspan xml:space="preserve" x="0" y="19" textLength="378.28125" lengthAdjust="spacingAndGlyphs">Responsive video embeds with max width and float options, as</tspan><tspan xml:space="preserve" x="0" y="41.5" textLength="347.828125" lengthAdjust="spacingAndGlyphs">well as full container styles on the video-responsive class.</tspan><tspan xml:space="preserve" x="0" y="64" textLength="348.3125" lengthAdjust="spacingAndGlyphs">Display videos in your descriptions, blog posts, or custom</tspan><tspan xml:space="preserve" x="0" y="86.5" textLength="330.734375" lengthAdjust="spacingAndGlyphs">modules anywhere on the page. Just wrap the iframe in</tspan><tspan xml:space="preserve" x="0" y="109" textLength="375.3125" lengthAdjust="spacingAndGlyphs">additional div elements with the required classes and you have</tspan><tspan xml:space="preserve" x="0" y="131.5" textLength="210.796875" lengthAdjust="spacingAndGlyphs">full control over your video layout.</tspan></text></g><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="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="p1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1195" x="0" y="0" fill="rgb(247, 248, 250)"/></g><mask id="mask-for-body11"><rect width="834" height="1195" x="0" y="0" fill="#ffffff"/></mask><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true"><text color="rgb(51, 51, 51)" dominant-baseline="text-after-edge" font-family="&quot;Titillium Web&quot;" font-size="15px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(51, 51, 51)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(51, 51, 51)"><tspan xml:space="preserve" x="0" y="19" textLength="823.1875" lengthAdjust="spacingAndGlyphs">Responsive video embeds with max width and float options, as well as full container styles on the video-responsive class. Display videos</tspan><tspan xml:space="preserve" x="0" y="41.5" textLength="785.6875" lengthAdjust="spacingAndGlyphs">in your descriptions, blog posts, or custom modules anywhere on the page. Just wrap the iframe in additional div elements with the</tspan><tspan xml:space="preserve" x="0" y="64" textLength="393.640625" lengthAdjust="spacingAndGlyphs">required classes and you have full control over your video layout.</tspan></text></g><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="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="p1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="885" x="0" y="0" fill="rgb(247, 248, 250)"/></g><mask id="mask-for-body11"><rect width="1440" height="885" x="0" y="0" fill="#ffffff"/></mask><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true"><text color="rgb(51, 51, 51)" dominant-baseline="text-after-edge" font-family="&quot;Titillium Web&quot;" font-size="15px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(51, 51, 51)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(51, 51, 51)"><tspan xml:space="preserve" x="0" y="19" textLength="1416.40625" lengthAdjust="spacingAndGlyphs">Responsive video embeds with max width and float options, as well as full container styles on the video-responsive class. Display videos in your descriptions, blog posts, or custom modules anywhere on the page. Just wrap the iframe in</tspan><tspan xml:space="preserve" x="0" y="41.5" textLength="589.84375" lengthAdjust="spacingAndGlyphs">additional div elements with the required classes and you have full control over your video layout.</tspan></text></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><p>Responsive video embeds with max width and float options, as well as full container styles on the video-responsive class. Display videos in your descriptions, blog posts, or custom modules anywhere on the page. Just wrap the iframe in additional div elements with the required classes and you have full control over your video layout.</p></body>

<style>

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBA5Xk.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v17/NaPecZTIAOhVxoMyOr9n_E7fdM3mCA.ttf) format('truetype');
}body{margin:0}video{display:inline-block;vertical-align:baseline}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}p{orphans:3;widows:3}}@font-face{font-family:'Glyphicons Halflings';src:url(http://www.estanicci.com/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.eot);src:url(http://www.estanicci.com/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(http://www.estanicci.com/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(http://www.estanicci.com/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'),url(http://www.estanicci.com/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(http://www.estanicci.com/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-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}p{margin:0 0 10px}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}@-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}}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.container:after,.container:before{display:table;content:" "}.container:after{clear:both}@-ms-viewport{width:device-width}

@font-face{font-family:'FontAwesome';src:url('http://www.estanicci.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('http://www.estanicci.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('http://www.estanicci.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('http://www.estanicci.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('http://www.estanicci.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('http://www.estanicci.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}


@font-face {
  font-family: 'icomoon';
  src:
    url('http://www.estanicci.com/catalog/view/theme/journal3/icons/fonts/icomoon.ttf?gzj9ot') format('truetype'),
    url('http://www.estanicci.com/catalog/view/theme/journal3/icons/fonts/icomoon.woff?gzj9ot') format('woff'),
    url('http://www.estanicci.com/catalog/view/theme/journal3/icons/fonts/icomoon.svg?gzj9ot#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}@font-face{font-family:lg;src:url(http://www.estanicci.com/catalog/view/theme/journal3/lib/lightgallery/fonts/lg.eot?n1z373);src:url(http://www.estanicci.com/catalog/view/theme/journal3/lib/lightgallery/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(http://www.estanicci.com/catalog/view/theme/journal3/lib/lightgallery/fonts/lg.woff?n1z373) format("woff"),url(http://www.estanicci.com/catalog/view/theme/journal3/lib/lightgallery/fonts/lg.ttf?n1z373) format("truetype"),url(http://www.estanicci.com/catalog/view/theme/journal3/lib/lightgallery/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@charset "UTF-8";




body {
  overflow-x: hidden; }





::before,
::after {
  position: relative;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400; }

p {
  margin: 0; }

@-webkit-keyframes fa-rotate {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes fa-rotate {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }


.video-responsive {
  -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
          break-inside: avoid;
  width: 100%;
  position: relative; }

iframe {
  max-width: 100%;
  border: none; }




@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0) scale(0.95);
            transform: translate3d(0, -5px, 0) scale(0.95); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0) scale(0.95);
            transform: translate3d(0, -5px, 0) scale(0.95); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes scale-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0.85);
            transform: translate3d(0, 0, 0) scale(0.85); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes scale-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0.85);
            transform: translate3d(0, 0, 0) scale(0.85); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes slide-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }



@-webkit-keyframes overlay {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes overlay {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }body{background:rgba(247, 248, 250, 1);font-family:'Titillium Web';font-weight:400;font-size:15px;color:rgba(51,51,51,1);line-height:1.5;-webkit-font-smoothing:antialiased}body
p{font-size:15px;margin-bottom:15px}body .video-responsive{max-width:520px;margin-bottom:15px}

</style>