body{font-family:sans-serif;font-size:1em;color:#fff}h1{font-size:2em;font-weight:700}h2{font-size:1.6em;font-weight:700}p{font-size:1em;line-height:1.6em;margin-bottom:1.6em}li{line-height:1.6em}.koderapp{background-color:#8097AD}#header,#footer{position:fixed;height:80px;display:block;width:100%;z-index:9;color:#f2f2f2;padding:20px 0 0 0}#header .logo,#footer .logo{width:50px;float:left;margin-right:0.5rem}#header .logo-text,#footer .logo-text{width:100px}#header{top:0px;background:url("../img/bg-top-menu.png") top repeat-x}#footer{bottom:0px}.wrap{box-sizing:border-box;max-width:1200px;margin:0 auto}.box-logo{padding:1rem 0;display:flex;align-items:center;height:40px}.box-switch-device{display:flex;padding:1rem 0;height:40px}.box-switch-device a{font-size:.8em;font-weight:700;border:2px solid #fff;color:white;padding:10px 24px;cursor:pointer;float:left;text-decoration:none}.box-switch-device a:last-child{border-top-right-radius:30px;border-bottom-right-radius:30px}.box-switch-device a:not(:last-child){border-right:none;border-top-left-radius:30px;border-bottom-left-radius:30px}.box-switch-device a:hover{background-color:rgba(0,0,0,0.1)}.box-switch-device .active{background-color:#fff !important;color:#111}.box-switch-device:after{content:"";clear:both;display:table}.box-top-menu{display:flex;padding:1rem 0;align-items:center;height:40px}.box-top-menu .logo-apple{width:16px;float:left}.box-top-menu a{font-size:.8em;font-weight:700;margin:0 0.4em;color:#fff;text-decoration:none}.box-top-menu a:hover{text-decoration:underline}.section{padding:50px 0}#section-landing{background:url("../img/bg-home.png") #7F94AC no-repeat center center;height:540px;overflow:hidden;padding-top:120px}#section-landing .logo-home{width:200px}#section-landing .img-home{background:url("../img/home.png") no-repeat;background-size:contain;width:1024px;margin-bottom:-23em;height:768px}#section-landing .home-download-btn{margin-top:1em;background-color:rgba(0,0,0,0.1);display:inline-block;padding:0.8em 1em;border-radius:10px;text-decoration:none;transition:all 0.2s}#section-landing .home-download-btn div{display:flex;align-items:center;color:#fff}#section-landing .home-download-btn div img{width:32px;margin-right:10px}#section-landing .home-download-btn div div{display:block}#section-landing .home-download-btn div div .btn-title{font-size:1em;font-weight:700}#section-landing .home-download-btn div div .btn-desc{font-size:.8em}#section-landing .home-download-btn:hover{background-color:rgba(0,0,0,0.2);transform:scale(1.05)}#section-landing .explore-features{margin:2em 0;font-weight:700}#section-landing .explore-features a{color:#ffff;text-decoration:none}#section-landing .explore-features a .arrow-down{width:10px}#section-landing .explore-features a:hover{text-decoration:underline}#slide1{background:url("../img/bg-home.png") rgba(255,255,255,0.1) no-repeat center center}#slide1 a{color:#fff}#slide1 .logo-programming{width:100%;margin:30px 0}#slide2{background:rgba(0,0,0,0.2)}#slide2 .logo-dropbox{width:200px;margin-right:20px}#slide2 .logo-sftp{width:110px;margin-right:10px}#slide2 .logo-webdav{width:150px}.local-file-1-dark,.local-file-2-dark,.local-file-3-dark,.distraction-free-1-dark,.distraction-free-2-dark,.distraction-free-3-dark,.previewer-1-dark,.previewer-2-dark,.previewer-3-dark,.multitasking-1-dark,.multitasking-2-dark,.multitasking-3-dark,.file-op-1-dark,.file-op-2-dark,.file-op-3-dark{background-size:cover !important;background-position:top center !important;height:150px !important;background-color:#111 !important;border-radius:15px;cursor:pointer !important;width:100%;position:relative}.local-file-1-dark:after,.local-file-2-dark:after,.local-file-3-dark:after,.distraction-free-1-dark:after,.distraction-free-2-dark:after,.distraction-free-3-dark:after,.previewer-1-dark:after,.previewer-2-dark:after,.previewer-3-dark:after,.multitasking-1-dark:after,.multitasking-2-dark:after,.multitasking-3-dark:after,.file-op-1-dark:after,.file-op-2-dark:after,.file-op-3-dark:after{position:absolute;content:'';background:url("../img/icon-search.png") #fff no-repeat center;background-size:20px 20px;width:50px;height:50px;border-radius:50%;transform:translate(-50%, -50%);opacity:0;transition:all 0.2s ease;top:90px;left:50%;box-shadow:0 0 5px rgba(0,0,0,0.2)}.local-file-1-dark:hover:after,.local-file-2-dark:hover:after,.local-file-3-dark:hover:after,.distraction-free-1-dark:hover:after,.distraction-free-2-dark:hover:after,.distraction-free-3-dark:hover:after,.previewer-1-dark:hover:after,.previewer-2-dark:hover:after,.previewer-3-dark:hover:after,.multitasking-1-dark:hover:after,.multitasking-2-dark:hover:after,.multitasking-3-dark:hover:after,.file-op-1-dark:hover:after,.file-op-2-dark:hover:after,.file-op-3-dark:hover:after{opacity:1;top:70px;transition:all 0.2s ease}#slide3{background:url("../img/bg-home.png") rgba(255,255,255,0.01) no-repeat center center}#slide3 .local-files .local-file-1-dark{background:url("../img/ipad-local-file-1-dark.png") no-repeat}#slide3 .local-files .local-file-2-dark{background:url("../img/ipad-local-file-2-dark.png") no-repeat}#slide3 .local-files .local-file-3-dark{background:url("../img/ipad-local-file-3-dark.png") no-repeat}#slide4{background-color:#72869B}#slide4 .distraction-free .distraction-free-1-dark{background:url("../img/ipad-distraction-free-1-dark.png") no-repeat}#slide4 .distraction-free .distraction-free-2-dark{background:url("../img/ipad-distraction-free-2-dark.png") no-repeat}#slide4 .distraction-free .distraction-free-3-dark{background:url("../img/ipad-distraction-free-3-dark.png") no-repeat}#slide5{background:#657789}#slide5 .previewer .previewer-1-dark{background:url("../img/ipad-previewer-1-dark.png") no-repeat}#slide5 .previewer .previewer-2-dark{background:url("../img/ipad-previewer-2-dark.png") no-repeat}#slide5 .previewer .previewer-3-dark{background:url("../img/ipad-previewer-3-dark.png") no-repeat}#slide6{background:#8097AD}#slide6 .multitasking .multitasking-1-dark{background:url("../img/ipad-multitasking-1-dark.png") no-repeat}#slide6 .multitasking .multitasking-2-dark{background:url("../img/ipad-multitasking-2-dark.png") no-repeat}#slide6 .multitasking .multitasking-3-dark{background:url("../img/ipad-multitasking-3-dark.png") no-repeat}#slide7{background:#657889}#slide7 .file-op .file-op-1-dark{background:url("../img/ipad-file-op-1-dark.png") no-repeat}#slide7 .file-op .file-op-2-dark{background:url("../img/ipad-file-op-3-dark.png") no-repeat}#slide7 .file-op .file-op-3-dark{background:url("../img/ipad-file-op-2-dark.png") no-repeat}#slide7 .file-op-text{text-align:center;margin-top:-200px}#slide7 .file-op-text ul{margin:0;padding:0}#slide7 .file-op-text ul li{list-style:none}#section-support{background:url("../img/bg-home.png") #6A7B8D no-repeat center center;background-size:cover;text-align:center;color:#fff}#section-support .support-dark{width:200px}#section-support .supports{margin:0;padding:0}#section-support .supports li{display:inline-block;list-style:none}#section-support .supports li a{display:block;background-color:#0078CF;color:#fff;text-decoration:none;padding:8px 10px;border-radius:20px;cursor:pointer;font-weight:700}#section-support .supports li a:hover{background-color:#fff;color:#333}#section-testimonials{background:url("../img/bg-home.png") #9EAFC1 no-repeat center center;text-align:center}#section-testimonials .comment{line-height:1.2em}#section-testimonials .tns-controls button{display:inline-block;width:40px;height:40px;border-radius:50%;border:1px solid #fff;background:20px 20px;outline:none;cursor:pointer;background:url("../img/btn-next.png") no-repeat;background-position:15px center;background-size:auto 15px;margin-left:15px}#section-testimonials .tns-controls button:hover{background-color:rgba(0,0,0,0.1) !important}#section-testimonials .tns-controls button:first-child{background:url("../img/btn-prev.png") no-repeat;background-position:13px center;background-size:auto 15px;margin-left:-10px}#section-testimonials .tns-controls button:last-child{margin-left:5px}#section-testimonials .app-store-light{border:2px solid;display:inline-block;height:56px;width:56px;padding:1em;border-radius:50%}#section-testimonials .testimonial-slider{margin-top:30px;display:flex;padding:0}#section-testimonials .testimonial-slider .testimonial-item{background:#fff;border-radius:20px;padding:1.5em 1em;margin:0 0.5em 0 0;color:#333;text-align:left}#section-testimonials .testimonial-slider .testimonial-item .title{font-weight:700;padding:1em 0}#section-testimonials .testimonial-slider .testimonial-item .stars{width:120px}#section-testimonials .testimonial-slider .testimonial-item .meta{font-size:.8em;color:#999}#section-testimonials .testimonial-slider .testimonial-item .country{font-size:.8em;text-transform:uppercase;padding:1em 0;color:#999}.koder-switch{position:relative;width:83px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.koder-switch-checkbox{display:none}.koder-switch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,0.4);border-radius:36px}.koder-switch-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.3s ease-in 0s}.koder-switch-inner:before,.koder-switch-inner:after{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:13px;color:white;font-family:Trebuchet, Arial, sans-serif;font-weight:bold;box-sizing:border-box}.koder-switch-inner:before{content:"Dark";padding-right:40px;background-color:#0078CF;color:#fff;text-align:right}.koder-switch-inner:after{content:"Light";padding-right:10px;background-color:#57A026;color:#fff}.koder-switch-switch{display:block;width:30px;margin:0px;background:#FFFFFF;position:absolute;top:0;bottom:0;right:49px;border:2px solid rgba(0,0,0,0.6);border-radius:36px;transition:all 0.3s ease-in 0s}.koder-switch-checkbox:checked+.koder-switch-label .koder-switch-inner{margin-left:0}.koder-switch-checkbox:checked+.koder-switch-label .koder-switch-switch{right:0px}.light-mode #section-landing .img-home{background:url("../img/home-light.png") no-repeat !important;background-size:contain !important}.light-mode #slide3{background:url("../img/bg-home.png") rgba(255,255,255,0.01) no-repeat center center}.light-mode #slide3 .local-files .local-file-1-dark{background:url("../img/ipad-local-file-1-light.png") no-repeat}.light-mode #slide3 .local-files .local-file-2-dark{background:url("../img/ipad-local-file-2-light.png") no-repeat}.light-mode #slide3 .local-files .local-file-3-dark{background:url("../img/ipad-local-file-3-light.png") no-repeat}.light-mode #slide4{background-color:#72869B}.light-mode #slide4 .distraction-free .distraction-free-1-dark{background:url("../img/ipad-distraction-free-1-light.png") no-repeat}.light-mode #slide4 .distraction-free .distraction-free-2-dark{background:url("../img/ipad-distraction-free-2-light.png") no-repeat}.light-mode #slide4 .distraction-free .distraction-free-3-dark{background:url("../img/ipad-distraction-free-3-light.png") no-repeat}.light-mode #slide5{background:#657789}.light-mode #slide5 .previewer .previewer-1-dark{background:url("../img/ipad-previewer-1-light.png") no-repeat}.light-mode #slide5 .previewer .previewer-2-dark{background:url("../img/ipad-previewer-2-light.png") no-repeat}.light-mode #slide5 .previewer .previewer-3-dark{background:url("../img/ipad-previewer-3-light.png") no-repeat}.light-mode #slide6{background:#8097AD}.light-mode #slide6 .multitasking .multitasking-1-dark{background:url("../img/ipad-multitasking-1-light.png") no-repeat}.light-mode #slide6 .multitasking .multitasking-2-dark{background:url("../img/ipad-multitasking-2-light.png") no-repeat}.light-mode #slide6 .multitasking .multitasking-3-dark{background:url("../img/ipad-multitasking-3-light.png") no-repeat}.light-mode #slide7{background:#657889}.light-mode #slide7 .file-op .file-op-1-dark{background:url("../img/ipad-file-op-1-light.png") no-repeat}.light-mode #slide7 .file-op .file-op-2-dark{background:url("../img/ipad-file-op-3-light.png") no-repeat}.light-mode #slide7 .file-op .file-op-3-dark{background:url("../img/ipad-file-op-2-light.png") no-repeat}.light-mode #slide7 .file-op-text{text-align:center;margin-top:-200px}.light-mode #slide7 .file-op-text ul{margin:0;padding:0}.light-mode #slide7 .file-op-text ul li{list-style:none}@media only screen and (max-width: 48em){.box-top-menu{height:10px !important;text-align:center;padding:0 !important}.koderapp .local-file-1-dark,.koderapp .local-file-2-dark,.koderapp .local-file-3-dark,.koderapp .distraction-free-1-dark,.koderapp .distraction-free-2-dark,.koderapp .distraction-free-3-dark,.koderapp .previewer-1-dark,.koderapp .previewer-2-dark,.koderapp .previewer-3-dark,.koderapp .multitasking-1-dark,.koderapp .multitasking-2-dark,.koderapp .multitasking-3-dark,.koderapp .file-op-1-dark,.koderapp .file-op-2-dark,.koderapp .file-op-3-dark{height:240px !important}}@media only screen and (max-width: 40em){.hidden-xs{display:none}#section-landing .img-home{background:url("../img/home.png") no-repeat;background-size:contain;width:500px;margin-top:30px;margin-bottom:-43em;height:768px}.koderapp .local-file-1-dark,.koderapp .local-file-2-dark,.koderapp .local-file-3-dark,.koderapp .distraction-free-1-dark,.koderapp .distraction-free-2-dark,.koderapp .distraction-free-3-dark,.koderapp .previewer-1-dark,.koderapp .previewer-2-dark,.koderapp .previewer-3-dark,.koderapp .multitasking-1-dark,.koderapp .multitasking-2-dark,.koderapp .multitasking-3-dark,.koderapp .file-op-1-dark,.koderapp .file-op-2-dark,.koderapp .file-op-3-dark{height:180px !important}}