@import url(//fonts.googleapis.com/css?family=Exo+2:400,700,500,300);@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);@import url(//fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);.wrapper{max-width:90%;position:relative;float:left;display:block}.home{position:relative;width:auto;height:auto;margin:15px}.beforeAfterSlidebar{max-width:80%;position:relative;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3)}@media all and (max-width:960px){.beforeAfterSlidebar{max-width:95%}}.beforeAfterSlidebar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.beforeAfterSlidebar img{position:absolute;top:0;display:block;max-width:100%;height:auto}.bottomImage,.topImage{position:absolute;top:0;left:0;max-width:100%;height:auto;overflow:hidden}.bottomImage img,.topImage img{max-width:100%;height:auto}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:40}.twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}.beforeAfterSlidebar:hover .labelC{opacity:.5}.beforeAfterSlidebar:hover .tooltipRed{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.labelC{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;opacity:1;color:#fff;font-size:1.5em;position:absolute;bottom:0;margin:10px;padding:5px 10px;font-family:Montserrat,"helvetica neue",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:400}.before{background:rgba(46,64,78,.8);left:0}.after{background:#eb6a5a;right:0}.container-fluid{padding:0}.infos{max-width:80%;background:#EB6A5A;height:70px;margin:0 auto;color:#fff;overflow:hidden;position:relative}@media all and (max-width:960px){.infos{max-width:95%}}.infos .colBefore{font-family:Montserrat;text-align:center;font-size:1.5em;height:100%;width:100%;padding:0 20px;background:#2e404e;-webkit-transition:all 4s ease-in-out;transition:all 4s ease-in-out;float:left;position:relative;z-index:2}.infos .colBefore small{font-size:.7em}.infos .colBefore #bf{position:relative;float:left;line-height:100%;padding:13px 0;width:35%}.infos .colBefore #af{position:relative;float:left;display:none;line-height:100%;padding:13px 0;width:35%}.infos .colBefore #fl{font-size:3em;line-height:70px;float:left;width:20%;margin:0;display:none}@media all and (max-width:960px){.infos .colBefore{font-size:1em}.infos .colBefore #bf,.infos .colBefore #af{padding:20px 0}}.infos .fileSize{font-family:Lato;font-size:1em;font-weight:400}.infos .percent{text-align:center;line-height:70px;z-index:2;font-size:2em;font-family:Lato;text-align:left;font-weight:400;width:100%;padding-left:10%;position:absolute;left:100%;opacity:0;-webkit-transition:all 4s ease-in-out;transition:all 4s ease-in-out}@media all and (max-width:960px){.infos .percent{font-size:1.5em}}.underInfos{position:relative;max-width:80%;margin:30px auto}@media all and (max-width:960px){.underInfos{max-width:100%}}.tryIt{width:50%;height:70px;margin:0 auto;position:relative;padding:0;border:2px #eb6a5a solid;cursor:pointer;font-family:Montserrat,"helvetica neue",helvetica,arial,sans-serif;font-size:1.5em;text-transform:uppercase;-webkit-transition:color .4s,background-color .4s;transition:color .4s,background-color .4s;vertical-align:middle;outline:0;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tryIt a{color:#EB6A5A;display:block;line-height:70px}.tryIt:hover,.tryIt:focus{-webkit-transition:color .4s,background-color .4s;transition:color .4s,background-color .4s;text-decoration:none;background-color:#EB6A5A}.tryIt:hover a,.tryIt:focus a{color:#fff;text-decoration:none}.tooltipRed{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-animation:slideIn .8s forwards;animation:slideIn .8s forwards;-webkit-animation-delay:2s;animation-delay:2s;z-index:20;background:#eb6a5a;color:#fff;border:2px solid #eb6a5a;-webkit-box-shadow:0 5px 2px rgba(0,0,0,.3);box-shadow:0 5px 2px rgba(0,0,0,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto 20px;max-width:300px;padding:15px 15px 15px 25px;position:absolute;left:51%;top:-15%}.tooltipRed:before{border-top:10px solid transparent;border-right:10px solid #eb6a5a;border-bottom:10px solid transparent;border-left:10px solid transparent;content:"";cursor:pointer;display:block;height:0;width:0;margin-top:-10px;position:absolute;left:-20px;top:50%}@media all and (max-width:1440px){.tooltipRed{left:53%;top:-20%}}@-webkit-keyframes slideIn{100%{top:10%}}@keyframes slideIn{100%{top:10%}}@-webkit-keyframes slideOut{from{opacity:1}to{opacity:0}}@keyframes slideOut{from{opacity:1}to{opacity:0}}.containerForm{width:100%;position:relative;height:100%;float:left}.containerForm .infos{height:60px;max-width:60%!important}.containerForm .infos .percent{line-height:60px}@media all and (max-width:1400px){.containerForm .infos{max-width:80%!important;margin:15px auto!important}.containerForm #downloadZone{width:80%!important}.containerForm .result img{max-height:65vh!important}}.containerForm .colBefore{font-size:1.1em;padding:0 5px;min-width:22%}.containerForm .colBefore #bf,.containerForm .colBefore #af{line-height:20px;padding:10px 0}.containerForm .colBefore #bf .fileSize,.containerForm .colBefore #af .fileSize{font-size:1em}.containerForm .colBefore #bf{width:45%}.containerForm .colBefore #af{width:45%}.containerForm .colBefore #fl{line-height:60px;width:10%}.containerForm .labelC{font-size:inherit}.containerForm #fileupload{width:100%;float:left;margin-top:20px;position:relative}.containerForm #fileupload .zone{background:#fff;width:90%;height:500px;margin:25px auto;position:relative;border:5px dashed gray;text-align:center;color:gray;z-index:20;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 .25em 0 rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 .25em 0 rgba(0,0,0,.25)}.containerForm #fileupload .zone .btnCompression .active{background:#EB6A5A;color:#fff}.containerForm #fileupload .zone i{text-align:center;font-size:10em;color:#EB6A5A;margin-top:50px}.containerForm #fileupload .zone .selectFile{height:50px;margin:20px auto;position:relative;width:200px}.containerForm #fileupload .zone label,.containerForm #fileupload .zone input{cursor:pointer;display:block;height:50px;left:0;position:absolute;top:0;width:100%;border-radius:5px}.containerForm #fileupload .zone label{background:#EB6A5A;color:#fff;display:inline-block;font-size:1.2em;line-height:50px;padding:0;text-align:center;white-space:nowrap;font-family:Lato;text-transform:uppercase;font-weight:400}.containerForm #fileupload .zone input[type=file]{opacity:0}.containerForm #fileupload .zone.in{color:#fff;border-color:#fff;background:-webkit-radial-gradient(center,ellipse,#eb6a5a 0,#c9402f 100%);background:radial-gradient(ellipse at center,#eb6a5a 0,#c9402f 100%)}.containerForm #fileupload .zone.in i{color:#fff}.containerForm #fileupload .zone.in label{background:#fff;color:#EB6A5A}.containerForm #fileupload .zone.hover{color:#fff;border-color:#fff;background:-webkit-radial-gradient(center,ellipse,#eb6a5a 0,#c9402f 100%);background:radial-gradient(ellipse at center,#eb6a5a 0,#c9402f 100%)}.containerForm #fileupload .zone.hover i{color:#fff}.containerForm #fileupload .zone.hover label{background:#fff;color:#EB6A5A}.containerForm #fileupload .zone.fade{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:1}.containerForm #fileupload .progression{display:block;position:absolute;top:300px;left:5%;width:90%;height:50px;margin:0 auto;background:gray}.containerForm #fileupload .progression .progress{height:50px;background:gray;border-radius:0}.containerForm #fileupload .progression .progress-bar{background:#eb6a5a;font-size:1.1em;line-height:50px}.containerForm #fileupload .files{position:relative;width:100%;margin:0 auto}.containerForm #fileupload .files .fileError{width:50%;background:#bf4444;color:#fff;height:50px;margin:0 auto;text-align:center;line-height:50px;font-size:1.2em}.containerForm #fileupload .files .result{position:relative;width:100%;float:left;height:100%}.containerForm #fileupload .files .result .beforeAfterSlidebar,.containerForm #fileupload .files .result .infos{max-width:100%}.containerForm #fileupload .files .result .infos{max-width:100%;margin:20px auto}.containerForm #fileupload .files .result .infos .percent{position:static;width:100%;text-align:center}.containerForm #fileupload .files .result img{max-height:70vh;max-width:100%}.containerForm #fileupload .files #downloadZone{width:60%;margin:0 auto;position:relative;display:block;height:100%}.containerForm #fileupload .files #downloadZone #containerDownloaders{width:60%;float:left}.containerForm #fileupload .files #downloadZone #containerDownloaders .download{background:#EB6A5A;color:#fff;display:block;font-size:1.2em;line-height:60px;padding:0;text-align:center;white-space:nowrap;font-family:Lato;font-weight:700;width:100%;height:60px;margin:0;float:left;border-bottom:1px solid #adadad}.containerForm #fileupload .files #downloadZone #containerDownloaders .download a{color:#fff;display:block;text-align:center;text-transform:uppercase}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive{width:50%;height:60px;margin:0;clear:left;position:relative;overflow:hidden;background:#292929;float:left;border-right:1px solid #adadad}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive .topDrive{background:#292929;position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;padding:10px;z-index:10;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-transform:uppercase}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive .topDrive p{line-height:40px;display:block;float:left}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive .topDrive span{line-height:30px;margin:0 40px 0 0;float:left}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive .topDrive span img{vertical-align:middle}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive .btnDrive{position:absolute;top:0;left:0;z-index:1;padding:15px 60px}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodrive:hover .topDrive{left:170px}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox{width:50%;height:60px;float:left;position:relative;overflow:hidden;background:#007EE6}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox .topDrop{background:#007EE6;position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;padding:10px;z-index:10;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-transform:uppercase}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox .topDrop p{line-height:40px;display:block;float:left}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox .topDrop span{line-height:30px;margin:0 30px 0 0;float:left}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox .topDrop span img{vertical-align:middle}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox #btnDrop{position:absolute;top:0;left:0;z-index:1;padding:20px 40px}.containerForm #fileupload .files #downloadZone #containerDownloaders #savetodropbox:hover .topDrop{left:175px}.containerForm #fileupload .files #downloadZone #tryAgain{width:40%;height:120px;float:left;background:#2E404E;padding:20px 10px;-webkit-transition:all .3s linear;transition:all .3s linear;border-left:1px solid #adadad}.containerForm #fileupload .files #downloadZone #tryAgain a{display:block;color:#fff;text-align:center}.containerForm #fileupload .files #downloadZone #tryAgain a:hover{text-decoration:none}.containerForm #fileupload .files #downloadZone #tryAgain a i{display:block;width:100%;font-size:3em;text-align:center;padding:5px 0}.containerForm #fileupload .files #downloadZone #tryAgain:hover{background:#EB6A5A}.containerForm #fileupload .files #downloadZone #like{width:100%;text-align:center;display:inline-block;margin:20px auto}.containerForm #fileupload .files #downloadZone #like a{border-bottom:1px #428bca dotted}.containerForm #fileupload .files #downloadZone #like a:hover{border-bottom:1px #428bca solid;text-decoration:none}.fa-fw{width:1.8em;text-align:center}.nav,.pagination,.carousel,.panel-title a{cursor:pointer}body,*{margin:0;padding:0}body{background:#ebeff2;font-family:'Exo 2',sans-serif;color:#fff}h1{font-size:1.2em;margin-top:15px;text-align:center}h2{font-size:1.2em;margin-top:15px}h4{font-size:1em}.inner{margin:15px 0;background-color:rgba(0,0,0,.15);padding:1.25em;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 .25em 0 rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 .25em 0 rgba(0,0,0,.25)}#sidebar-wrapper{color:#fff;background:#2e404e;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:350px;height:100%;padding:15px}@media all and (max-width:1440px){#sidebar-wrapper .social{text-align:center;margin:10px auto 0;position:absolute;bottom:25px;width:320px}#sidebar-wrapper .social p{visibility:hidden}#sidebar-wrapper .social .share a{font-size:1em;padding:0;line-height:30px;display:inline-block;border-radius:0;min-width:25%;margin:0;background-size:30px;background-repeat:no-repeat;background-color:rgba(0,0,0,.5);height:30px}#sidebar-wrapper .social .share a:hover{height:100px}#sidebar-wrapper .social .share a:hover:before{opacity:0}#sidebar-wrapper .credits{bottom:6px}}@media all and (max-height:1000px){#sidebar-wrapper #description{margin:20px 0}#sidebar-wrapper #description hr{margin:5px 0}#sidebar-wrapper #description h2{margin-top:25px}#sidebar-wrapper #description h4{margin-bottom:25px}#sidebar-wrapper #description .inner{margin:40px 0;padding:13px}#sidebar-wrapper #description .inner p{margin:0}}@media all and (max-width:960px){#sidebar-wrapper{width:100%;height:auto;position:relative;padding:0}#sidebar-wrapper #sidebar:after{content:"";display:table;clear:both}#sidebar-wrapper #title img{margin:0 10px}#sidebar-wrapper #description{margin:0!important;float:left;width:32%}#sidebar-wrapper #description h1{margin-top:5px}#sidebar-wrapper #description h4{margin-bottom:0!important}#sidebar-wrapper #sidebar #title{margin:0;background:#eb6a5a;float:left;display:inline-block;text-align:center}#sidebar-wrapper .social,#sidebar-wrapper .credits,#sidebar-wrapper #description .inner{display:none!important}}#sidebar-wrapper #sidebar hr{margin:15px 0;content:'';border-top:solid 1px;border-bottom:solid 1px;border-color:#171E29;border-color:rgba(0,0,0,.25);-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,.075),0 1px 0 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.075),0 1px 0 0 rgba(255,255,255,.075);display:block}#sidebar-wrapper #sidebar #title{margin:0;background:#eb6a5a}#sidebar-wrapper #sidebar #title img{margin-left:10px}#sidebar-wrapper #sidebar #description{font-weight:500;text-shadow:0 1px 1px #000;margin:50px 0}#sidebar-wrapper #sidebar #description h2,#sidebar-wrapper #sidebar #description h4{text-align:center}#sidebar-wrapper #sidebar #description .inner{margin:50px 0}#sidebar-wrapper #sidebar #description .inner p{text-align:justify;line-height:1.5em}@media all and (max-width:1440px){#sidebar-wrapper #sidebar #description{margin:5px 0}#sidebar-wrapper #sidebar #description hr{margin:5px 0}#sidebar-wrapper #sidebar #description h2{margin-top:25px}#sidebar-wrapper #sidebar #description h4{margin-bottom:25px}#sidebar-wrapper #sidebar #description .inner{margin:15px 0;padding:13px}#sidebar-wrapper #sidebar #description .inner p{margin:0}}#sidebar-wrapper #sidebar .social{text-align:center;margin:10px auto;position:absolute;bottom:20px;width:320px}#sidebar-wrapper #sidebar .social a{display:inline-block;overflow:hidden;opacity:1;width:2em;line-height:2em;margin:0 .2em;color:#FFF;font-size:2em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:50%}#sidebar-wrapper #sidebar .social p{-webkit-transition:all .2s;transition:all .2s;position:relative;text-align:center;width:87%;margin:0 auto}#sidebar-wrapper #sidebar .social .share{width:100%}#sidebar-wrapper #sidebar .social .share a span{font-weight:700;display:block;color:#fff;text-align:center;width:63px;margin-left:17px}#sidebar-wrapper #sidebar .social .share a{position:relative;font-size:1em;text-decoration:none;padding:0;line-height:38px;display:inline-block;border-radius:0;min-width:25%;margin:7px;background-size:38px;background-repeat:no-repeat;background-color:rgba(0,0,0,.5);height:38px}#sidebar-wrapper #sidebar .social .share a:hover{height:140px}#sidebar-wrapper #sidebar .social .share a:hover .expendShare{opacity:1}#sidebar-wrapper #sidebar .social .share a .expendShare{-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;opacity:0;width:80px;height:95px;position:absolute;bottom:0;left:0;display:block;z-index:5}#sidebar-wrapper #sidebar .social .btnTw:hover{background-color:#2DAAE1;height:120px}#sidebar-wrapper #sidebar .social .btnTw:before{content:"\f099";font-family:FontAwesome;position:absolute;left:10px;top:0;font-size:1.5em}#sidebar-wrapper #sidebar .social .btnFb:hover{background-color:#3B5998;height:120px}#sidebar-wrapper #sidebar .social .btnFb:before{content:"\f09a";font-family:FontAwesome;position:absolute;left:10px;top:0;font-size:1.5em}#sidebar-wrapper #sidebar .social .btnGo:hover{background-color:#DD4B39;height:120px}#sidebar-wrapper #sidebar .social .btnGo:before{content:"\f0d5";font-family:FontAwesome;position:absolute;left:10px;top:0;font-size:1.5em}#sidebar-wrapper #sidebar .credits{position:absolute;bottom:10px;left:0;text-align:center;width:100%;color:inherit;font-size:.9em}#sidebar-wrapper #sidebar .credits p{display:inline;margin-right:20px}#sidebar-wrapper #sidebar .credits a{display:inline;color:inherit;text-decoration:underline}#main-wrapper{position:relative;color:#4d4d4d;background:#ebeff2;margin-left:350px}@media all and (max-width:960px){#main-wrapper{width:100%;margin-left:0;position:relative}}#main .page{height:auto;float:left;background:#EEE;width:100%}.ng-cloak{display:none}.containerAbout{font-family:Lato;font-size:1.2em}.containerAbout .headerAbout{display:block;margin:0 0 10px 30px;letter-spacing:6px;float:left;text-align:left}.containerAbout .headerAbout h1{text-align:left;font-size:2em}.containerAbout ul{margin-left:20px}.containerAbout .overlay-close{position:absolute;right:20px;top:-10px;overflow:hidden;border:0;background:0 0;outline:0;cursor:pointer;z-index:100;font-size:5em;font-family:inherit;font-weight:300;color:inherit}.containerAbout .about{padding:0 30px;position:relative;float:left;width:95%;text-align:justify}.containerAbout .about h2{margin:0 0 15px;font-weight:700}.containerAbout .about a{color:#EB6A5A;font-weight:700}.containerAbout .about .donate{margin:5px auto;width:45%}.containerAbout .about .donate .flattr,.containerAbout .about .donate .gittip,.containerAbout .about .donate .paypal{display:inline-block;margin:5px 20px}.containerAbout .about .donate .gittip a{color:#2e404e}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}#main .page.test.ng-enter{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#main .page.test.ng-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#main .page.test.ng-enter{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}#main .page.test.ng-leave{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.twentytwenty-handle:before,.twentytwenty-handle:after{content:" ";display:block;width:3px;background:#fff;height:9999px;position:absolute;left:50%;margin-left:-1.5px;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5)}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{-webkit-transition-duration:.5s;transition-duration:.5s}.twentytwenty-before-label,.twentytwenty-after-label{-webkit-transition-property:opacity;transition-property:opacity}.twentytwenty-before-label:before,.twentytwenty-after-label:before{color:#fff;font-size:13px;letter-spacing:.1em}.twentytwenty-before-label:before,.twentytwenty-after-label:before{background:rgba(255,255,255,.2);position:absolute;top:50%;margin-top:-19px;line-height:38px;padding:0 20px;border-radius:2px}.twentytwenty-left-arrow,.twentytwenty-right-arrow{width:0;height:0;border:6px inset transparent;position:absolute;top:50%;margin-top:-6px}.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none}.twentytwenty-container img{position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0}.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:"Before";left:10px}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:"After";right:10px}.twentytwenty-overlay{-webkit-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25}.twentytwenty-overlay:hover{background:rgba(0,0,0,.5)}.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:40}.twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}