diff --git a/README.md b/README.md index 763a581..cdb6989 100644 --- a/README.md +++ b/README.md @@ -51,9 +51,9 @@ Kube supports the latest, stable releases of all major browsers: - Internet Explorer 11 ##Quick Start -- [Quick Start Guide](https://imperavi.com/kube/docs/quick-start/) — Setup in under a minute -- [Developing with Kube](https://imperavi.com/kube/docs/quick-start/#h-development) — Getting started with custom development -- [Theming](https://imperavi.com/kube/docs/quick-start/#h-theming) — Easily create custom styles and themes +- [Quick Start Guide](https://imperavi.com/kube/docs/started/) — Setup in under a minute +- [Developing with Kube](https://imperavi.com/kube/docs/started/#h-development) — Getting started with custom development +- [Theming](https://imperavi.com/kube/docs/started/#h-theming) — Easily create custom styles and themes ##License -You have our permission to use Kube in whatever projects you wish commercial, for sale, or otherwise, in whichever way you like. Official license information can be found in [LICENSE.md](LICENSE.md) (spoiler: it's the MIT License) +You have our permission to use Kube in whatever projects you wish commercial, for sale, or otherwise, in whichever way you like. Official license information can be find in [LICENSE.md](LICENSE.md) (spoiler: it's the MIT License) diff --git a/dist/css/kube.css b/dist/css/kube.css index c56fed9..9aba178 100755 --- a/dist/css/kube.css +++ b/dist/css/kube.css @@ -467,7 +467,7 @@ h6, font-size: 12px; line-height: 20px; text-transform: uppercase; - letter-spacing: .08em; } + letter-spacing: 0.05em; } p + h2, p + h3, @@ -834,9 +834,9 @@ sub { @media (max-width: 768px) { .row { margin-left: 0; } - .col, - [class^="col-"], - [class*=" col-"] { + .col:not(th):not(td), + [class^="col-"]:not(th):not(td), + [class*=" col-"]:not(th):not(td) { flex-basis: 100%; max-width: 100%; width: 100%; } @@ -866,6 +866,10 @@ th { td { vertical-align: top; } +tr.align-middle td, +td.align-middle { + vertical-align: middle; } + th, td { padding: 16px; @@ -1069,7 +1073,7 @@ select.big { margin-top: 4px; color: rgba(0, 0, 0, 0.5); font-size: 12px; - line-height: 20px; + line-height: 16px; font-weight: normal; } ul.desc { @@ -1138,9 +1142,9 @@ button, text-decoration: none; cursor: pointer; display: inline-block; - line-height: 38px; - height: 40px; - padding: 0 28px; + line-height: 1.125rem; + min-height: 40px; + padding: 10px 28px; border: 1px solid transparent; vertical-align: middle; -webkit-appearance: none; @@ -1148,12 +1152,15 @@ button, background-color: #eee; border-radius: 4px; } +input.button { + height: auto; } + button:hover, .button:hover { outline: none; color: rgba(0, 0, 0, 0.6); text-decoration: none; - box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1); } + box-shadow: inset 0 0 0 40px rgba(0, 0, 0, 0.125); } .button:disabled, .button.disabled { @@ -1182,17 +1189,15 @@ button:hover, .button.small { font-size: 12px; - line-height: 32px; - height: 32px; - padding: 0 20px; } + min-height: 32px; + padding: 6px 20px; } .button.small.upper { font-size: 10px; } .button.big { font-size: 18px; - line-height: 46px; - height: 48px; - padding: 0 48px; } + min-height: 48px; + padding: 14px 48px; } .button.big.upper { font-size: 13px; } @@ -1734,10 +1739,10 @@ h6 .label { background: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); border-radius: 8px; - overflow: auto; max-height: 300px; margin: 0; - padding: 0; } + padding: 0; + overflow: hidden; } .dropdown.dropdown-mobile { position: fixed; @@ -1752,6 +1757,9 @@ h6 .label { .dropdown .close { margin: 20px auto; } +.dropdown.open { + overflow: auto; } + .dropdown ul { list-style: none; margin: 0; } @@ -1881,6 +1889,9 @@ h6 .label { .visible { visibility: visible; } +.black { + color: #000; } + .muted { color: rgba(0, 0, 0, 0.5) !important; } diff --git a/dist/css/kube.min.css b/dist/css/kube.min.css index cba5194..6494785 100755 --- a/dist/css/kube.min.css +++ b/dist/css/kube.min.css @@ -1 +1 @@ -.no-scroll,.slideDown,.slideUp{overflow:hidden}body,h1,h1.title,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,sans-serif}*,pre code{background:0 0}.col,audio,img,video{max-width:100%}.h6,h6,legend{text-transform:uppercase}.alert a:hover,.tabs a:hover{-moz-transition:all linear .2s}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideUp{to{height:0;padding-top:0;padding-bottom:0}}@keyframes slideUp{to{height:0;padding-top:0;padding-bottom:0}}.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes slideDown{from{height:0;padding-top:0;padding-bottom:0}}@keyframes slideDown{from{height:0;padding-top:0;padding-bottom:0}}.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.rotate{-webkit-animation-name:rotate;animation-name:rotate}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}a:active,a:hover{outline:0}::-moz-focus-inner{border:0;padding:0}img,video{height:auto}input[type=radio],input[type=checkbox]{cursor:pointer;font-size:110%;position:relative;margin-right:3px;padding:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}body{line-height:24px;font-size:16px;color:#333;background-color:#fff}a{color:#255bbd}a:hover{color:#f34248}h1,h1.title,h2,h3,h4,h5,h6{font-weight:700;text-rendering:optimizeLegibility;color:#000;margin-bottom:12px}code,kbd,mark,pre,samp{border-radius:4px;color:rgba(0,0,0,.85)}h1.title{font-size:60px;line-height:64px}.h1,h1{font-size:48px;line-height:52px}.h2,h2{font-size:36px;line-height:40px}.h3,h3{font-size:24px;line-height:32px}.h4,.h5,h4,h5{line-height:24px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6,pre{line-height:20px}.h6,h6{font-size:12px;letter-spacing:.08em}blockquote+h2,blockquote+h3,blockquote+h4,blockquote+h5,blockquote+h6,dl+h2,dl+h3,dl+h4,dl+h5,dl+h6,figure+h2,figure+h3,figure+h4,figure+h5,figure+h6,form+h2,form+h3,form+h4,form+h5,form+h6,hr+h2,hr+h3,hr+h4,hr+h5,hr+h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h2,p+h3,p+h4,p+h5,p+h6,pre+h2,pre+h3,pre+h4,pre+h5,pre+h6,table+h2,table+h3,table+h4,table+h5,table+h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:32px}.subheading{margin-top:-8px;margin-bottom:8px;font-weight:300}dl dt,legend,th{font-weight:700}ol,ol ol,ol ul,ul,ul ol,ul ul{margin:0 0 0 24px}ol ol li{list-style-type:lower-alpha}ol ol ol li{list-style-type:lower-roman}nav ol,nav ul{margin:0;list-style:none}hr,table.bordered{margin-top:-1px}dd{margin-left:24px}address,blockquote,dl,fieldset,figure,form,hr,ol,p,pre,table,ul{margin-bottom:16px}hr{border-bottom:1px solid rgba(0,0,0,.1)}blockquote{padding-left:24px;border-left:2px solid rgba(0,0,0,.125);font-style:italic;color:rgba(0,0,0,.65)}code,kbd,pre,samp,var{font-family:Consolas,Monaco,"Courier New",monospace;font-size:14px}.button,button,fieldset,input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif}pre{background:#f8f8f8;padding:20px;overflow:none;white-space:pre-wrap}.small,cite,figcaption,small,time{font-size:12px;line-height:16px}legend,sub,sup{line-height:0;position:relative}cite{color:rgba(0,0,0,.5)}figcaption{font-style:italic;padding-top:4px;padding-bottom:4px}figure figcaption{position:relative;top:-4px}abbr[title],dfn[title]{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}code,kbd,mark,samp{padding:4px 8px 2px;display:inline-block;line-height:1}.row,.row.equal .col{display:-ms-flexbox;display:-webkit-flex}pre code{font-size:100%;white-space:pre;padding:0;line-height:24px}mark{background-color:#fed443}code{background:#f4f4f4}var{color:rgba(0,0,0,.6);font-style:normal}b,strong{line-height:1}samp{color:#fff;background:#5a89df}kbd{border:1px solid rgba(0,0,0,.1)}sub,sup{font-size:x-small;margin-left:4px}sup{top:-4px}sub{bottom:-2px}.row{display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-2.12766%}.row.centered{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.centered .col{padding-left:1.06383%;padding-right:1.06383%}.row.right{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.equal .col{display:flex}.row.equal .col>div{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1}.row.splice{margin-left:0}.row.splice .col{padding-left:0}.col{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-basis:0;flex-basis:0;padding-left:2.12766%}.col.first{order:-1}.col.last{order:1}.pull-right{margin-left:auto}.col-1{flex-basis:8.33333%;max-width:8.33333%;width:8.33333%}.col-2{flex-basis:16.66667%;max-width:16.66667%;width:16.66667%}.col-3{flex-basis:25%;max-width:25%;width:25%}.col-4{flex-basis:33.33333%;max-width:33.33333%;width:33.33333%}.col-5{flex-basis:41.66667%;max-width:41.66667%;width:41.66667%}.col-6{flex-basis:50%;max-width:50%;width:50%}.col-7{flex-basis:58.33333%;max-width:58.33333%;width:58.33333%}.col-8{flex-basis:66.66667%;max-width:66.66667%;width:66.66667%}.col-9{flex-basis:75%;max-width:75%;width:75%}.col-10{flex-basis:83.33333%;max-width:83.33333%;width:83.33333%}.col-11{flex-basis:91.66667%;max-width:91.66667%;width:91.66667%}.col-12,table{max-width:100%}.col-12{flex-basis:100%;width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.row-layout{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.form .checkboxes-inline,.form label,select,textarea{display:block}.col-fluid{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;width:100%}@media (max-width:768px){.col.first-on-small{order:-1}.col.last-on-small{order:1}.row-layout{display:block}.col-fixed{-ms-flex:1!important;-webkit-flex:1!important;flex:1!important}.row-layout>.col-fixed{order:1}.row-layout>.col-fluid{order:2}.pull-right,.row,[class*=" offset-"],[class^=offset-]{margin-left:0}.col,[class*=" col-"],[class^=col-]{flex-basis:100%;max-width:100%;width:100%}.col{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding-left:0}}table{border-collapse:collapse;border-spacing:0;width:100%;empty-cells:show;font-size:15px}th{text-align:left;vertical-align:bottom}td{vertical-align:top}.button,button,label,select:not([multiple]){vertical-align:middle}td,th{padding:16px 16px 15px;border-bottom:1px solid #eee}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tfoot td,tfoot th{color:rgba(0,0,0,.5)}table.bordered td,table.bordered th{border:1px solid #eee}table.striped tr:nth-child(odd) td{background:#f4f4f4}table.bordered td:first-child,table.bordered th:first-child,table.striped td:first-child,table.striped th:first-child{padding-left:16px}table.bordered td:last-child,table.bordered th:last-child,table.striped td:last-child,table.striped th:last-child{padding-right:16px}table.flat td,table.flat th{border:none;padding:0}fieldset,input,select,textarea{font-size:14px}input[type=number],input[type=text],input[type=date],input[type=tel],input[type=url],input[type=password],input[type=search],input[type=email]{height:40px;padding:8px 10px;vertical-align:middle;-webkit-appearance:none;background:#fff;border:1px solid #dfdfdf;border-radius:2px}select,textarea{width:100%;line-height:1.75;padding:8px 10px;border-radius:2px;background:#fff;border:1px solid #dfdfdf}select:not([multiple]){cursor:pointer;height:40px}input:focus,select:focus,textarea:focus{outline:0;background:#fff;border-color:#bbb}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{resize:none;opacity:.75;cursor:default;font-style:italic;color:rgba(0,0,0,.5)}fieldset{padding:39px 32px;margin-bottom:24px;border:1px solid rgba(0,0,0,.1);border-radius:4px}legend{font-size:12px;padding:0 1em;margin-left:-1em;top:2px}.desc,span.desc{line-height:20px}.form{margin-bottom:0}.form .form-item{margin-bottom:24px}.form input[type=number],.form input[type=text],.form input[type=date],.form input[type=tel],.form input[type=url],.form input[type=password],.form input[type=search],.form input[type=email],.form select,.form textarea{display:block;width:100%}.form input.width-50,.form select.width-50,.form textarea.width-50{width:50%}.form label{font-size:14px;color:#111;font-weight:400}.form .checkboxes label,.form label.checkbox{text-transform:none;font-weight:400;cursor:pointer;color:inherit;font-size:15px}.form .checkboxes label{margin-bottom:8px}.form .checkboxes label:last-child{margin-bottom:0}.form .checkboxes-inline label{font-size:inherit;color:inherit;display:inline-block;margin-right:16px;text-transform:none;font-weight:400}.form div.error,.form div.success,.form span.error,.form span.success{text-transform:none;font-weight:400;font-size:12px}.form span.error,.form span.success{margin-left:.4rem}.form-inline input[type=number],.form-inline input[type=text],.form-inline input[type=date],.form-inline input[type=tel],.form-inline input[type=url],.form-inline input[type=password],.form-inline input[type=search],.form-inline input[type=email],.form-inline select,.form-inline textarea{width:auto;display:inline-block}input.big,select.big{font-size:18px;height:48px}input.big{padding:16px 10px}select.big{padding:6px 10px}.desc{text-transform:none;margin-top:4px;color:rgba(0,0,0,.5);font-size:12px;font-weight:400}.label,.message .buttons a,.upper{text-transform:uppercase}ul.desc{margin-bottom:8px}span.desc{margin-left:4px}input.error,select.error,textarea.error{margin-top:-1px;background:0 0;background-color:rgba(243,66,72,.1);border:1px solid #f34248}input.success,select.success,textarea.success{margin-top:-1px;background:0 0;background-color:rgba(96,174,77,.1);border:1px solid #60ae4d}.button,.controls span,button{background-color:#eee;font-weight:400}.controls{display:-ms-flexbox;display:-webkit-flex;display:flex}.controls input{-ms-flex:1;-webkit-flex:1;flex:1;margin-bottom:0!important}.controls .button,.controls span{-ms-flex-shrink:0;-webkit-flex-shrink:0;flex-shrink:0}.controls span{padding:0 12px;color:#555;font-size:12px;line-height:40px;white-space:nowrap}.controls .button{border-radius:0 4px 4px 0}@media (max-width:768px){.form input,.form select,.form textarea{font-size:16px}.form input.width-50,.form select.width-50,.form textarea.width-50{width:100%}}.button,button{font-size:14px;text-decoration:none;cursor:pointer;display:inline-block;line-height:38px;height:40px;padding:0 28px;border:1px solid transparent;-webkit-appearance:none;color:#000;border-radius:4px}.button:hover,button:hover{outline:0;color:rgba(0,0,0,.6);text-decoration:none;box-shadow:inset 0 0 0 30px rgba(0,0,0,.1)}.button.disabled,.button:disabled{cursor:default;font-style:normal;opacity:.5}.button.disabled:hover,.button:disabled:hover{color:#000;box-shadow:none}.button.outline{background:0 0;font-weight:400}.button.outline:hover{color:rgba(0,0,0,.6);border-color:rgba(0,0,0,.2);box-shadow:none}.button.outline,.button.outline.disabled:hover,.button.outline:disabled:hover{color:rgba(0,0,0,.8);border-color:rgba(0,0,0,.4)}.button.small{font-size:12px;line-height:32px;height:32px;padding:0 20px}.button.small.upper{font-size:10px}.button.big{font-size:18px;line-height:46px;height:48px;padding:0 48px}.button.big.upper{font-size:13px}.button.upper{font-size:11px}.button.primary{background:#3c74d9;color:#fff}.button.primary:focus,.button.primary:hover{color:rgba(255,255,255,.6)}.button.primary:focus.disabled,.button.primary:focus:disabled,.button.primary:hover.disabled,.button.primary:hover:disabled{color:#fff;background:#3c74d9}.button.primary.outline:hover{color:rgba(60,116,217,.6);border-color:rgba(60,116,217,.4)}.button.primary.outline,.button.primary.outline.disabled:hover,.button.primary.outline:disabled:hover{color:#3c74d9;border-color:#3c74d9;background:0 0}.button.inverted{background:#fff;color:#000}.button.inverted:focus,.button.inverted:hover{color:rgba(0,0,0,.6)}.button.inverted:focus.disabled,.button.inverted:focus:disabled,.button.inverted:hover.disabled,.button.inverted:hover:disabled{color:#000;background:#fff}.button.inverted.outline:hover{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.4)}.button.inverted.outline,.button.inverted.outline.disabled:hover,.button.inverted.outline:disabled:hover{color:#fff;border-color:#fff;background:0 0}.label,.label a,.label a:hover{color:#000;text-decoration:none}.buttons.group{display:inline-block;vertical-align:bottom}.caret,.label{vertical-align:middle}.buttons.group .button{float:left;margin-left:-1px;border-radius:0}.buttons.group .button:first-child{border-radius:4px 0 0 4px}.buttons.group .button:last-child{border-radius:0 4px 4px 0}.label{font-size:10px;font-weight:400;display:inline;line-height:1;top:-1px;text-align:center;border-radius:4px;position:relative;background:#f4f4f4;padding:2px 8px;letter-spacing:.01em}.alert,.message{line-height:20px;font-size:14px}.label.primary{background:#3c74d9}.label.primary,.label.primary a{color:#fff}.label.primary.outline,.label.primary.outline a,.label.primary.tag,.label.primary.tag a{color:#3c74d9}.label.primary.outline{border-color:#3c74d9}.label.primary.tag{background:0 0}.label.error{background:#f34248}.label.error,.label.error a{color:#fff}.label.error.outline,.label.error.outline a,.label.error.tag,.label.error.tag a{color:#f34248}.label.error.outline{border-color:#f34248}.label.error.tag{background:0 0}.label.success{background:#60ae4d}.label.success,.label.success a{color:#fff}.label.success.outline,.label.success.outline a,.label.success.tag,.label.success.tag a{color:#60ae4d}.label.success.outline{border-color:#60ae4d}.label.success.tag{background:0 0}.label.warning{background:#fed443}.label.warning,.label.warning a{color:#000}.label.warning.outline,.label.warning.outline a,.label.warning.tag,.label.warning.tag a{color:#fed443}.label.warning.outline{border-color:#fed443}.label.warning.tag{background:0 0}.label.inverted{background:#fff}.label.inverted.tag,.label.outline,.label.tag{background:0 0}.label.inverted,.label.inverted a{color:#000}.label.inverted.outline,.label.inverted.outline a,.label.inverted.tag,.label.inverted.tag a{color:#fff}.label.inverted.outline{border-color:#fff}.label.outline{padding:1px 7px;border:1px solid rgba(0,0,0,.2)}.label.outline,.label.outline a{color:rgba(0,0,0,.65)}.badge{padding:2px 6px;border-radius:24px}.badge.outline{padding:1px 5px}.label.tag{padding:0;font-weight:700;letter-spacing:.02em}.alert,.close{font-weight:400}.label.tag.primary,.label.tag.primary a{color:#3c74d9}.label.tag.error,.label.tag.error a{color:#f34248}.label.tag.success,.label.tag.success a{color:#60ae4d}.label.tag.warning,.label.tag.warning a{color:#fed443}.label.tag.inverted,.label.tag.inverted a{color:#fff}.alert,.alert a{color:#000}.button:hover .badge{opacity:.6}h6 .label{top:-3px}.alert{position:relative;padding:15px 40px 15px 24px;background:#f4f4f4;border:1px solid #dbdbdb;display:block;border-radius:4px;margin-bottom:24px}.alert a,.modal-header,.pager.flat a{font-weight:700}.alert a:hover{transition:all linear .2s;color:rgba(0,0,0,.6)}.alert h5{margin-bottom:4px}.alert ol,.alert p,.alert ul,.message ol,.message ul{margin-bottom:0}.alert .close{position:absolute;top:15px;right:8px}.alert.primary{color:#3c74d9;background-color:rgba(60,116,217,.15);border:1px solid rgba(60,116,217,.15)}.alert.primary a,.alert.primary h5{color:#3c74d9}.alert.primary a:hover{color:#000}.alert.error,.alert.error a,.alert.error h5{color:#f34248}.alert.error{background-color:rgba(243,66,72,.15);border:1px solid rgba(243,66,72,.15)}.alert.error a:hover{color:#000}.alert.success{color:#60ae4d;background-color:rgba(96,174,77,.15);border:1px solid rgba(96,174,77,.15)}.alert.success a,.alert.success h5{color:#60ae4d}.alert.success a:hover{color:#000}.alert.warning{color:#c09501;background-color:rgba(254,212,67,.15);border:1px solid rgba(254,212,67,.5)}.alert.warning a,.alert.warning h5{color:#c09501}.alert.warning a:hover{color:#000}.message{display:none;position:fixed;border-radius:4px;z-index:500;top:16px;right:16px;width:320px;padding:16px 20px;color:rgba(0,0,0,.9);background:#f4f4f4}.dropdown,.fixed{z-index:100}.message .close{position:absolute;top:6px;right:6px}.message h1,.message h2,.message h3,.message h4,.message h5,.message h6{color:inherit}.message.error,.message.error a,.message.primary,.message.primary a,.message.success,.message.success a{color:rgba(255,255,255,.9)}.breadcrumb,.tabs{margin-bottom:24px}.message.line{top:0;right:0;left:0;width:100%;max-width:none;border-radius:0;padding-right:56px}.message.line .close{top:16px;right:16px}.message .buttons{margin-top:16px}.message .buttons a{display:inline-block;font-size:12px;margin-right:8px}.message.line .buttons{margin-top:0;display:inline-block}.message.primary{background:#3c74d9}.message.error{background:#f34248}.message.success{background:#60ae4d}.message.warning{background:#fed443}.message.error a:hover,.message.primary a:hover,.message.success a:hover{color:rgba(255,255,255,.7)}.tabs{font-size:14px}.tabs li em,.tabs li.active a{color:#000;border:1px solid rgba(0,0,0,.1);cursor:default;text-decoration:none;background:0 0}.tabs a,.tabs em{position:relative;top:1px;font-style:normal;display:block;padding:7px 24px;border:1px solid transparent;color:rgba(0,0,0,.5);text-decoration:none;border-top-right-radius:4px;border-top-left-radius:4px}.tabs a:hover{transition:all linear .2s;color:#000;text-decoration:underline;background-color:#f2f2f2}@media (min-width:768px){.tabs ul{display:-ms-flexbox;display:-webkit-flex;display:flex;margin-top:-1px;border-bottom:1px solid rgba(0,0,0,.1)}.tabs li em,.tabs li.active a{border-bottom:1px solid #fff}}.breadcrumb{font-size:12px}.breadcrumb ul{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center}.breadcrumb.centered ul{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.breadcrumb a,.breadcrumb em{font-style:normal;padding:0 10px;display:inline-block;white-space:nowrap}.breadcrumb em{color:rgba(0,0,0,.5)}.breadcrumb a{color:#000;text-decoration:none}.breadcrumb a:hover{-moz-transition:all linear .2s;transition:all linear .2s;color:rgba(0,0,0,.6);text-decoration:underline}.breadcrumb li:after{display:inline-block;content:'/';color:rgba(0,0,0,.4)}.breadcrumb li:last-child:after{display:none}.breadcrumb li:first-child a,.breadcrumb li:first-child em{padding-left:0}.breadcrumb li.active a,.breadcrumb li.active em{text-decoration:none;cursor:text;color:rgba(0,0,0,.4)}.pagination{margin:24px 0;font-size:14px}.pagination ul{display:-ms-flexbox;display:-webkit-flex;display:flex}.pagination.centered ul{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.pagination a,.pagination em{display:inline-block;font-style:normal;padding:8px 16px;line-height:1;border-radius:4px;white-space:nowrap;border:1px solid transparent}.pagination a{text-decoration:none;color:#000}.pagination a:hover,.pagination em,.pagination li.active a{color:rgba(0,0,0,.5);background:#f4f4f4}.pagination em,.pagination li.active a{cursor:text}.pagination.upper{font-size:11px}.pager a,.pager em{border-radius:24px;border-color:rgba(0,0,0,.1)}.pager li{-webkit-flex-basis:50%;-ms-flex-basis:50%;flex-basis:50%}.pager li.next{text-align:right}.pager.centered li{-webkit-flex-basis:auto;-ms-flex-basis:auto;flex-basis:auto;margin-left:4px;margin-right:4px}.pager.flat a,.pager.flat em{border:none;display:block;padding:0}.pager.flat a:hover{background:0 0;text-decoration:underline}@media (max-width:768px){.pager.flat ul{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.pager.flat li{-webkit-flex-basis:100%;-ms-flex-basis:100%;flex-basis:100%;margin-bottom:8px;text-align:left}}.dropdown{display:none;position:absolute;top:0;right:0;width:280px;color:#000;font-size:14px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.15);border-radius:8px;overflow:auto;max-height:300px;margin:0;padding:0}.dropdown.dropdown-mobile,.modal-box{position:fixed;top:0;left:0;right:0;bottom:0}.dropdown.dropdown-mobile{width:100%;max-height:none;border:none}.dropdown .close{margin:20px auto}.dropdown ul{list-style:none;margin:0}.dropdown ul li{border-bottom:1px solid rgba(0,0,0,.07)}.dropdown ul li:last-child{border-bottom:none}.dropdown ul a{display:block;padding:8px 8px 7px;text-decoration:none;color:#000}.dropdown ul a:hover{background:rgba(0,0,0,.05)}.modal-box{overflow-x:hidden;overflow-y:auto;z-index:200}.modal{position:relative;margin:16px auto auto;padding:0;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.15);border-radius:8px;color:#000}@media (max-width:768px){.modal input[type=text],.modal input[type=url],.modal input[type=password],.modal input[type=email],.modal textarea{font-size:16px}}.modal-header{border-top-right-radius:4px;border-top-left-radius:4px;padding:24px 32px;font-size:18px;border-bottom:1px solid rgba(0,0,0,.05)}.modal-header:empty{display:none}.modal-body{padding:36px 56px}.modal .close{line-height:32.4px;height:36px;width:36px;font-size:36px;position:absolute;top:18px;right:16px;opacity:.3}.modal .close:hover{opacity:1}.group:after{content:"";display:table;clear:both}.end{margin-bottom:0!important}.centered{margin-left:auto;margin-right:auto}.float-right{float:right}@media (max-width:768px){.modal-body,.modal-header{padding:24px}.float-right{float:none}}.float-left{float:left}.text-right{text-align:right}.close,.text-center,.text-centered{text-align:center}.hide{display:none}.show-on-small{display:none!important}@media (max-width:768px){.float-left{float:none}.hide-on-small{display:none!important}.show-on-small{display:block!important}}@media print{.hide-on-print{display:none!important}.show-on-print{display:block!important}}.invisible{visibility:hidden}.visible{visibility:visible}.muted{color:rgba(0,0,0,.5)!important}.soft-muted{color:rgba(0,0,0,.7)!important}a.muted:hover,a.soft-muted:hover{color:#000!important}.error{color:#f34248}.success{color:#60ae4d}.upper{letter-spacing:.08em}.normal{font-weight:400!important}.light{font-weight:300!important}.italic{font-style:italic!important}.bold{font-weight:700!important}.highlight{background-color:rgba(60,116,217,.075)}.round{border-radius:56px}input.round{border-radius:24px}.nowrap,.nowrap td{white-space:nowrap}.req{font-weight:700;color:#f34248;font-size:1.1em;text-transform:none}.close{display:inline-block;cursor:pointer;color:#000;text-decoration:none;opacity:.5;border:none;line-height:25.2px;height:28px;width:28px;font-size:28px}.close:before{content:'\00D7'}.close:hover{opacity:1;text-decoration:none!important}.button:hover .caret,button:hover .menu-icon,button:hover .search-icon{opacity:.6}.close.inverted{color:#fff}.close.small{line-height:18px;height:20px;width:20px;font-size:20px}.close.big{line-height:32.4px;height:36px;width:36px;font-size:36px}@media (min-width:768px){.fullwidth{-ms-flex:auto;-webkit-flex:auto;flex:auto}.fullwidth ul{display:-ms-flexbox;display:-webkit-flex;display:flex}.fullwidth li{-ms-flex:auto;-webkit-flex:auto;flex:auto;text-align:center}.fullwidth li a,.fullwidth li em{display:block}}.width-100{width:100%}.width-50{width:50%}@media (max-width:768px){.width-50{width:100%!important}}.fixed,.no-scroll{width:100%;position:fixed;top:0;left:0}.no-scroll{height:100%!important}.overlay{position:fixed;z-index:200;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9)}.scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.menu-icon,.search-icon{font-family:Arial,Helvetica,sans-serif;width:16px;line-height:1;font-style:normal;display:inline-block}.search-icon{font-size:18px;color:#000;position:relative;top:-1px;font-weight:700;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.search-icon:before{content:"\26B2"}.search-icon.inverted{color:#fff}button .search-icon{top:0}.menu-icon{font-size:15px;color:#000;font-weight:400}.menu-icon:before{content:"\2630"}.menu-icon.inverted{color:#fff}.caret{position:relative;display:inline-block;height:0;width:0;margin-left:2px}.caret:before{content:'';position:absolute;top:-2px;left:0;border-left:4px solid transparent;border-right:4px solid transparent}.caret.down:before{border-top:4px solid #000}.caret.up:before{border-bottom:4px solid #000}.caret.down.inverted:before{border-top-color:#fff}.caret.up.inverted:before{border-bottom-color:#fff}.offcanvas{background:#fff;position:fixed;padding:24px;height:100%;top:0;left:0;z-index:300;overflow-y:scroll}.offcanvas .close{position:absolute;top:8px;right:8px}.offcanvas-left{border-right:1px solid rgba(0,0,0,.1)}.offcanvas-right{left:auto;right:0;border-left:1px solid rgba(0,0,0,.1)}.offcanvas-push-body{position:relative}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999}h2,h3,p{orphans:3;widows:3}thead{display:table-header-group}img{max-width:100%!important}h2,h3,h4{page-break-after:avoid}@page{margin:.5cm}} \ No newline at end of file +.dropdown,.no-scroll,.slideDown,.slideUp{overflow:hidden}body,h1,h1.title,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,sans-serif}*,pre code{background:0 0}.col,audio,img,video{max-width:100%}.h6,h6,legend{text-transform:uppercase}.alert a:hover,.tabs a:hover{-moz-transition:all linear .2s}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideUp{to{height:0;padding-top:0;padding-bottom:0}}@keyframes slideUp{to{height:0;padding-top:0;padding-bottom:0}}.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes slideDown{from{height:0;padding-top:0;padding-bottom:0}}@keyframes slideDown{from{height:0;padding-top:0;padding-bottom:0}}.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.rotate{-webkit-animation-name:rotate;animation-name:rotate}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}a:active,a:hover{outline:0}::-moz-focus-inner{border:0;padding:0}img,video{height:auto}input[type=radio],input[type=checkbox]{cursor:pointer;font-size:110%;position:relative;margin-right:3px;padding:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}body{line-height:24px;font-size:16px;color:#333;background-color:#fff}a{color:#255bbd}a:hover{color:#f34248}h1,h1.title,h2,h3,h4,h5,h6{font-weight:700;text-rendering:optimizeLegibility;color:#000;margin-bottom:12px}code,kbd,mark,pre,samp{border-radius:4px;color:rgba(0,0,0,.85)}h1.title{font-size:60px;line-height:64px}.h1,h1{font-size:48px;line-height:52px}.h2,h2{font-size:36px;line-height:40px}.h3,h3{font-size:24px;line-height:32px}.h4,.h5,h4,h5{line-height:24px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6,pre{line-height:20px}.h6,h6{font-size:12px;letter-spacing:.05em}blockquote+h2,blockquote+h3,blockquote+h4,blockquote+h5,blockquote+h6,dl+h2,dl+h3,dl+h4,dl+h5,dl+h6,figure+h2,figure+h3,figure+h4,figure+h5,figure+h6,form+h2,form+h3,form+h4,form+h5,form+h6,hr+h2,hr+h3,hr+h4,hr+h5,hr+h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h2,p+h3,p+h4,p+h5,p+h6,pre+h2,pre+h3,pre+h4,pre+h5,pre+h6,table+h2,table+h3,table+h4,table+h5,table+h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:32px}.subheading{margin-top:-8px;margin-bottom:8px;font-weight:300}dl dt,legend,th{font-weight:700}ol,ol ol,ol ul,ul,ul ol,ul ul{margin:0 0 0 24px}ol ol li{list-style-type:lower-alpha}ol ol ol li{list-style-type:lower-roman}nav ol,nav ul{margin:0;list-style:none}hr,table.bordered{margin-top:-1px}dd{margin-left:24px}address,blockquote,dl,fieldset,figure,form,hr,ol,p,pre,table,ul{margin-bottom:16px}hr{border-bottom:1px solid rgba(0,0,0,.1)}blockquote{padding-left:24px;border-left:2px solid rgba(0,0,0,.125);font-style:italic;color:rgba(0,0,0,.65)}code,kbd,pre,samp,var{font-family:Consolas,Monaco,"Courier New",monospace;font-size:14px}.button,button,fieldset,input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif}pre{background:#f8f8f8;padding:20px;overflow:none;white-space:pre-wrap}.small,cite,figcaption,small,time{font-size:12px;line-height:16px}legend,sub,sup{line-height:0;position:relative}cite{color:rgba(0,0,0,.5)}figcaption{font-style:italic;padding-top:4px;padding-bottom:4px}figure figcaption{position:relative;top:-4px}abbr[title],dfn[title]{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}code,kbd,mark,samp{padding:4px 8px 2px;display:inline-block;line-height:1}.row,.row.equal .col{display:-ms-flexbox;display:-webkit-flex}pre code{font-size:100%;white-space:pre;padding:0;line-height:24px}mark{background-color:#fed443}code{background:#f4f4f4}var{color:rgba(0,0,0,.6);font-style:normal}b,strong{line-height:1}samp{color:#fff;background:#5a89df}kbd{border:1px solid rgba(0,0,0,.1)}sub,sup{font-size:x-small;margin-left:4px}sup{top:-4px}sub{bottom:-2px}.row{display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-2.12766%}.row.centered{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.centered .col{padding-left:1.06383%;padding-right:1.06383%}.row.right{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.equal .col{display:flex}.row.equal .col>div{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1}.row.splice{margin-left:0}.row.splice .col{padding-left:0}.col{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-basis:0;flex-basis:0;padding-left:2.12766%}.col.first{order:-1}.col.last{order:1}.pull-right{margin-left:auto}.col-1{flex-basis:8.33333%;max-width:8.33333%;width:8.33333%}.col-2{flex-basis:16.66667%;max-width:16.66667%;width:16.66667%}.col-3{flex-basis:25%;max-width:25%;width:25%}.col-4{flex-basis:33.33333%;max-width:33.33333%;width:33.33333%}.col-5{flex-basis:41.66667%;max-width:41.66667%;width:41.66667%}.col-6{flex-basis:50%;max-width:50%;width:50%}.col-7{flex-basis:58.33333%;max-width:58.33333%;width:58.33333%}.col-8{flex-basis:66.66667%;max-width:66.66667%;width:66.66667%}.col-9{flex-basis:75%;max-width:75%;width:75%}.col-10{flex-basis:83.33333%;max-width:83.33333%;width:83.33333%}.col-11{flex-basis:91.66667%;max-width:91.66667%;width:91.66667%}.col-12,table{max-width:100%}.col-12{flex-basis:100%;width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.row-layout{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.form .checkboxes-inline,.form label,select,textarea{display:block}.col-fluid{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;width:100%}@media (max-width:768px){.col.first-on-small{order:-1}.col.last-on-small{order:1}.row-layout{display:block}.col-fixed{-ms-flex:1!important;-webkit-flex:1!important;flex:1!important}.row-layout>.col-fixed{order:1}.row-layout>.col-fluid{order:2}.pull-right,.row,[class*=" offset-"],[class^=offset-]{margin-left:0}.col:not(th):not(td),[class*=" col-"]:not(th):not(td),[class^=col-]:not(th):not(td){flex-basis:100%;max-width:100%;width:100%}.col{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding-left:0}}table{border-collapse:collapse;border-spacing:0;width:100%;empty-cells:show;font-size:15px}th{text-align:left;vertical-align:bottom}td{vertical-align:top}.button,button,label,select:not([multiple]),td.align-middle,tr.align-middle td{vertical-align:middle}td,th{padding:16px 16px 15px;border-bottom:1px solid #eee}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tfoot td,tfoot th{color:rgba(0,0,0,.5)}table.bordered td,table.bordered th{border:1px solid #eee}table.striped tr:nth-child(odd) td{background:#f4f4f4}table.bordered td:first-child,table.bordered th:first-child,table.striped td:first-child,table.striped th:first-child{padding-left:16px}table.bordered td:last-child,table.bordered th:last-child,table.striped td:last-child,table.striped th:last-child{padding-right:16px}table.flat td,table.flat th{border:none;padding:0}fieldset,input,select,textarea{font-size:14px}input[type=number],input[type=text],input[type=date],input[type=tel],input[type=url],input[type=password],input[type=search],input[type=email]{height:40px;padding:8px 10px;vertical-align:middle;-webkit-appearance:none;background:#fff;border:1px solid #dfdfdf;border-radius:2px}select,textarea{width:100%;line-height:1.75;padding:8px 10px;border-radius:2px;background:#fff;border:1px solid #dfdfdf}select:not([multiple]){cursor:pointer;height:40px}input:focus,select:focus,textarea:focus{outline:0;background:#fff;border-color:#bbb}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{resize:none;opacity:.75;cursor:default;font-style:italic;color:rgba(0,0,0,.5)}fieldset{padding:39px 32px;margin-bottom:24px;border:1px solid rgba(0,0,0,.1);border-radius:4px}legend{font-size:12px;padding:0 1em;margin-left:-1em;top:2px}.form{margin-bottom:0}.form .form-item{margin-bottom:24px}.form input[type=number],.form input[type=text],.form input[type=date],.form input[type=tel],.form input[type=url],.form input[type=password],.form input[type=search],.form input[type=email],.form select,.form textarea{display:block;width:100%}.form input.width-50,.form select.width-50,.form textarea.width-50{width:50%}.form label{font-size:14px;color:#111;font-weight:400}.form .checkboxes label,.form label.checkbox{text-transform:none;font-weight:400;cursor:pointer;color:inherit;font-size:15px}.form .checkboxes label{margin-bottom:8px}.form .checkboxes label:last-child{margin-bottom:0}.form .checkboxes-inline label{font-size:inherit;color:inherit;display:inline-block;margin-right:16px;text-transform:none;font-weight:400}.form div.error,.form div.success,.form span.error,.form span.success{text-transform:none;font-weight:400;font-size:12px}.form span.error,.form span.success{margin-left:.4rem}.form-inline input[type=number],.form-inline input[type=text],.form-inline input[type=date],.form-inline input[type=tel],.form-inline input[type=url],.form-inline input[type=password],.form-inline input[type=search],.form-inline input[type=email],.form-inline select,.form-inline textarea{width:auto;display:inline-block}input.big,select.big{font-size:18px;height:48px}input.big{padding:16px 10px}select.big{padding:6px 10px}.desc{text-transform:none;margin-top:4px;color:rgba(0,0,0,.5);font-size:12px;line-height:16px;font-weight:400}.label,.message .buttons a,.upper{text-transform:uppercase}ul.desc{margin-bottom:8px}span.desc{margin-left:4px;line-height:20px}input.error,select.error,textarea.error{margin-top:-1px;background:0 0;background-color:rgba(243,66,72,.1);border:1px solid #f34248}input.success,select.success,textarea.success{margin-top:-1px;background:0 0;background-color:rgba(96,174,77,.1);border:1px solid #60ae4d}.button,.controls span,button{background-color:#eee;font-weight:400}.controls{display:-ms-flexbox;display:-webkit-flex;display:flex}.controls input{-ms-flex:1;-webkit-flex:1;flex:1;margin-bottom:0!important}.controls .button,.controls span{-ms-flex-shrink:0;-webkit-flex-shrink:0;flex-shrink:0}.controls span{padding:0 12px;color:#555;font-size:12px;line-height:40px;white-space:nowrap}.controls .button{border-radius:0 4px 4px 0}@media (max-width:768px){.form input,.form select,.form textarea{font-size:16px}.form input.width-50,.form select.width-50,.form textarea.width-50{width:100%}}.button,button{font-size:14px;text-decoration:none;cursor:pointer;display:inline-block;line-height:1.125rem;min-height:40px;padding:10px 28px;border:1px solid transparent;-webkit-appearance:none;color:#000;border-radius:4px}input.button{height:auto}.button:hover,button:hover{outline:0;color:rgba(0,0,0,.6);text-decoration:none;box-shadow:inset 0 0 0 40px rgba(0,0,0,.125)}.button.disabled,.button:disabled{cursor:default;font-style:normal;opacity:.5}.button.disabled:hover,.button:disabled:hover{color:#000;box-shadow:none}.button.outline{background:0 0;font-weight:400}.button.outline:hover{color:rgba(0,0,0,.6);border-color:rgba(0,0,0,.2);box-shadow:none}.dropdown,.modal{box-shadow:0 10px 25px rgba(0,0,0,.15)}.button.outline,.button.outline.disabled:hover,.button.outline:disabled:hover{color:rgba(0,0,0,.8);border-color:rgba(0,0,0,.4)}.button.small{font-size:12px;min-height:32px;padding:6px 20px}.button.small.upper{font-size:10px}.button.big{font-size:18px;min-height:48px;padding:14px 48px}.button.big.upper{font-size:13px}.button.upper{font-size:11px}.button.primary{background:#3c74d9;color:#fff}.button.primary:focus,.button.primary:hover{color:rgba(255,255,255,.6)}.button.primary:focus.disabled,.button.primary:focus:disabled,.button.primary:hover.disabled,.button.primary:hover:disabled{color:#fff;background:#3c74d9}.button.primary.outline:hover{color:rgba(60,116,217,.6);border-color:rgba(60,116,217,.4)}.button.primary.outline,.button.primary.outline.disabled:hover,.button.primary.outline:disabled:hover{color:#3c74d9;border-color:#3c74d9;background:0 0}.button.inverted{background:#fff;color:#000}.button.inverted:focus,.button.inverted:hover{color:rgba(0,0,0,.6)}.button.inverted:focus.disabled,.button.inverted:focus:disabled,.button.inverted:hover.disabled,.button.inverted:hover:disabled{color:#000;background:#fff}.button.inverted.outline:hover{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.4)}.button.inverted.outline,.button.inverted.outline.disabled:hover,.button.inverted.outline:disabled:hover{color:#fff;border-color:#fff;background:0 0}.label,.label a,.label a:hover{color:#000;text-decoration:none}.buttons.group{display:inline-block;vertical-align:bottom}.caret,.label{vertical-align:middle}.buttons.group .button{float:left;margin-left:-1px;border-radius:0}.buttons.group .button:first-child{border-radius:4px 0 0 4px}.buttons.group .button:last-child{border-radius:0 4px 4px 0}.label{font-size:10px;font-weight:400;display:inline;line-height:1;top:-1px;text-align:center;border-radius:4px;position:relative;background:#f4f4f4;padding:2px 8px;letter-spacing:.01em}.alert,.message{line-height:20px;font-size:14px}.label.primary{background:#3c74d9}.label.primary,.label.primary a{color:#fff}.label.primary.outline,.label.primary.outline a,.label.primary.tag,.label.primary.tag a{color:#3c74d9}.label.primary.outline{border-color:#3c74d9}.label.primary.tag{background:0 0}.label.error{background:#f34248}.label.error,.label.error a{color:#fff}.label.error.outline,.label.error.outline a,.label.error.tag,.label.error.tag a{color:#f34248}.label.error.outline{border-color:#f34248}.label.error.tag{background:0 0}.label.success{background:#60ae4d}.label.success,.label.success a{color:#fff}.label.success.outline,.label.success.outline a,.label.success.tag,.label.success.tag a{color:#60ae4d}.label.success.outline{border-color:#60ae4d}.label.success.tag{background:0 0}.label.warning{background:#fed443}.label.warning,.label.warning a{color:#000}.label.warning.outline,.label.warning.outline a,.label.warning.tag,.label.warning.tag a{color:#fed443}.label.warning.outline{border-color:#fed443}.label.warning.tag{background:0 0}.label.inverted{background:#fff}.label.inverted.tag,.label.outline,.label.tag{background:0 0}.label.inverted,.label.inverted a{color:#000}.label.inverted.outline,.label.inverted.outline a,.label.inverted.tag,.label.inverted.tag a{color:#fff}.label.inverted.outline{border-color:#fff}.label.outline{padding:1px 7px;border:1px solid rgba(0,0,0,.2)}.label.outline,.label.outline a{color:rgba(0,0,0,.65)}.badge{padding:2px 6px;border-radius:24px}.badge.outline{padding:1px 5px}.label.tag{padding:0;font-weight:700;letter-spacing:.02em}.alert,.close{font-weight:400}.label.tag.primary,.label.tag.primary a{color:#3c74d9}.label.tag.error,.label.tag.error a{color:#f34248}.label.tag.success,.label.tag.success a{color:#60ae4d}.label.tag.warning,.label.tag.warning a{color:#fed443}.label.tag.inverted,.label.tag.inverted a{color:#fff}.alert,.alert a{color:#000}.button:hover .badge{opacity:.6}h6 .label{top:-3px}.alert{position:relative;padding:15px 40px 15px 24px;background:#f4f4f4;border:1px solid #dbdbdb;display:block;border-radius:4px;margin-bottom:24px}.alert a,.modal-header,.pager.flat a{font-weight:700}.alert a:hover{transition:all linear .2s;color:rgba(0,0,0,.6)}.alert h5{margin-bottom:4px}.alert ol,.alert p,.alert ul,.message ol,.message ul{margin-bottom:0}.alert .close{position:absolute;top:15px;right:8px}.alert.primary{color:#3c74d9;background-color:rgba(60,116,217,.15);border:1px solid rgba(60,116,217,.15)}.alert.primary a,.alert.primary h5{color:#3c74d9}.alert.primary a:hover{color:#000}.alert.error,.alert.error a,.alert.error h5{color:#f34248}.alert.error{background-color:rgba(243,66,72,.15);border:1px solid rgba(243,66,72,.15)}.alert.error a:hover{color:#000}.alert.success{color:#60ae4d;background-color:rgba(96,174,77,.15);border:1px solid rgba(96,174,77,.15)}.alert.success a,.alert.success h5{color:#60ae4d}.alert.success a:hover{color:#000}.alert.warning{color:#c09501;background-color:rgba(254,212,67,.15);border:1px solid rgba(254,212,67,.5)}.alert.warning a,.alert.warning h5{color:#c09501}.alert.warning a:hover{color:#000}.message{display:none;position:fixed;border-radius:4px;z-index:500;top:16px;right:16px;width:320px;padding:16px 20px;color:rgba(0,0,0,.9);background:#f4f4f4}.dropdown,.fixed{z-index:100}.message .close{position:absolute;top:6px;right:6px}.message h1,.message h2,.message h3,.message h4,.message h5,.message h6{color:inherit}.message.error,.message.error a,.message.primary,.message.primary a,.message.success,.message.success a{color:rgba(255,255,255,.9)}.breadcrumb,.tabs{margin-bottom:24px}.message.line{top:0;right:0;left:0;width:100%;max-width:none;border-radius:0;padding-right:56px}.message.line .close{top:16px;right:16px}.message .buttons{margin-top:16px}.message .buttons a{display:inline-block;font-size:12px;margin-right:8px}.message.line .buttons{margin-top:0;display:inline-block}.message.primary{background:#3c74d9}.message.error{background:#f34248}.message.success{background:#60ae4d}.message.warning{background:#fed443}.message.error a:hover,.message.primary a:hover,.message.success a:hover{color:rgba(255,255,255,.7)}.tabs{font-size:14px}.tabs li em,.tabs li.active a{color:#000;border:1px solid rgba(0,0,0,.1);cursor:default;text-decoration:none;background:0 0}.tabs a,.tabs em{position:relative;top:1px;font-style:normal;display:block;padding:7px 24px;border:1px solid transparent;color:rgba(0,0,0,.5);text-decoration:none;border-top-right-radius:4px;border-top-left-radius:4px}.tabs a:hover{transition:all linear .2s;color:#000;text-decoration:underline;background-color:#f2f2f2}@media (min-width:768px){.tabs ul{display:-ms-flexbox;display:-webkit-flex;display:flex;margin-top:-1px;border-bottom:1px solid rgba(0,0,0,.1)}.tabs li em,.tabs li.active a{border-bottom:1px solid #fff}}.breadcrumb{font-size:12px}.breadcrumb ul{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center}.breadcrumb.centered ul{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.breadcrumb a,.breadcrumb em{font-style:normal;padding:0 10px;display:inline-block;white-space:nowrap}.breadcrumb em{color:rgba(0,0,0,.5)}.breadcrumb a{color:#000;text-decoration:none}.breadcrumb a:hover{-moz-transition:all linear .2s;transition:all linear .2s;color:rgba(0,0,0,.6);text-decoration:underline}.breadcrumb li:after{display:inline-block;content:'/';color:rgba(0,0,0,.4)}.breadcrumb li:last-child:after{display:none}.breadcrumb li:first-child a,.breadcrumb li:first-child em{padding-left:0}.breadcrumb li.active a,.breadcrumb li.active em{text-decoration:none;cursor:text;color:rgba(0,0,0,.4)}.pagination{margin:24px 0;font-size:14px}.pagination ul{display:-ms-flexbox;display:-webkit-flex;display:flex}.pagination.centered ul{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.pagination a,.pagination em{display:inline-block;font-style:normal;padding:8px 16px;line-height:1;border-radius:4px;white-space:nowrap;border:1px solid transparent}.pagination a{text-decoration:none;color:#000}.pagination a:hover,.pagination em,.pagination li.active a{color:rgba(0,0,0,.5);background:#f4f4f4}.pagination em,.pagination li.active a{cursor:text}.black,.dropdown,.modal{color:#000}.pagination.upper{font-size:11px}.pager a,.pager em{border-radius:24px;border-color:rgba(0,0,0,.1)}.pager li{-webkit-flex-basis:50%;-ms-flex-basis:50%;flex-basis:50%}.pager li.next{text-align:right}.pager.centered li{-webkit-flex-basis:auto;-ms-flex-basis:auto;flex-basis:auto;margin-left:4px;margin-right:4px}.pager.flat a,.pager.flat em{border:none;display:block;padding:0}.pager.flat a:hover{background:0 0;text-decoration:underline}@media (max-width:768px){.pager.flat ul{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.pager.flat li{-webkit-flex-basis:100%;-ms-flex-basis:100%;flex-basis:100%;margin-bottom:8px;text-align:left}}.dropdown{display:none;position:absolute;top:0;right:0;width:280px;font-size:14px;background:#fff;border-radius:8px;max-height:300px;margin:0;padding:0}.dropdown.dropdown-mobile,.modal-box{position:fixed;top:0;left:0;right:0;bottom:0}.dropdown.dropdown-mobile{width:100%;max-height:none;border:none}.dropdown .close{margin:20px auto}.dropdown.open{overflow:auto}.dropdown ul{list-style:none;margin:0}.dropdown ul li{border-bottom:1px solid rgba(0,0,0,.07)}.dropdown ul li:last-child{border-bottom:none}.dropdown ul a{display:block;padding:8px 8px 7px;text-decoration:none;color:#000}.dropdown ul a:hover{background:rgba(0,0,0,.05)}.modal-box{overflow-x:hidden;overflow-y:auto;z-index:200}.modal{position:relative;margin:16px auto auto;padding:0;background:#fff;border-radius:8px}@media (max-width:768px){.modal input[type=text],.modal input[type=url],.modal input[type=password],.modal input[type=email],.modal textarea{font-size:16px}}.modal-header{border-top-right-radius:4px;border-top-left-radius:4px;padding:24px 32px;font-size:18px;border-bottom:1px solid rgba(0,0,0,.05)}.modal-header:empty{display:none}.modal-body{padding:36px 56px}.modal .close{line-height:32.4px;height:36px;width:36px;font-size:36px;position:absolute;top:18px;right:16px;opacity:.3}.modal .close:hover{opacity:1}.group:after{content:"";display:table;clear:both}.end{margin-bottom:0!important}.centered{margin-left:auto;margin-right:auto}.float-right{float:right}@media (max-width:768px){.modal-body,.modal-header{padding:24px}.float-right{float:none}}.float-left{float:left}.text-right{text-align:right}.close,.text-center,.text-centered{text-align:center}.hide{display:none}.show-on-small{display:none!important}@media (max-width:768px){.float-left{float:none}.hide-on-small{display:none!important}.show-on-small{display:block!important}}@media print{.hide-on-print{display:none!important}.show-on-print{display:block!important}}.invisible{visibility:hidden}.visible{visibility:visible}.muted{color:rgba(0,0,0,.5)!important}.soft-muted{color:rgba(0,0,0,.7)!important}a.muted:hover,a.soft-muted:hover{color:#000!important}.error{color:#f34248}.success{color:#60ae4d}.upper{letter-spacing:.08em}.normal{font-weight:400!important}.light{font-weight:300!important}.italic{font-style:italic!important}.bold{font-weight:700!important}.highlight{background-color:rgba(60,116,217,.075)}.round{border-radius:56px}input.round{border-radius:24px}.nowrap,.nowrap td{white-space:nowrap}.req{font-weight:700;color:#f34248;font-size:1.1em;text-transform:none}.close{display:inline-block;cursor:pointer;color:#000;text-decoration:none;opacity:.5;border:none;line-height:25.2px;height:28px;width:28px;font-size:28px}.close:before{content:'\00D7'}.close:hover{opacity:1;text-decoration:none!important}.button:hover .caret,button:hover .menu-icon,button:hover .search-icon{opacity:.6}.close.inverted{color:#fff}.close.small{line-height:18px;height:20px;width:20px;font-size:20px}.close.big{line-height:32.4px;height:36px;width:36px;font-size:36px}@media (min-width:768px){.fullwidth{-ms-flex:auto;-webkit-flex:auto;flex:auto}.fullwidth ul{display:-ms-flexbox;display:-webkit-flex;display:flex}.fullwidth li{-ms-flex:auto;-webkit-flex:auto;flex:auto;text-align:center}.fullwidth li a,.fullwidth li em{display:block}}.width-100{width:100%}.width-50{width:50%}@media (max-width:768px){.width-50{width:100%!important}}.fixed,.no-scroll{width:100%;position:fixed;top:0;left:0}.no-scroll{height:100%!important}.overlay{position:fixed;z-index:200;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9)}.scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.menu-icon,.search-icon{font-family:Arial,Helvetica,sans-serif;width:16px;line-height:1;font-style:normal;display:inline-block}.search-icon{font-size:18px;color:#000;position:relative;top:-1px;font-weight:700;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.search-icon:before{content:"\26B2"}.search-icon.inverted{color:#fff}button .search-icon{top:0}.menu-icon{font-size:15px;color:#000;font-weight:400}.menu-icon:before{content:"\2630"}.menu-icon.inverted{color:#fff}.caret{position:relative;display:inline-block;height:0;width:0;margin-left:2px}.caret:before{content:'';position:absolute;top:-2px;left:0;border-left:4px solid transparent;border-right:4px solid transparent}.caret.down:before{border-top:4px solid #000}.caret.up:before{border-bottom:4px solid #000}.caret.down.inverted:before{border-top-color:#fff}.caret.up.inverted:before{border-bottom-color:#fff}.offcanvas{background:#fff;position:fixed;padding:24px;height:100%;top:0;left:0;z-index:300;overflow-y:scroll}.offcanvas .close{position:absolute;top:8px;right:8px}.offcanvas-left{border-right:1px solid rgba(0,0,0,.1)}.offcanvas-right{left:auto;right:0;border-left:1px solid rgba(0,0,0,.1)}.offcanvas-push-body{position:relative}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999}h2,h3,p{orphans:3;widows:3}thead{display:table-header-group}img{max-width:100%!important}h2,h3,h4{page-break-after:avoid}@page{margin:.5cm}} \ No newline at end of file diff --git a/dist/js/kube.js b/dist/js/kube.js index c41b043..8adc011 100755 --- a/dist/js/kube.js +++ b/dist/js/kube.js @@ -243,6 +243,9 @@ var SuperKube = { pluginsByClass: {}, classByPlugin: {}, + directLoad: { + 'message': 'open' + }, plugin: function(name, obj) { obj.pluginName = name; @@ -297,7 +300,20 @@ } else { - return $.error('No such method "' + options + '" for ' + name); + var direct = false; + for (var key in SuperKube.directLoad) + { + if (name === key && options === SuperKube.directLoad[key]) + { + direct = true; + SuperKube.directPluginLoad(this, name); + } + } + + if (!direct) + { + return $.error('No such method "' + options + '" for ' + name); + } } }); } @@ -341,6 +357,11 @@ }); return plugin; + }, + directPluginLoad: function(target, name) + { + var element = document.createElement('span'); + $(element)[name]({ target: target, show: true }); } }; @@ -614,6 +635,8 @@ this.$element.hide(); } + + if (this.opts.name === 'show' || this.opts.name === 'hide') { this.opts.timing = 'linear'; @@ -670,7 +693,9 @@ }, complete: function(type, make, callback) { - this.$element.one(type.toLowerCase() + ' webkit' + type + ' o' + type + ' MS' + type, $.proxy(function() + var event = type.toLowerCase() + ' webkit' + type + ' o' + type + ' MS' + type; + + this.$element.one(event, $.proxy(function() { if (typeof make === 'function') { @@ -695,6 +720,8 @@ callback(this); } + this.$element.off(event); + }, this)); } }; @@ -1126,14 +1153,14 @@ this.setPosition(); this.toggleCaretOpen(); - this.$target.addClass('open').animation(this.opts.animation.open, $.proxy(this.opened, this)); + this.$target.animation(this.opts.animation.open, $.proxy(this.opened, this)); }, opened: function() { this.enableEvents(); + this.$target.addClass('open'); this.callback('opened'); - }, handleKeyboard: function(e) { @@ -1154,7 +1181,6 @@ }, close: function(e) { - if (this.isClosed()) { return; @@ -1162,7 +1188,6 @@ if (e) { - if (this.shouldNotBeClosed(e.target)) { return; @@ -1206,6 +1231,7 @@ right: '16px', position: 'right', // center click: true, + show: false, delay: 3, // message autohide delay - seconds or false animation: { open: { @@ -1236,6 +1262,12 @@ // close link this.$close = this.getCloseLink(); this.$close.on('click.component.message', $.proxy(this.close, this)); + + // direct call + if (this.opts.show) + { + this.open(); + } }, getCloseLink: function() { @@ -1335,7 +1367,6 @@ }); }(Kube)); - // Direct Load (function($) { @@ -1356,7 +1387,6 @@ { options.show = true; $(this.element).modal(options); - } }; @@ -2311,6 +2341,7 @@ this.text = this.$element.text(); this.$target = this.getTarget(); + this.hideOnSmall = this.$target.hasClass('hide-on-small'); this.$element.on('click.component.toggleme', $.proxy(this.toggle, this)); }, getTarget: function() @@ -2350,7 +2381,7 @@ { return !this.$target.hasClass('open'); }, - open: function(e) + open: function() { if (this.isOpened()) { @@ -2361,7 +2392,7 @@ this.$target.removeClass('hide-on-small').animation(this.opts.animation.open, $.proxy(this.opened, this)); // changes the text of $element with a less delay to smooth - setTimeout($.proxy(this.setOpenedText, this), this.opts.animation.open.duration * 500); + setTimeout($.proxy(this.setOpenedText, this), this.opts.animation.open.duration * 500); }, opened: function() { @@ -2375,7 +2406,7 @@ this.$element.text(this.opts.text); } }, - close: function(e) + close: function() { if (this.isClosed()) { @@ -2383,12 +2414,28 @@ } this.callback('close'); + + if (this.opts.animation.close === 'hide') + { + this.setClosedText(); + } + this.$target.animation(this.opts.animation.close, $.proxy(this.closed, this)); }, closed: function() { this.$target.removeClass('open'); - this.setClosedText(); + + if (this.opts.animation.close !== 'hide') + { + this.setClosedText(); + } + + if (this.hideOnSmall) + { + this.$target.addClass('hide-on-small').show(); + } + this.callback('closed'); }, setClosedText: function() diff --git a/dist/js/kube.min.js b/dist/js/kube.min.js index 51b43da..4282da3 100755 --- a/dist/js/kube.min.js +++ b/dist/js/kube.min.js @@ -1,2 +1,2 @@ -!function(){var t=function(t,e){this.$element=$(t),this.opts=$.extend(!0,{},this.opts,this.$element.data(),e),this.opts.hasOwnProperty("animation")&&this.opts.animation===!1&&(this.opts.animation={},this.opts.animation.open="show",this.opts.animation.close="hide")};t.prototype={callback:function(t){var e,s=[].slice.call(arguments).splice(1),i=this.pluginName;if("undefined"!=typeof this.$element&&(e=this.fireCallback($._data(this.$element[0],"events"),t,i,s),"undefined"!=typeof e))return e;if("undefined"!=typeof this.$target&&null!==typeof this.$target){var n;if(1!==this.$target.length)return e=[],this.$target.each($.proxy(function(o,a){n=$._data(a,"events"),e.push(this.fireCallback(n,t,i,s))},this)),e;if(n=$._data(this.$target[0],"events"),e=this.fireCallback(n,t,i,s),"undefined"!=typeof e)return e}if("undefined"==typeof this.opts||"undefined"==typeof this.opts.callbacks||"undefined"==typeof this.opts.callbacks[t])return s;var o=this.opts.callbacks[t];return $.isFunction(o)?o.apply(this,s):s},fireCallback:function(t,e,s,i){if("undefined"!=typeof t&&"undefined"!=typeof t[e])for(var n=t[e].length,o=0;n>o;o++){var a=t[e][o].namespace;if(a==="callback."+s||a===s+".callback")return t[e][o].handler.apply(this,i)}},disableBodyScroll:function(){var t=$("html"),e=window.innerWidth;if(!e){var s=document.documentElement.getBoundingClientRect();e=s.right-Math.abs(s.left)}var i=document.body.clientWidth=768&&$(window).width()<=1024},isDesktopScreen:function(){return $(window).width()>1024},isLargeScreen:function(){return $(window).width()>1200},isMobile:function(){return/(iPhone|iPod|BlackBerry|Android)/.test(navigator.userAgent)},isDesktop:function(){return!/(iPhone|iPod|iPad|BlackBerry|Android)/.test(navigator.userAgent)}};var e={pluginsByClass:{},classByPlugin:{},plugin:function(s,i){function n(){i.hasOwnProperty("init")&&i.init.apply(this,arguments)}i.pluginName=s,n.prototype=Object.create(t.prototype),n.prototype.constructor=n;for(var o in i)n.prototype[o]=i[o];var a=i.hasOwnProperty("classname")?i.classname:!1;return a&&(e.classByPlugin[s]=a,e.pluginsByClass[a]=s),$.fn[s]=e.createPlugin(s,n,a),n},createPlugin:function(t,e,s){var i=function(s){var i=[],n=Array.prototype.slice.call(arguments,1);return"string"==typeof s?this.eq(0).each(function(){var e=$.data(this,t);if("undefined"==typeof e||!$.isFunction(e[s]))return $.error('No such method "'+s+'" for '+t);var o=e[s].apply(e,n);void 0!==o&&o!==e&&i.push(o)}):this.each(function(){var i=$(this);if(i.attr("data-component-"+t+"-loaded")!==!0){i.attr("data-component-"+t+"-loaded",!0);var n=new e(this,s);$.data(this,t,{}),$.data(this,t,n),"undefined"!=typeof n.$target&&null!==typeof n.$target&&n.$target.data(t,n)}}),0===i.length||1===i.length?0===i.length?this:i[0]:i};return $(window).on("load.components."+t,function(){s&&$("."+s)[t](),$('[data-component="'+t+'"]')[t]()}),i}};window.Kube=t,window.SuperKube=e}(),function(t){t.observer={watch:function(){t(window).on("load",function(){t.observer.liveComponentsObserver()})},getComponentsClasses:function(){var t=[];for(var e in SuperKube.classByPlugin)t.push(SuperKube.classByPlugin[e]);return t},getComponentsClassesAsString:function(){var e=t.observer.getComponentsClasses();return 0===e.length?"":",."+e.join(",.")},getComponentByClass:function(t){return SuperKube.pluginsByClass[t]},once:function(e,s){var e="undefined"==typeof e?t.observer.getComponentsClasses():e,s="undefined"==typeof s?t.observer.getComponentsClassesAsString():s,i=t("[data-component]"+s);i.each(function(){var s=t(this),i=!1,n=e.length;if(n>0)for(var o=0;n>o;o++)s.hasClass(e[o])&&(i=t.observer.getComponentByClass(e[o]));var a;i&&(a=i,"undefined"==typeof s.attr("data-component-"+a+"-loaded")&&"undefined"!=typeof s[a]&&s[a]()),s.attr("data-component")&&(a=s.attr("data-component"),"undefined"==typeof s.attr("data-component-"+a+"-loaded")&&"undefined"!=typeof s[a]&&s[a]())})},liveComponentsObserver:function(){if(window.MutationObserver){var e=t.observer.getComponentsClasses(),s=t.observer.getComponentsClassesAsString(),i=new MutationObserver(function(i){i.forEach(function(i){var n=i.addedNodes;0===n.length||1===n.length&&3===n.nodeType||t.observer.once(e,s)})});i.observe(document,{subtree:!0,childList:!0})}}}}(jQuery),function(t){t.Alert=SuperKube.plugin("alert",{opts:{click:!1,animation:{open:{name:"fadeIn",timing:"linear",duration:.5},close:{name:"fadeOut",timing:"linear",duration:.5}},callbacks:["open","opened","close","closed"]},init:function(){t.apply(this,arguments),this.$close=this.getCloseLink(),this.$close.on("click.component.alert",$.proxy(this.close,this)),this.opts.click!==!1&&this.$element.on("click.component.alert",$.proxy(this.close,this))},getCloseLink:function(){return this.$element.find(".close")},isOpened:function(){return this.$element.hasClass("open")},isClosed:function(){return!this.$element.hasClass("open")},open:function(t){t&&t.preventDefault(),this.callback("open"),this.$element.animation(this.opts.animation.open,$.proxy(this.opened,this))},opened:function(){this.$element.removeClass("hide").addClass("open"),this.callback("opened")},close:function(t){t&&t.preventDefault(),this.callback("close"),this.$element.animation(this.opts.animation.close,$.proxy(this.closed,this))},closed:function(){this.$element.addClass("hide").removeClass("open"),this.callback("closed")},destroy:function(){this.$element.off(".component.alert").removeData(),this.$close.remove()}})}(Kube),function(t){function e(e,s,i,n){var o={name:"show",duration:.5,iterate:1,delay:0,prefix:"",timing:"linear"};"object"==typeof s?(n=i,i=s):o.name=s,"function"==typeof i?(n=i,this.opts=o):this.opts=t.extend(o,i),this.slide="slideDown"===this.opts.name||"slideUp"===this.opts.name,this.$element=t(e),this.prefixes=["","-moz-","-o-animation-","-webkit-"],this.queue=[],this.slide&&this.$element.height(this.$element.height()),this.init(n)}t.fn.animation=function(t,s,i){return this.each(function(){return new e(this,t,s,i)})},e.prototype={init:function(t){this.queue.push(this.opts.name),this.clean(),"show"===this.opts.name?this.$element.removeClass("hide").show():"hide"===this.opts.name&&this.$element.hide(),"show"===this.opts.name||"hide"===this.opts.name?(this.opts.timing="linear","function"==typeof t&&setTimeout(t,1e3*this.opts.duration)):this.animate(t)},animate:function(e){this.$element.addClass("animated").css("display","block").removeClass("hide"),this.$element.addClass(this.opts.prefix+this.queue[0]),this.set(this.opts.duration+"s",this.opts.delay+"s",this.opts.iterate,this.opts.timing);var s=this.queue.length>1?null:e;this.complete("AnimationEnd",t.proxy(this.makeComplete,this),s)},set:function(t,e,s,i){for(var n=this.prefixes.length;n--;)this.$element.css(this.prefixes[n]+"animation-duration",t),this.$element.css(this.prefixes[n]+"animation-delay",e),this.$element.css(this.prefixes[n]+"animation-iteration-count",s),this.$element.css(this.prefixes[n]+"animation-timing-function",i)},clean:function(){this.$element.removeClass("animated").removeClass(this.opts.prefix+this.queue[0]),this.set("","","","")},makeComplete:function(){this.$element.hasClass(this.opts.prefix+this.queue[0])&&(this.clean(),this.queue.shift(),this.queue.length&&this.animate(callback))},complete:function(e,s,i){this.$element.one(e.toLowerCase()+" webkit"+e+" o"+e+" MS"+e,t.proxy(function(){"function"==typeof s&&s();var e=["fadeOut","slideUp","zoomOut","slideOutUp","slideOutRight","slideOutLeft"];-1!==t.inArray(this.opts.name,e)&&this.$element.css("display","none"),this.slide&&this.$element.css("height",""),"function"==typeof i&&i(this)},this))}}}(jQuery),function(t){t.Сollapse=SuperKube.plugin("collapse",{classname:"collapse",opts:{target:!1,toggle:!0,active:!1,animation:{open:{name:"slideDown",timing:"linear",duration:.3},close:{name:"slideUp",timing:"linear",duration:.2}},toggleClass:"collapse-toggle",boxClass:"collapse-box",callbacks:["open","opened","close","closed"],hashes:[],currentHash:!1,currentItem:!1},init:function(){t.apply(this,arguments),this.$items=this.getItems(),this.$items.each($.proxy(this.loadItems,this)),this.$boxes=this.getBoxes(),this.closeAll(),this.setActiveItem()},getItems:function(){return this.$element.find("."+this.opts.toggleClass)},getBoxes:function(){return this.$element.find("."+this.opts.boxClass)},loadItems:function(t,e){var s=this.getItem(e);s.$el.attr("rel",s.hash),s.$el.hasClass("active")&&(this.opts.currentItem=s,this.opts.active=s.hash),s.$el.on("click.component.collapse",$.proxy(this.toggle,this))},setActiveItem:function(){this.opts.active!==!1&&(this.opts.currentItem=this.getItemBy(this.opts.active),this.opts.active=this.opts.currentItem.hash),this.opts.currentItem!==!1&&(this.addActive(this.opts.currentItem),this.opts.currentItem.$box.show())},addActive:function(t){t.$box.removeClass("hide").addClass("open"),t.$el.addClass("active"),t.$caret!==!1&&t.$caret.removeClass("down").addClass("up"),t.$parent!==!1&&t.$parent.addClass("active"),this.opts.currentItem=t},removeActive:function(t){t.$box.removeClass("open"),t.$el.removeClass("active"),t.$caret!==!1&&t.$caret.addClass("down").removeClass("up"),t.$parent!==!1&&t.$parent.removeClass("active"),this.opts.currentItem=!1},toggle:function(t){t&&t.preventDefault();var e=$(t.target).closest("."+this.opts.toggleClass).get(0)||t.target,s=this.getItem(e);return this.isClosed(s.hash)?this.open(t):this.close(s.hash)},openAll:function(){this.$items.addClass("active"),this.$boxes.addClass("open").show()},open:function(t,e){if("undefined"!=typeof t){"object"==typeof t&&t.preventDefault();var s=$(t.target).closest("."+this.opts.toggleClass).get(0)||t.target,i="object"==typeof t?this.getItem(s):this.getItemBy(t);i.$box.hasClass("open")||(this.opts.toggle&&this.closeAll(),this.callback("open",i),this.addActive(i),i.$box.animation(this.opts.animation.open,$.proxy(this.opened,this)))}},opened:function(){this.callback("opened",this.opts.currentItem)},closeAll:function(){this.$items.removeClass("active").closest("li").removeClass("active"),this.$boxes.removeClass("open").hide()},close:function(t){var e=this.getItemBy(t);this.callback("close",e),e.$box.animation(this.opts.animation.close,$.proxy(this.closed,this))},closed:function(){var t=this.opts.currentItem;this.removeActive(t),this.callback("closed",t)},isOpened:function(t){return $(t).hasClass("open")},isClosed:function(t){return!$(t).hasClass("open")},getItem:function(t){var e={};e.$el=$(t),e.hash=e.$el.attr("href"),e.$box=$(e.hash);var s=e.$el.parent();e.$parent="LI"===s[0].tagName?s:!1;var i=e.$el.find(".caret");return e.$caret=0!==i.length?i:!1,e},getItemBy:function(t){var e="number"==typeof t?this.$items.eq(t-1):this.$element.find('[rel="'+t+'"]');return this.getItem(e)}})}(Kube),function(t){t.Dropdown=SuperKube.plugin("dropdown",{opts:{target:null,height:!1,width:!1,animation:{open:{name:"slideDown",duration:.15,timing:"linear"},close:{name:"slideUp",duration:.1,timing:"linear"}},callbacks:["open","opened","close","closed"],caretUp:!1},init:function(){t.apply(this,arguments),null!==this.opts.target&&(this.$target=$(this.opts.target),this.$target.hide(),this.isMobile()&&this.buildMobileAnimation(),this.$close=this.$target.find(".close"),this.$caret=this.getCaret(),this.buildCaretPosition(),this.$element.on("click.component.dropdown",$.proxy(this.toggle,this)))},buildMobileAnimation:function(){this.opts.animationOpen="fadeIn",this.opts.animationClose="fadeOut"},getCaret:function(){return this.$element.find(".caret")},buildCaretPosition:function(){var t=this.$element.offset().top+this.$element.innerHeight()+this.$target.innerHeight();$(document).height()>t||(this.opts.caretUp=!0,this.$caret.addClass("up"))},toggleCaretOpen:function(){this.opts.caretUp?this.$caret.removeClass("up").addClass("down"):this.$caret.removeClass("down").addClass("up")},toggleCaretClose:function(){this.opts.caretUp?this.$caret.removeClass("down").addClass("up"):this.$caret.removeClass("up").addClass("down")},toggle:function(t){return this.isClosed()?this.open(t):this.close(t)},getPlacement:function(t){return $(document).height()').hide(),$("body").prepend(this.$overlay)),this.$overlay.addClass("overlay"))},buildHeader:function(){this.opts.header&&this.$header.html(this.opts.header)},buildContent:function(){var t="";t=this.appendForms(t),t=this.appendFields(t),$.ajax({url:this.opts.url+"?"+(new Date).getTime(),cache:!1,type:"post",data:t,success:$.proxy(function(t){this.$body.html(t),this.open()},this)})},buildWidth:function(){var t=this.opts.width,e="2%",s="2%",i=t.match(/%$/);parseInt(this.opts.width)>$(window).width()&&!i?t="96%":i||(e="16px",s="16px"),this.$modal.css({width:t,"margin-top":e,"margin-bottom":s})},buildPosition:function(){if("center"===this.opts.position){var t=$(window).height(),e=this.$modal.outerHeight(),s=t/2-e/2+"px";this.isMobile()?s="2%":e>t&&(s="16px"),this.$modal.css("margin-top",s)}},buildHeight:function(){var t=$(window).height();if(this.opts.maxHeight){var e=parseInt(this.$body.css("padding-top"))+parseInt(this.$body.css("padding-bottom")),s=parseInt(this.$modal.css("margin-top"))+parseInt(this.$modal.css("margin-bottom")),i=t-this.$header.innerHeight()-e-s;this.$body.height(i)}else this.opts.height!==!1&&this.$body.css("height",this.opts.height);var n=this.$modal.outerHeight();n>t&&(this.opts.animation.open.name="show",this.opts.animation.close.name="hide")},resize:function(){this.buildWidth(),this.buildPosition(),this.buildHeight()},enableEvents:function(){this.$close.on("click.component.modal",$.proxy(this.close,this)),$(document).on("keyup.component.modal",$.proxy(this.handleEscape,this)),this.$target.on("click.component.modal",$.proxy(this.close,this))},disableEvents:function(){this.$close.off(".component.modal"),$(document).off(".component.modal"),this.$target.off(".component.modal"),$(window).off(".component.modal")},findActions:function(){this.$body.find('[data-action="modal-close"]').on("mousedown.component.modal",$.proxy(this.close,this))},setHeader:function(t){this.$header.html(t)},setContent:function(t){this.$body.html(t)},setWidth:function(t){this.opts.width=t,this.resize()},getModal:function(){return this.$modal},getBody:function(){return this.$body},getHeader:function(){return this.$header},open:function(){this.isOpened()||(this.isMobile()&&(this.opts.width="96%"),this.opts.overlay&&this.$overlay.show(),this.$target.removeClass("hide").show(),this.enableEvents(),this.findActions(),this.resize(),$(window).on("resize.component.modal",$.proxy(this.resize,this)),this.isDesktop()&&this.disableBodyScroll(),this.$modal.find("input[type=text],input[type=url],input[type=email]").on("keydown.component.modal",$.proxy(this.handleEnter,this)),this.callback("open"),this.$modal.animation(this.opts.animation.open,$.proxy(this.opened,this)))},opened:function(){this.$modal.addClass("open"),this.callback("opened"),$.modalcurrent=this},handleEnter:function(t){13===t.which&&(t.preventDefault(),this.close(!1))},handleEscape:function(t){return 27===t.which?this.close(!1):!0},close:function(t){if(this.$modal&&!this.isClosed()){if(t){if(this.shouldNotBeClosed(t.target))return;t.preventDefault()}this.callback("close"),this.disableEvents(),this.$modal.animation(this.opts.animation.close,$.proxy(this.closed,this)),this.opts.overlay&&this.$overlay.animation(this.opts.animation.close)}},closed:function(){this.callback("closed"),this.$target.addClass("hide"),this.$modal.removeClass("open"),this.isDesktop()&&this.enableBodyScroll(),this.$body.css("height",""),$.modalcurrent=null},shouldNotBeClosed:function(t){return"modal-close"===$(t).attr("data-action")||t===this.$close[0]?!1:0!==$(t).closest(".modal").length},isOpened:function(){return this.$modal.hasClass("open")},isClosed:function(){return!this.$modal.hasClass("open")},destroy:function(){this.$element.off(".component.modal"),this.enableBodyScroll(),this.disableEvents(),this.$body.css("height",""),this.$target.addClass("hide"),this.opts.overlay&&this.$overlay.remove()}})}(Kube),function(t){t.Offcanvas=SuperKube.plugin("offcanvas",{opts:{target:null,push:!0,width:"250px",direction:"left",event:"click",clickOutside:!0,animation:{open:{name:"slideInLeft",duration:.3,timing:"linear"},close:{name:"slideOutLeft",duration:.2,timing:"linear"}},callbacks:["open","opened","close","closed"],onlymobile:!0},init:function(){t.apply(this,arguments),null!==typeof this.opts.target&&(this.$target=$(this.opts.target),this.opts.onlymobile=this.$target.hasClass("hide-on-small"),this.opts.width=$(window).width()this.offsetTop+this.opts.offset},fixed:function(){this.$element.addClass("fixed"),this.callback("fixed")},unfixed:function(){this.$element.removeClass("fixed"),this.callback("unfixed")}})}(Kube),function(t){t.Tabs=SuperKube.plugin("tabs",{opts:{equals:!1,active:!1,live:!1,hash:!0,callbacks:["init","next","prev","open","opened","close","closed"]},init:function(){t.apply(this,arguments),this.opts.live!==!1&&this.buildLiveTabs(),this.tabsCollection=[],this.hashesCollection=[],this.currentHash=[],this.currentItem=!1,this.$items=this.getItems(),this.$items.each($.proxy(this.loadItems,this)),this.$tabs=this.getTabs(),this.currentHash=this.getLocationHash(),this.closeAll(),this.setActiveItem(),this.setItemHeight(),this.callback("init")},getTabs:function(){return $(this.tabsCollection).map(function(){return this.toArray()})},getItems:function(){return this.$element.find("a")},loadItems:function(t,e){var s=this.getItem(e);s.$el.attr("rel",s.hash),this.collectItem(s),s.$parent.hasClass("active")&&(this.currentItem=s,this.opts.active=s.hash),s.$el.on("click.component.tabs",$.proxy(this.open,this))},collectItem:function(t){this.tabsCollection.push(t.$tab),this.hashesCollection.push(t.hash)},buildLiveTabs:function(){var t=$(this.opts.live);0!==t.length&&(this.$liveTabsList=$("