@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,*::before,*::after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:none}.flocont:after{content:".";display:block;height:0;clear:both;visibility:hidden}.flocont{display:inline-block}.flocont{display:block}.flocont:after{content:".";display:block;height:0;clear:both;visibility:hidden}.flocont{display:inline-block}.flocont{display:block}body{color:#666;font-weight:300;font-family:"open sans", helvetica, sans-serif}h1,h2,h3,h4,h5{font-family:'Lato', sans-serif;color:#4a4a4a;font-weight:300}h1{font-size:36px;line-height:36px}h2{font-size:22px;line-height:24px}@media only screen and (min-width: 320px){#header{height:80px;background-color:#fff;position:relative}#header .content{width:238px;margin:auto}#header .content #logo-icon{float:left}#header .content #logo-icon img{margin-top:15px;width:50px;height:auto;border-radius:17.544%;cursor:pointer}#header .content #logo-1 img{margin-top:21px;margin-left:20px;float:left;width:auto;height:40px;cursor:pointer}#footer{margin-top:40px;background-color:#000}#footer .content{margin:auto;padding:0 50px;color:#fff;text-align:center;line-height:60px;font-size:14px}#section-1{background-image:url(../img/section-1.png);background-size:cover;background-position:49% 50%;background-repeat:no-repeat no-repeat}#section-1 article{padding:20px 0;color:#fff;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.2)}#section-1 article .section-1-img{width:320px;margin:auto;display:block;margin-bottom:20px}#section-1 article h1{color:#fff;font-weight:bold}#section-1 article h1 span{display:inline-block;padding-top:12px;padding-bottom:24px;font-weight:300;font-style:normal}#section-1 article .description{line-height:1.45;padding:0 20px;margin-bottom:20px}#section-2{text-align:center}#section-2 article{padding:20px 0}#section-2 article h1{margin-bottom:40px}#section-2 article ul li{width:100%;padding-bottom:40px}#section-2 article ul li .tuto{width:320px;margin:auto}#section-2 article ul li h2{font-size:22px;line-height:24px;margin-bottom:12px}#section-2 article ul li .content{font-size:16px;line-height:23px}#section-2 article ul li .content strong.red{color:#cb1420;font-weight:300}#section-2 article .step{width:320px;height:628px;background:url(../img/step.png);background-size:320px 628px;position:relative}#section-2 article .step .step-content{background-size:256px 455px;position:absolute;top:77px;left:33px;width:256px;height:455px;background-color:#000;overflow:hidden}#section-2 article .step .step-content.step-content-1{background-image:url(../img/step01.png)}#section-2 article .step .step-content.step-content-2{background-image:url(../img/step02.png)}#section-2 article .step .step-content.step-content-3{background-image:url(../img/step03.png)}#section-2 article .step .step-content.step-content-4{background-image:url(../img/step03.png)}#contact article{padding:20px 0}#contact article h1{text-align:center}#contact article .contact-text{text-align:center;padding:20px;font-size:16px;line-height:23px}#contact article form{width:340px;margin:auto}#contact article form .input{width:100%;line-height:20px;padding:8px;border-radius:3px;border:1px solid #ccc;box-shadow:none;font-size:14px;font-weight:100;font-style:normal;margin-bottom:12px;color:#666}#contact article form .submit{display:inline-block;text-decoration:none;text-align:center;width:100%;background-color:#cb1420;border-left-color:#cb1420;border-right-color:#cb1420;border:0;border-radius:3px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin-top:10px;padding:10px 32px;-webkit-tap-highlight-color:transparent}#section-4 article{margin-top:20px;padding:20px 0;text-align:center}#section-4 article p{font-size:14px;line-height:20px;padding-bottom:12px}#section-4 article a{color:#cb1420;text-decoration:none}}@media only screen and (min-width: 768px){#section-1 article{padding:40px 0;width:656px;margin:auto}#section-1 article .section-1-img{float:left;width:269px}#section-1 article .content{float:right;width:calc(100% - 269px - 20px)}#section-2 article{padding:40px 0}#section-2 article ul{width:656px;margin:auto}#section-2 article ul li{float:left;width:50%;height:810px}}@media only screen and (min-width: 992px){#section-1 article{width:944px}#section-1 article .section-1-img{width:387px}#section-1 article .content{width:calc(100% - 387px - 20px)}#section-1 article .content .download a:hover{opacity:0.8}#section-2 article{padding:40px 0}#section-2 article ul{width:944px;margin:auto}#section-2 article ul li{float:left;width:25%;height:inherit}#section-2 article ul li h2{width:236px}#section-2 article ul li .content{width:236px;padding:0 12px}#section-2 article .step{width:236px;height:463px;background:url(../img/step.png);background-size:236px 463px;position:relative}#section-2 article .step .step-content{background-size:189px 335px;top:57px;left:24px;width:189px;height:335px;background-color:#000}}