body{min-width:1000px}section{padding:40px 0;text-align:center}h1{margin:0 0 40px;padding:0}h2{font-size:25px;margin:0}.super{font-size:20px}.section-width{width:80%;margin:auto}.preserve3d{backface-visibility:hidden;perspective:1000;-webkit-backface-visibility:hidden;-webkit-perspective:1000}section#html5-intro{width:100%;overflow:hidden;height:1950px;padding:0;position:relative}section#html5-intro .html5-specs{position:absolute;top:40px;left:25px;z-index:100}section#html5-intro .html5-specs .specs-button{padding:15px 30px;background-color:#02afe1;color:#fff;font-size:18px;border-radius:2px}section#html5-intro .html5-intro-share{position:absolute;top:20px;right:20px;z-index:100}section#html5-intro .html5-intro-share>div{float:left;padding:5px}section#html5-intro .html5-intro-top{color:#fff;position:relative;height:1510px;max-width:2000px}section#html5-intro .html5-intro-top .htmlIsHere{position:relative;margin-top:100px}section#html5-intro .html5-intro-top .html5-intro-overlay{background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute}section#html5-intro .html5-intro-top .html5-intro-ads{background:url('http://g.delfi.lv/reklama/i/html5/html5bg.jpg') repeat center top;width:100%;height:3000px;position:absolute}section#html5-intro .html5-intro-top .html5-sunburst{position:absolute;margin-top:600px;left:50%;margin-left:-2000px}section#html5-intro .html5-intro-top .html5-sunburst .html5-outer{-webkit-animation-name:rotate1;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate1;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear}section#html5-intro .html5-intro-top .html5-sunburst b{display:block;width:0;height:0;border-width:180px 2000px;margin:-360px 0 0;border-color:transparent #fff;opacity:.05;border-style:solid}section#html5-intro .html5-intro-top h1{font-family:"Roboto",sans-serif;font-size:124px;font-weight:600;line-height:104px;margin:0}section#html5-intro .html5-intro-top h2{font-family:"Roboto",sans-serif;font-size:36px;font-weight:200;line-height:60px;margin:0}section#html5-intro .html5-intro-riga-top{height:765px;text-align:center;position:relative;top:-480px}section#html5-intro .html5-intro-riga-top img{vertical-align:top}section#html5-intro .html5-intro-riga-top .html5-about{position:absolute;top:300px;width:350px;left:20%;background:rgba(0,0,0,0.7);color:#fff;margin-left:-150px;margin-top:200px;padding:40px;font-family:"Roboto",sans-serif;font-size:20px;font-weight:300;text-align:left;line-height:26px}section#html5-intro .html5-intro-riga-top .html5-about h1{margin:0}section#html5-intro .html5-intro-riga-top .html5-about .html5-warn{display:none;background:#e77373;font-family:"Roboto Condensed",sans-serif;padding:15px}section#html5-intro .html5-intro-riga-top .html5-about a{color:#fff;font-weight:700}section#html5-pros{width:100%;background:#2455bc}section#html5-pros h1{color:#fff}section#html5-pros .pros-items{width:80%;margin:auto}section#html5-pros .pros-items .pros-item{width:25%;float:left;font-size:20px;color:#fff;line-height:42px}section#html5-pros .pros-items .pros-item .pros-item-desc{font-size:14px;line-height:24px;color:#9cbcff}section#html5-vs-flash{background:#f2f2f2}section#html5-vs-flash h1,section#html5-vs-flash h2{width:80%;margin:auto}section#html5-vs-flash .banner-items{margin:auto;width:820px}section#html5-vs-flash .banner-items .banner-item{width:350px;float:left;font-size:20px;padding:30px}section#html5-vs-flash .banner-items .banner-item .banner-item-embed{width:350px;height:350px;background:#e0e0e0;margin:auto}section#html5-vs-flash .banner-text{font-size:18px;color:#5a5a5a;background:url('http://g.delfi.lv/reklama/i/html5/warn.png') no-repeat center left #e0e0e0;padding:25px 25px 25px 55px;line-height:70px;border-left:20px solid #e0e0e0}section#html5-editors{width:100%;background:#2455bc;color:#fff}section#html5-editors h2{font-size:30px}section#html5-editors .editors{width:80%;margin:auto}section#html5-creative{width:100%}section#html5-creative h1,section#html5-creative h2{width:80%;margin:auto;text-align:left}section#html5-creative .creative-items{width:80%;margin:auto;margin:30px auto}section#html5-creative .creative-items .creative-item{display:inline-block;margin:10px}section#html5-creative .creative-items .creative-item .creative{background:#ffcc28;font-family:"Roboto Condensed",sans-serif;font-size:45px;color:#1d1f21}section#html5-creative .creative-items .creative-item .creative span{display:inline-block;vertical-align:middle;line-height:55px}section#html5-creative .creative-items .creative-item .creative-left{float:left}section#html5-creative .creative-items .creative-item .creative-left .creative-preview{background:url('http://g.delfi.lv/reklama/i/html5/eye.gif') no-repeat center left;padding-left:26px;font-size:14px;color:#b3b3b3;cursor:pointer;line-height:25px}section#html5-creative .creative-items .creative-item .creative-left .creative-preview .creative-price{font-size:40px;float:left;line-height:40px;color:#1d1f21;font-style:normal}section#html5-creative .creative-items .creative-item .creative-button{background:#1d1f21;width:100px;height:40px;color:#fff;border:none;font-family:"Roboto",sans-serif;font-size:20px;font-weight:100;float:right;margin-top:20px}section#html5-creative .creative-text{width:80%;margin:auto;font-family:"Roboto Condensed",sans-serif;text-align:left;font-size:25px;line-height:45px}section#html5-creative .creative-text .creative-icon-time{background:url('http://g.delfi.lv/reklama/i/html5/icon-time.gif') no-repeat left center;padding-left:45px;margin-left:5px}section#html5-creative .creative-text .creative-icon-bulb{background:url('http://g.delfi.lv/reklama/i/html5/icon-bulb.gif') no-repeat left center;padding-left:50px}section#html5-specs{width:100%;background:#f2f2f2;overflow:hidden;position:relative}section#html5-specs .specs-wrap{width:80%;margin:auto}section#html5-specs .specs-wrap .specs-left{float:left;display:inline-block;width:60%}section#html5-specs .specs-wrap .specs-left h1{text-align:left;margin-bottom:30px}section#html5-specs .specs-wrap .specs-left h1 a{padding:10px 20px;background-color:#02afe1;color:#fff;vertical-align:middle;font-size:14px;font-family:"Roboto",sans-serif;display:inline-block}section#html5-specs .specs-wrap .specs-left h2{text-align:left}section#html5-specs .specs-wrap .specs-left h3{font-size:22px;text-align:left;font-weight:400}section#html5-specs .specs-wrap .specs-left .specs-items{text-align:left;margin-bottom:20px}section#html5-specs .specs-wrap .specs-left .specs-items li{font-size:20px;font-weight:300;line-height:34px}section#html5-specs .specs-wrap .specs-left .specs-text{font-size:15px;text-align:left;line-height:29px;color:#969696;margin:0;padding-top:10px}section#html5-specs .specs-wrap .specs-right{width:40%;position:absolute;right:0;top:0;height:100%;text-align:right;overflow:hidden}section#html5-edge-example{width:100%;background:#ffe096;background:-moz-radial-gradient(center,ellipse cover,#ffe096 0%,#ffc928 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#ffe096),color-stop(100%,#ffc928));background:-webkit-radial-gradient(center,ellipse cover,#ffe096 0%,#ffc928 100%);background:-o-radial-gradient(center,ellipse cover,#ffe096 0%,#ffc928 100%);background:-ms-radial-gradient(center,ellipse cover,#ffe096 0%,#ffc928 100%);background:radial-gradient(ellipse at center,#ffe096 0%,#ffc928 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe096',endColorstr='#ffc928',GradientType=1);position:relative}section#html5-edge-example .example-wrap{width:80%;margin:auto}section#html5-edge-example .example-wrap h1{margin-bottom:30px}section#html5-edge-example .example-wrap ul{text-align:left}section#html5-edge-example .example-wrap ul li{font-size:20px;font-weight:300;line-height:34px}section#html5-edge-example .example-wrap p{font-size:20px;font-weight:300;line-height:34px}section#html5-more .more-button{font-family:"Roboto",sans-serif;background-color:#02afe1;color:#fff;margin:30px 20px;font-size:24px;height:64px;display:inline-block;line-height:63px;padding:0 40px;font-weight:300;border-radius:3px;border:none;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;-ms-transition:all 400ms linear;-kthtml-transition:all 400ms linear;transition:all 400ms linear;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:pointer}section#html5-more .more-button:hover{-webkit-box-shadow:0 0 13px 0 rgba(0,0,0,0.5);box-shadow:0 0 13px 0 rgba(0,0,0,0.5)}@-webkit-keyframes rotate1{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(20deg)}}@-moz-keyframes rotate1{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(20deg)}}.html5-sunburst b:nth-child(0){-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}.html5-sunburst b:nth-child(1){-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg)}.html5-sunburst b:nth-child(2){-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg)}.html5-sunburst b:nth-child(3){-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg)}.html5-sunburst b:nth-child(4){-webkit-transform:rotate(80deg);-moz-transform:rotate(80deg)}.html5-sunburst b:nth-child(5){-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg)}.html5-sunburst b:nth-child(6){-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg)}.html5-sunburst b:nth-child(7){-webkit-transform:rotate(140deg);-moz-transform:rotate(140deg)}.html5-sunburst b:nth-child(8){-webkit-transform:rotate(160deg);-moz-transform:rotate(160deg)}.html5-sunburst b:nth-child(9){-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}.container{position:relative;overflow:hidden;width:100%;height:100%}.noscroll .container{overflow-y:hidden}.slider{position:relative;z-index:200;width:840px;margin:0 auto;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.slide{position:absolute;top:0;visibility:hidden;width:100%;opacity:0}.slide--current{position:relative;z-index:100;visibility:visible;opacity:1}.slide__mover{position:relative;z-index:100}.slide__title{font-size:1.75em;font-weight:400;margin:0 auto;padding-bottom:15px}.slide__title span{font-size:55%;font-weight:700;display:block;letter-spacing:2px;text-transform:uppercase;color:#608eef}.slider__nav{bottom:2em;width:100%;text-align:center}.html5editors-button{font-size:1.31em;position:relative;display:inline-block;overflow:hidden;margin:0 25px;padding:0;cursor:pointer;color:#5c5edc;border:none;background:none}.html5editors-button:focus{outline:none}.html5editors-button-left,.html5editors-button-right{position:absolute;top:50%;left:50%;margin-left:-480px;margin-top:-130px;width:0;height:120px;background:#fff;z-index:20;transition:all 500ms ease-out;border:0;padding:0;outline:none}.html5editors-button-left:after{content:"";border-top:50px solid transparent;border-bottom:50px solid transparent;border-right:32px solid #2455bc;position:absolute;right:-40px;top:10px}.html5editors-button-right:after{content:"";border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:32px solid #2455bc;position:absolute;right:-32px;top:10px}.html5editors-button-left:before{content:"";border-top:60px solid transparent;border-bottom:60px solid transparent;border-right:40px solid #fff;position:absolute;right:-40px;top:0}.html5editors-button-right:before{content:"";border-top:60px solid transparent;border-bottom:60px solid transparent;border-left:40px solid #fff;position:absolute;right:-40px;top:0}.html5editors-button-right{margin-left:446px}.html5editors-button-left:hover,.html5editors-button-right:hover{transform:scale(1.1)}.text-hidden{position:absolute;top:200%}.content--open{opacity:1;background:#fff;color:#000;font-size:16px;padding:8px 15px}.zoomer{position:relative;height:700px}.flex-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.zoomer__image{display:block;margin:0;-webkit-flex:none;-ms-flex:none;flex:none}.zoomer__area,.preview{position:absolute;top:40px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:756px;height:427px}.editor-preview-image:hover{transform:scale(1.1)}.zoomer__area:focus{outline:none}.zoomer__area--size-1{width:96px;height:118px}.zoomer__area--size-2{width:112px;height:198px}.zoomer__area--size-3{width:315px;height:200px}.zoomer__area--size-4{width:150px;height:200px}.zoomer__area--size-5{width:315px;height:189px}.preview{overflow:hidden;background:#18191b}.preview img{display:block;border-radius:inherit;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);cursor:help}.zoomer--active .preview img{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.rounded{border-radius:15px}.rounded-right{border-radius:0 15px 15px 0}.preview__content{position:absolute;top:0;left:100%;width:100%;height:100%;border-radius:inherit}.content{position:fixed;z-index:1000;top:0;left:-100%;overflow:hidden;width:100%;height:100vh;background:#18191b}.content--open{left:0}.content__item{position:absolute;top:0;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;height:0;min-height:100%;margin:0 auto;padding:2em 0;pointer-events:none;opacity:0;color:#fff;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.content__item--current{pointer-events:auto;opacity:1}.content__item--reset{height:auto}.content h2{font-size:3.5em;font-weight:400;margin:0}.content h3{font-size:16px;font-weight:400;margin:.25em 0 .5em;color:#2455bc}.content p{font-size:1.25em;line-height:1.5}.content__item-img{display:block;max-width:60vw;max-height:120vh;-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0);-webkit-flex:none;-ms-flex:none;flex:none}.content__item--current .content__item-img{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.content__item-inner{padding:0 10vw 0;opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.button--close{position:absolute;top:20px;right:50px;margin:0}a.content__item-inner-href:link,a.content__item-inner-href:visited,.button--close{padding:10px 30px;border:1px solid #fff;border-radius:2px;color:#fff;transition:all .5s;font-size:16px}.content__item-inner-href:hover,.content__item-inner-href:visited:hover,.button--close:hover{background:#fff;color:#000}.content__item--current .content__item-inner{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.zoomer{-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}.zoomer.zoomer--notrans{-webkit-transition:none;transition:none}.zoomer__image{-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}.zoomer--active .zoomer__image{opacity:0;-webkit-transition-delay:0s;transition-delay:0s}.preview img{-webkit-transition:-webkit-transform .6s .3s;transition:transform .6s .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}.zoomer--active .preview img{-webkit-transition:-webkit-transform .3s;transition:transform .3s}.content{-webkit-transition:left 0s;transition:left 0s}.content__item{-webkit-transition:opacity 0s;transition:opacity 0s}.content,.content__item{-webkit-transition-delay:.3s;transition-delay:.3s}.content--open,.content__item--current{-webkit-transition:none;transition:none}.content__item-img{-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(0.7,1,0.8,1);transition-timing-function:cubic-bezier(0.7,1,0.8,1)}.content__item--current .content__item-img{-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);-webkit-transition-duration:1s;transition-duration:1s}.content__item-inner{-webkit-transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(0.7,1,0.8,1),ease;transition-timing-function:cubic-bezier(0.7,1,0.8,1),ease}.content__item--current .content__item-inner{-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1),ease;transition-timing-function:cubic-bezier(0.2,1,0.3,1),ease;-webkit-transition-duration:1.7s;transition-duration:1.7s}@media screen and (max-width:50em){.content__item{display:block}.content__item-img{max-width:calc(20%);max-height:70vh}.content h2{font-size:3em}.content__item-inner{font-size:82%;padding:4em 3em 2em}}