@font-face {font-family: 'iconfont';src: url('fonts/iconfont.eot?penqtf');src: url('fonts/iconfont.eot?penqtf#iefix') format('embedded-opentype'), url('fonts/iconfont.ttf?penqtf') format('truetype'), url('fonts/iconfont.woff?penqtf') format('woff'), url('fonts/iconfont.svg?penqtf#iconfont') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'iconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-image:before {content: "\e900";}.icon-box-add:before {content: "\e901";}.icon-github:before {content: "\e902";}.icon-rotate-right:before {content: "\f01e";}.icon-rotate-left:before {content: "\f0e2";}::selection{background:#52a0c7;color:#fff}::-moz-selection{background:#52a0c7;color:#fff}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}body{color:#555;font-size:16px;font-family:Lato,sans-serif}a{color:#52a0c7;-webkit-transition:color 0.25s;-moz-transition:color 0.25s;-o-transition:color 0.25s;-ms-transition:color 0.25s;transition:color 0.25s;text-decoration:none;}a:hover{color:#41809f}pre{padding:5px 10px;border:1px solid #eee;}pre:last-child{margin-bottom:0}pre code{background:transparent !important;}pre code.html{position:relative;}pre code.html:after{content:'HTML';position:absolute;top:8px;right:8px;color:#eee;font-style:italic;font-family:Lato,sans-serif;line-height:1;-webkit-transition:color 0.25s;-moz-transition:color 0.25s;-o-transition:color 0.25s;-ms-transition:color 0.25s;transition:color 0.25s}pre code.html:hover:after{color:#888}pre code.css{position:relative;}pre code.css:after{content:'CSS';position:absolute;top:8px;right:8px;color:#eee;font-style:italic;font-family:Lato,sans-serif;line-height:1;-webkit-transition:color 0.25s;-moz-transition:color 0.25s;-o-transition:color 0.25s;-ms-transition:color 0.25s;transition:color 0.25s}pre code.css:hover:after{color:#888}pre code.javascript{position:relative;}pre code.javascript:after{content:'JavaScript';position:absolute;top:8px;right:8px;color:#eee;font-style:italic;font-family:Lato,sans-serif;line-height:1;-webkit-transition:color 0.25s;-moz-transition:color 0.25s;-o-transition:color 0.25s;-ms-transition:color 0.25s;transition:color 0.25s}pre code.javascript:hover:after{color:#888}.spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.spinner > .spinner-dot{width:15px;height:15px;background:rgba(85,85,85,0.5);-webkit-border-radius:50%;border-radius:50%;display:inline-block;margin:0 5px;-webkit-animation:bounce 1.4s infinite ease-in-out;-moz-animation:bounce 1.4s infinite ease-in-out;-o-animation:bounce 1.4s infinite ease-in-out;-ms-animation:bounce 1.4s infinite ease-in-out;animation:bounce 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;}.spinner > .spinner-dot:nth-child(1){-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;-o-animation-delay:-.32s;-ms-animation-delay:-.32s;animation-delay:-.32s}.spinner > .spinner-dot:nth-child(2){-webkit-animation-delay:-.16s;-moz-animation-delay:-.16s;-o-animation-delay:-.16s;-ms-animation-delay:-.16s;animation-delay:-.16s}.splash .cropit-preview-background,.demos .demo-wrapper .cropit-preview-background{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.splash .cropit-preview,.demos .demo-wrapper .cropit-preview{position:relative;}.splash .cropit-preview .spinner,.demos .demo-wrapper .cropit-preview .spinner{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s}.splash .cropit-preview.cropit-image-loading .spinner,.demos .demo-wrapper .cropit-preview.cropit-image-loading .spinner{opacity:1;-ms-filter:none;filter:none}.splash .cropit-preview.cropit-image-loaded .cropit-preview-image-container,.demos .demo-wrapper .cropit-preview.cropit-image-loaded .cropit-preview-image-container{cursor:move}.splash .cropit-preview .error-msg,.demos .demo-wrapper .cropit-preview .error-msg{position:absolute;top:0;left:0;width:100%;padding:10px 20px;color:#fff;background:rgba(210,65,72,0.8);line-height:1.5;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;-o-transition:opacity 0.25s;-ms-transition:opacity 0.25s;transition:opacity 0.25s}.splash .cropit-preview.has-error .error-msg,.demos .demo-wrapper .cropit-preview.has-error .error-msg{opacity:1;-ms-filter:none;filter:none}.splash .controls-wrapper,.demos .demo-wrapper .controls-wrapper{position:relative;}.splash .controls-wrapper .rotation-btns,.demos .demo-wrapper .controls-wrapper .rotation-btns,.splash .controls-wrapper .slider-wrapper,.demos .demo-wrapper .controls-wrapper .slider-wrapper{display:inline-block}.splash .controls-wrapper .rotation-btns,.demos .demo-wrapper .controls-wrapper .rotation-btns{font-size:16px;margin-right:40px;}.splash .controls-wrapper .rotation-btns *,.demos .demo-wrapper .controls-wrapper .rotation-btns *{vertical-align:middle}.splash .controls-wrapper .rotation-btns .icon:first-child,.demos .demo-wrapper .controls-wrapper .rotation-btns .icon:first-child{margin-right:20px}.splash .controls-wrapper .rotation-btns .icon,.demos .demo-wrapper .controls-wrapper .rotation-btns .icon{-webkit-transition:color 0.25s;-moz-transition:color 0.25s;-o-transition:color 0.25s;-ms-transition:color 0.25s;transition:color 0.25s;cursor:pointer;}.splash .controls-wrapper .rotation-btns .icon:hover,.demos .demo-wrapper .controls-wrapper .rotation-btns .icon:hover{color:#888}.splash .controls-wrapper .slider-wrapper,.demos .demo-wrapper .controls-wrapper .slider-wrapper{-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;-o-transition:opacity 0.25s;-ms-transition:opacity 0.25s;transition:opacity 0.25s;}.splash .controls-wrapper .slider-wrapper.disabled,.demos .demo-wrapper .controls-wrapper .slider-wrapper.disabled{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.splash .controls-wrapper .slider-wrapper *,.demos .demo-wrapper .controls-wrapper .slider-wrapper *{vertical-align:middle}.splash .controls-wrapper .slider-wrapper .small-image,.demos .demo-wrapper .controls-wrapper .slider-wrapper .small-image{font-size:16px}.splash .controls-wrapper .slider-wrapper .large-image,.demos .demo-wrapper .controls-wrapper .slider-wrapper .large-image{font-size:24px}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input{width:130px;margin:0 20px;}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:#eee;-webkit-border-radius:5px;border-radius:5px;outline:none;}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-track,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:#eee;-webkit-border-radius:5px;border-radius:5px;outline:none}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-webkit-slider-thumb,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:#888;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:background 0.25s;-moz-transition:background 0.25s;-o-transition:background 0.25s;-ms-transition:background 0.25s;transition:background 0.25s;}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-webkit-slider-thumb:hover,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-webkit-slider-thumb:hover,.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-webkit-slider-thumb:active,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-webkit-slider-thumb:active{background:#bbb}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:#888;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:background 0.25s;-moz-transition:background 0.25s;-o-transition:background 0.25s;-ms-transition:background 0.25s;transition:background 0.25s;}.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb:hover,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb:hover,.splash .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb:active,.demos .demo-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb:active{background:#bbb}.splash .btns .cropit-image-input.custom,.demos .demo-wrapper .btns .cropit-image-input.custom{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px}.splash .btns .btn .icon,.demos .demo-wrapper .btns .btn .icon{margin-right:10px}.splash .btns .select-image-btn,.demos .demo-wrapper .btns .select-image-btn{background:#52a0c7;color:#fff;padding:5px 10px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-block;position:relative;-webkit-box-shadow:0 2px #3784aa;box-shadow:0 2px #3784aa;}.splash .btns .select-image-btn:active,.demos .demo-wrapper .btns .select-image-btn:active{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.splash .btns .download-btn,.demos .demo-wrapper .btns .download-btn{background:#cf754f;color:#fff;padding:5px 10px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-block;position:relative;-webkit-box-shadow:0 2px #b45831;box-shadow:0 2px #b45831;}.splash .btns .download-btn:active,.demos .demo-wrapper .btns .download-btn:active{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.splash{height:100%;min-height:640px;padding-top:70px;padding-bottom:70px;position:relative;}.splash .title-wrapper{position:absolute;top:0;left:0;width:100%;height:70px;background:#fcfcfc;border-bottom:1px solid #eee;text-align:center;line-height:70px;}.splash .title-wrapper .title,.splash .title-wrapper .tagline,.splash .title-wrapper .github-link{display:inline;}.splash .title-wrapper .title:nth-child(n+2),.splash .title-wrapper .tagline:nth-child(n+2),.splash .title-wrapper .github-link:nth-child(n+2){margin-left:20px}.splash .title-wrapper .title{font-size:40px;margin:0;font-style:italic}.splash .title-wrapper .tagline{font-size:20px;font-weight:300}.splash .title-wrapper .github-link .icon{margin-right:5px}.splash .demo-wrapper{height:100%;position:relative;overflow:hidden;}.splash .demo-wrapper .preview-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.splash .demo-wrapper .preview-wrapper .cropit-preview{width:450px;height:450px;border:1px solid #eee}.splash .demo-wrapper .preview-wrapper .controls-wrapper{margin-top:20px;text-align:center}.splash .btns-wrapper{position:absolute;bottom:0;left:0;width:100%;height:70px;background:#fcfcfc;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center;padding:20px;}.splash .btns-wrapper .download-btn{margin-left:20px}section{padding:60px 0;}section h3{font-style:italic}section .container{width:840px;margin:0 auto;}section .container > .title{margin:0 0 20px}section .container > .content p,section .container > .content ul{line-height:1.5}section .container > .content p:last-child,section .container > .content ul:last-child{margin-bottom:0}section .sub-section{padding:40px 0;overflow:hidden;border-bottom:1px solid #eee;}section .sub-section:nth-child(2){padding-top:0}section .sub-section:last-child{padding-bottom:0;border-bottom:none}section.getting-started{background:#fcfcfc;border-top:1px solid #eee;border-bottom:1px solid #eee}section.demos .demo-wrapper{overflow:hidden;}section.demos .demo-wrapper > .container .demo{zoom:1;}section.demos .demo-wrapper > .container .demo:before,section.demos .demo-wrapper > .container .demo:after{content:"";display:table}section.demos .demo-wrapper > .container .demo:after{clear:both}section.demos .demo-wrapper > .container .demo .column{float:left;}section.demos .demo-wrapper > .container .demo .column:nth-child(1){width:600px;padding-right:40px;}section.demos .demo-wrapper > .container .demo .column:nth-child(1) .cropit-preview{width:560px;height:176px;border:1px solid #eee}section.demos .demo-wrapper > .container .demo .column:nth-child(1) .controls-wrapper{margin-top:20px;text-align:center}section.demos .demo-wrapper > .container .demo .column:nth-child(2){width:240px;}section.demos .demo-wrapper > .container .demo .column:nth-child(2) .cropit-image-input:not(.custom){display:block;width:100%}section.demos .demo-wrapper > .container .demo .column:nth-child(2) .btn{display:block;}section.demos .demo-wrapper > .container .demo .column:nth-child(2) .btn.download-btn{margin-top:10px}section.demos .demo-wrapper > .container .code > .html,section.demos .demo-wrapper > .container .code > .javascript,section.demos .demo-wrapper > .container .code > .css{margin-top:20px;}section.demos .demo-wrapper > .container .code > .html pre,section.demos .demo-wrapper > .container .code > .javascript pre,section.demos .demo-wrapper > .container .code > .css pre{background:#fff;position:relative}section.docs{background:#fcfcfc;border-top:1px solid #eee;border-bottom:1px solid #eee;}section.docs .options .option{margin:30px 0;}section.docs .options .option:last-child{margin-bottom:0}section.docs .options .option .name,section.docs .options .option .type{display:inline-block}section.docs .options .option .name{color:#cf754f;font-family:monospace;font-size:20px}section.docs .options .option .type{margin-left:20px;color:#888;font-style:italic}section.docs .options .option .description,section.docs .options .option .default,section.docs .options .option .param{margin-top:10px;line-height:1.5}section.docs .options .option .default:before{content:'Default:';margin-right:10px;color:#888;font-style:italic}section.docs .options .option .param:before{content:'@param';margin-right:10px;color:#888;font-style:italic}section.docs .options .option .param p{display:inline}footer{padding:60px 0;text-align:center;font-weight:300;}footer p{margin:0}footer p:first-child{margin-bottom:20px}footer a{margin:0 10px;}footer a .icon{margin-right:5px}footer,footer a{color:#bbb}footer:hover,footer:hover a{color:#888}@-moz-keyframes bounce{0%,80%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce{0%,80%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes bounce{0%,80%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,80%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}