/*!
 * 
 * This file is part of the Buttonizer plugin that is downloadable through Wordpress.org, 
 * please do not redistribute this plugin or the files without any written permission of the author.
 * 
 * If you need support, contact us at support@buttonizer.pro or visit our community website 
 * https://community.buttonizer.pro/
 * 
 * Buttonizer is Freemium software. The free version (build) does not contain premium functionality.
 * 
 * (C) 2017-2020 Buttonizer
 * 
 */
.fs-modal{position:fixed;overflow:auto;height:100%;width:100%;top:0;z-index:100000;display:none;background:rgba(0,0,0,0.6)}.fs-modal .dashicons{vertical-align:middle}.fs-modal .fs-modal-dialog{background:transparent;position:absolute;left:50%;margin-left:-298px;padding-bottom:30px;top:-100%;z-index:100001;width:596px}@media (max-width: 650px){.fs-modal .fs-modal-dialog{margin-left:-50%;box-sizing:border-box;padding-left:10px;padding-right:10px;width:100%}.fs-modal .fs-modal-dialog .fs-modal-panel>h3>strong{font-size:1.3em}}.fs-modal.active{display:block}.fs-modal.active:before{display:block}.fs-modal.active .fs-modal-dialog{top:10%}.fs-modal.fs-success .fs-modal-header{border-bottom-color:#46b450}.fs-modal.fs-success .fs-modal-body{background-color:#f7fff7}.fs-modal.fs-warn .fs-modal-header{border-bottom-color:#ffb900}.fs-modal.fs-warn .fs-modal-body{background-color:#fff8e5}.fs-modal.fs-error .fs-modal-header{border-bottom-color:#dc3232}.fs-modal.fs-error .fs-modal-body{background-color:#ffeaea}.fs-modal .fs-modal-body,.fs-modal .fs-modal-footer{border:0;background:#fefefe;padding:20px}.fs-modal .fs-modal-header{border-bottom:#eeeeee solid 1px;background:#fbfbfb;padding:15px 20px;position:relative;margin-bottom:-10px}.fs-modal .fs-modal-header h4{margin:0;padding:0;text-transform:uppercase;font-size:1.2em;font-weight:bold;color:#cacaca;text-shadow:1px 1px 1px #fff;letter-spacing:0.6px;-webkit-font-smoothing:antialiased}.fs-modal .fs-modal-header .fs-close{position:absolute;right:10px;top:12px;cursor:pointer;color:#bbb;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;padding:3px;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.fs-modal .fs-modal-header .fs-close:hover{color:#fff;background:#aaa}.fs-modal .fs-modal-header .fs-close .dashicons,.fs-modal .fs-modal-header .fs-close:hover .dashicons{text-decoration:none}.fs-modal .fs-modal-body{border-bottom:0}.fs-modal .fs-modal-body p{font-size:14px}.fs-modal .fs-modal-body h2{font-size:20px;line-height:1.5em}.fs-modal .fs-modal-body>div{margin-top:10px}.fs-modal .fs-modal-body>div h2{font-weight:bold;font-size:20px;margin-top:0}.fs-modal .fs-modal-footer{border-top:#eeeeee solid 1px;text-align:right}.fs-modal .fs-modal-footer>.button{margin:0 7px}.fs-modal .fs-modal-footer>.button:first-child{margin:0}.fs-modal .fs-modal-panel>.notice.inline{margin:0;display:none}.fs-modal .fs-modal-panel:not(.active){display:none}.rtl .fs-modal .fs-modal-header .fs-close{right:auto;left:20px}body.has-fs-modal{overflow:hidden}.fs-modal.fs-modal-deactivation-feedback .reason-input,.fs-modal.fs-modal-deactivation-feedback .internal-message{margin:3px 0 3px 22px}.fs-modal.fs-modal-deactivation-feedback .reason-input input,.fs-modal.fs-modal-deactivation-feedback .reason-input textarea,.fs-modal.fs-modal-deactivation-feedback .internal-message input,.fs-modal.fs-modal-deactivation-feedback .internal-message textarea{width:100%}.fs-modal.fs-modal-deactivation-feedback li.reason.has-internal-message .internal-message{border:1px solid #ccc;padding:7px;display:none}@media (max-width: 650px){.fs-modal.fs-modal-deactivation-feedback li.reason li.reason{margin-bottom:10px}.fs-modal.fs-modal-deactivation-feedback li.reason li.reason .reason-input,.fs-modal.fs-modal-deactivation-feedback li.reason li.reason .internal-message{margin-left:29px}.fs-modal.fs-modal-deactivation-feedback li.reason li.reason label{display:table}.fs-modal.fs-modal-deactivation-feedback li.reason li.reason label>span{display:table-cell;font-size:1.3em}}.fs-modal.fs-modal-deactivation-feedback .anonymous-feedback-label{float:left}.fs-modal.fs-modal-deactivation-feedback .fs-modal-panel{margin-top:0 !important}.fs-modal.fs-modal-deactivation-feedback .fs-modal-panel h3{margin-top:0;line-height:1.5em}#the-list .deactivate>.fs-slug{display:none}.fs-modal.fs-modal-subscription-cancellation .fs-price-increase-warning{color:red;font-weight:bold;padding:0 25px;margin-bottom:0}.fs-modal.fs-modal-subscription-cancellation ul.subscription-actions label input{float:left;top:5px;position:relative}.rtl .fs-modal.fs-modal-subscription-cancellation ul.subscription-actions label input{float:right}.fs-modal.fs-modal-subscription-cancellation ul.subscription-actions label span{display:block;margin-left:24px}.rtl .fs-modal.fs-modal-subscription-cancellation ul.subscription-actions label span{margin-left:0;margin-right:24px}.fs-modal.fs-modal-license-activation .fs-modal-body input.fs-license-key{width:100%}.fs-license-options-container table,.fs-license-options-container table select,.fs-license-options-container table .fs-available-license-key{width:100%}.fs-license-options-container table td:first-child{width:1%}.fs-license-options-container table .fs-other-license-key-container label{position:relative;top:6px;float:left;margin-right:5px}.fs-license-options-container table .fs-other-license-key-container div{overflow:hidden;width:auto;height:30px;display:block;top:2px;position:relative}.fs-license-options-container table .fs-other-license-key-container div input{margin:0}.fs-sites-list-container td{cursor:pointer}.fs-modal.fs-modal-user-change .fs-modal-body input#fs_other_email_address{width:100%}.fs-user-change-options-container table{width:100%;border-collapse:collapse}.fs-user-change-options-container table tr{display:block;margin-bottom:2px}.fs-user-change-options-container table .fs-email-address-container td{display:inline-block}.fs-user-change-options-container table .fs-email-address-container input[type="radio"]{margin-bottom:0;margin-top:0}.fs-user-change-options-container table .fs-other-email-address-container{width:100%}.fs-user-change-options-container table .fs-other-email-address-container>div{display:table;width:100%}.fs-user-change-options-container table .fs-other-email-address-container>div label,.fs-user-change-options-container table .fs-other-email-address-container>div>div{display:table-cell}.fs-user-change-options-container table .fs-other-email-address-container>div label{width:1%;padding-left:3px;padding-right:3px}.fs-user-change-options-container table .fs-other-email-address-container>div>div{width:auto}.fs-user-change-options-container table .fs-other-email-address-container>div>div input{width:100%}.fs-modal.fs-modal-developer-license-debug-mode .fs-modal-body input.fs-license-or-user-key{width:100%}.fs-multisite-options-container{margin-top:10px;border:1px solid #ccc;padding:5px}.fs-multisite-options-container a{text-decoration:none}.fs-multisite-options-container a:focus{box-shadow:none}.fs-multisite-options-container a.selected{font-weight:bold}.fs-multisite-options-container.fs-apply-on-all-sites{border:0 none;padding:0}.fs-multisite-options-container.fs-apply-on-all-sites .fs-all-sites-options{border-spacing:0}.fs-multisite-options-container.fs-apply-on-all-sites .fs-all-sites-options td:not(:first-child){display:none}.fs-multisite-options-container .fs-sites-list-container{display:none;overflow:auto}.fs-multisite-options-container .fs-sites-list-container table td{border-top:1px solid #ccc;padding:4px 2px}.fs-modal.fs-modal-license-key-resend .email-address-container{overflow:hidden;padding-right:2px}.fs-modal.fs-modal-license-key-resend.fs-freemium input.email-address{width:300px}.fs-modal.fs-modal-license-key-resend.fs-freemium label{display:block;margin-bottom:10px}.fs-modal.fs-modal-license-key-resend.fs-premium input.email-address{width:100%}.fs-modal.fs-modal-license-key-resend.fs-premium .button-container{float:right;margin-left:7px}@media (max-width: 650px){.fs-modal.fs-modal-license-key-resend.fs-premium .button-container{margin-top:2px}}
.rtl .fs-modal.fs-modal-license-key-resend .fs-modal-body .input-container>.email-address-container{padding-left:2px;padding-right:0}.rtl .fs-modal.fs-modal-license-key-resend .fs-modal-body .button-container{float:left;margin-right:7px;margin-left:0}a.show-license-resend-modal{margin-top:4px;display:inline-block}.fs-ajax-loader{position:relative;width:170px;height:20px;margin:auto}.fs-ajax-loader .fs-ajax-loader-bar{position:absolute;top:0;background-color:#0074a3;width:20px;height:20px;-webkit-animation-name:bounce_ajaxLoader;-moz-animation-name:bounce_ajaxLoader;-ms-animation-name:bounce_ajaxLoader;-o-animation-name:bounce_ajaxLoader;animation-name:bounce_ajaxLoader;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-ms-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal;-moz-transform:0.3;-o-transform:0.3;-ms-transform:0.3;-webkit-transform:0.3;transform:0.3}.fs-ajax-loader .fs-ajax-loader-bar-1{left:0px;animation-delay:0.6s;-o-animation-delay:0.6s;-ms-animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s}.fs-ajax-loader .fs-ajax-loader-bar-2{left:19px;animation-delay:0.75s;-o-animation-delay:0.75s;-ms-animation-delay:0.75s;-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s}.fs-ajax-loader .fs-ajax-loader-bar-3{left:38px;animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s}.fs-ajax-loader .fs-ajax-loader-bar-4{left:57px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s}.fs-ajax-loader .fs-ajax-loader-bar-5{left:76px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s}.fs-ajax-loader .fs-ajax-loader-bar-6{left:95px;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s}.fs-ajax-loader .fs-ajax-loader-bar-7{left:114px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s}.fs-ajax-loader .fs-ajax-loader-bar-8{left:133px;animation-delay:1.65s;-o-animation-delay:1.65s;-ms-animation-delay:1.65s;-webkit-animation-delay:1.65s;-moz-animation-delay:1.65s}@-moz-keyframes bounce_ajaxLoader{0%{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-color:#0074a3}100%{-moz-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3);background-color:#fff}}@-ms-keyframes bounce_ajaxLoader{0%{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-color:#0074a3}100%{-moz-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3);background-color:#fff}}@-o-keyframes bounce_ajaxLoader{0%{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-color:#0074a3}100%{-moz-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3);background-color:#fff}}@-webkit-keyframes bounce_ajaxLoader{0%{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-color:#0074a3}100%{-moz-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3);background-color:#fff}}@keyframes bounce_ajaxLoader{0%{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-color:#0074a3}100%{-moz-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3);background-color:#fff}}.fs-modal-auto-install #request-filesystem-credentials-form h2,.fs-modal-auto-install #request-filesystem-credentials-form .request-filesystem-credentials-action-buttons{display:none}.fs-modal-auto-install #request-filesystem-credentials-form input[type=password],.fs-modal-auto-install #request-filesystem-credentials-form input[type=email],.fs-modal-auto-install #request-filesystem-credentials-form input[type=text]{-webkit-appearance:none;padding:10px 10px 5px 10px;width:300px;max-width:100%}.fs-modal-auto-install #request-filesystem-credentials-form>div,.fs-modal-auto-install #request-filesystem-credentials-form label,.fs-modal-auto-install #request-filesystem-credentials-form fieldset{width:300px;max-width:100%;margin:0 auto;display:block}.button-primary.warn{box-shadow:0 1px 0 #d2593c;text-shadow:0 -1px 1px #d2593c,1px 0 1px #d2593c,0 1px 1px #d2593c,-1px 0 1px #d2593c;background:#f56a48;border-color:#ec6544 #d2593c #d2593c}.button-primary.warn:hover{background:#fd6d4a;border-color:#d2593c}.button-primary.warn:focus{box-shadow:0 1px 0 #dd6041,0 0 2px 1px #e4a796}.button-primary.warn:active{background:#dd6041;border-color:#d2593c;box-shadow:inset 0 2px 0 #d2593c}.button-primary.warn.disabled{color:#f5b3a1 !important;background:#e76444 !important;border-color:#d85e40 !important;text-shadow:0 -1px 0 rgba(0,0,0,0.1) !important}
.chosen-select {
    width: 100%; }

.chosen-select-deselect {
    width: 100%; }

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    min-height: 40px;
    vertical-align: middle;
    width: 100% !important;}
.chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060; }
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
    right: 0; }
.chosen-container .chosen-results {
    color: #555555;
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li {
    display: none;
    line-height: 1.42857;
    list-style: none;
    margin: 0;
    padding: 5px 6px; }
.chosen-container .chosen-results li em {
    background: #feffde;
    font-style: normal; }
.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    color: #999;
    font-weight: bold; }
.chosen-container .chosen-results li.group-option {
    padding-left: 15px; }
.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item; }
.chosen-container .chosen-results li.highlighted {
    background-color: #458ccf;
    background-image: none;
    color: white; }
.chosen-container .chosen-results li.highlighted em {
    background: transparent; }
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #777777; }
.chosen-container .chosen-results .no-results {
    background: #eeeeee;
    display: list-item; }
.chosen-container .chosen-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1; }
.chosen-container .chosen-results-scroll span {
    display: inline-block;
    height: 1.42857;
    text-indent: -5000px;
    width: 9px; }
.chosen-container .chosen-results-scroll-down {
    bottom: 0; }
.chosen-container .chosen-results-scroll-down span {
    background: url(./images/chosen-sprite.png) no-repeat -4px -3px; }
.chosen-container .chosen-results-scroll-up span {
    background: url(./images/chosen-sprite.png) no-repeat -22px -3px; }

.chosen-container-single .chosen-single {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #555555;
    display: block;
    height: 34px;
    overflow: hidden;
    line-height: 34px;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap; }
.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.chosen-container-single .chosen-single abbr {
    background: url(./images/chosen-sprite.png) right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 26px;
    top: 12px;
    width: 12px; }
.chosen-container-single .chosen-single abbr:hover {
    background-position: right -11px; }
.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
    background-position: right 2px; }
.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px; }
.chosen-container-single .chosen-single div b {
    background: url(./images/chosen-sprite.png) no-repeat 0 7px;
    display: block;
    height: 100%;
    width: 100%; }
.chosen-container-single .chosen-default {
    color: #777777; }
.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1000; }
.chosen-container-single .chosen-search input[type="text"] {
    background: url(./images/chosen-sprite.png) no-repeat 100% -20px, #fff;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    margin: 1px 0;
    padding: 4px 20px 4px 4px;
    width: 100%; }
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; }

.chosen-container-single-nosearch .chosen-search input[type="text"] {
    position: absolute;
    left: -9000px; }

.chosen-container-multi .chosen-choices {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    cursor: text;
    margin: 0;
    overflow: hidden;
    position: relative;
    min-height: 30px !important;
    line-height: 30px;
    padding: 4px; }
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none; }
.chosen-container-multi .chosen-choices .search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap; }
.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    background: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #555555;
    height: 34px;
    margin: 0;
    padding: 4px;
    outline: 0; }
.chosen-container-multi .chosen-choices .search-field .default {
    color: #999; }
.chosen-container-multi .chosen-choices .search-choice {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #333333;
    cursor: default;
    line-height: 14px;
    font-size: 14px;
    margin: 5px 0 3px 5px;
    padding: 5px 25px 5px 11px;
    position: relative; }
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url(./images/chosen-sprite.png) right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 12px;
    cursor: pointer; }
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: right -11px; }
.chosen-container-multi .chosen-choices .search-choice-focus {
    background: #d4d4d4; }
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: right -11px; }
.chosen-container-multi .chosen-results {
    margin: 0 0 0 0;
    padding: 0; }
.chosen-container-multi .chosen-drop .result-selected {
    display: none; }

.chosen-container-active .chosen-single {
    border: 1px solid #cacaca;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;*/
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s; }
.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s; }
.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent;
    border-left: none; }
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px; }
.chosen-container-active .chosen-choices {
    border: 1px solid #cacaca;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;*/
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s; }
.chosen-container-active .chosen-choices .search-field input[type="text"] {
    color: #111 !important; }
.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.chosen-disabled {
    cursor: default;
    opacity: 0.5 !important; }
.chosen-disabled .chosen-single {
    cursor: default; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default; }

.chosen-rtl {
    text-align: right; }
.chosen-rtl .chosen-single {
    padding: 0 8px 0 0;
    overflow: visible; }
.chosen-rtl .chosen-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl; }
.chosen-rtl .chosen-single div {
    left: 7px;
    right: auto; }
.chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto; }
.chosen-rtl .chosen-choices .search-field input[type="text"] {
    direction: rtl; }
.chosen-rtl .chosen-choices li {
    float: right; }
.chosen-rtl .chosen-choices .search-choice {
    margin: 6px 5px 3px 0;
    padding: 3px 5px 3px 19px; }
.chosen-rtl .chosen-choices .search-choice .search-choice-close {
    background-position: right top;
    left: 4px;
    right: auto; }
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0; }
.chosen-rtl .chosen-results .group-option {
    padding-left: 0;
    padding-right: 15px; }
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none; }
.chosen-rtl .chosen-search input[type="text"] {
    background: url(./images/chosen-sprite.png) no-repeat -28px -20px, #fff;
    direction: rtl;
    padding: 4px 5px 4px 20px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url(./images/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important; } }.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff8319 0%, #cf5804 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8319), color-stop(100%, #cf5804)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff8319 0%, #cf5804 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff8319 0%, #cf5804 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff8319 0%, #cf5804 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff8319 0%, #cf5804 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8319', endColorstr='#cf5804', GradientType=0)"; /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 20px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), 0 0 0 5px rgba(255,255,255,0.2);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltip h2 {
    margin-top: 0 !important;
}

.introjs-tooltip.wider {
  max-width: 300px;
  width: 484px;
}

.introjs-tooltip.wider .introjs-tooltiptext{
  text-align: left;
  line-height: 2.1;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
  margin-top: 20px;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 8px 17px;
    margin: 0;
    text-decoration: none;
    font: 12px/normal sans-serif;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    margin-top: 10px;
    color: #FFFFFF;
    font-weight: 500;

    background: #0085ba;
    /* border: 1px solid #006799; */
    border-bottom-width: 2px;
    /* border-color: #0073aa #006799 #006799; */
    /* -webkit-box-shadow: 0 1px 0 #006799; */
    /* box-shadow: 0 1px 0 #006799; */
    color: #fff;
    text-decoration: none;
    /* text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; */
    text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
    font-weight: 700 !important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/

}

.introjs-button:hover {
    background: #00729b;
    border-color: #00729b;
    color: #fff;
}

.introjs-button:active {
    background: #015a83;
    border-color: #014f75;
    -webkit-box-shadow: inset 0 2px 0 #014f75;
    box-shadow: inset 0 2px 0 #014f75;
    vertical-align: top;
}

.introjs-button:focus {
    color: #FFFFFF;
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  box-sizing: content-box;
  margin-right: 5px;
  background: rgb(255, 0, 0);
  text-shadow: 0 -1px 1px rgb(190, 0, 0), 1px 0 1px rgb(190, 0, 0), 0 1px 1px rgb(190, 0, 0), -1px 0 1px rgb(190, 0, 0);
}

.introjs-skipbutton:hover {
  box-sizing: content-box;
  margin-right: 5px;
  background: rgb(190, 0, 0);
}

.introjs-skipbutton:active {
  box-sizing: content-box;
  margin-right: 5px;
  background: rgb(143, 0, 0);
  border-color: rgb(143, 0, 0);
  -webkit-box-shadow: inset 0 2px 0 rgb(143, 0, 0);
  box-shadow: inset 0 2px 0 rgb(143, 0, 0);
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.introjs-nextbutton {
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 0.2em 0.2em 0;
    border-radius: 0 0.2em 0.2em 0;

    background: #ee8014;
    border-color: #aa6e00 #994700 #9f5b4b;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #995500, 1px 0 1px #994700, 0 1px 1px #993800, -1px 0 1px #995500;
    /* padding: 6px 17px 7px; */
}

.introjs-nextbutton:hover {
    background: #cc750b;
    border-color: #764301;
    color: #fff;
}

.introjs-nextbutton:active {
    background: #aa4e00;
    border-color: #993100;
    -webkit-box-shadow: inset 0 2px 0 #993800;
    box-shadow: inset 0 2px 0 #993800;
    vertical-align: top;
}

.introjs-nextbutton.introjs-fullbutton {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  opacity: 0.8;
}

.introjs-hidden {
     display: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
    border: 0;
    outline: 0;
}
.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}


/* CUSTOM CSS */
.introjs-tooltiptext {
  text-align: center;
}

.introjs-disabled {
  display: none !important;
}

.introjs-custom-hidden {
  opacity: 0;


  transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
}

.introjs-custom-gone {
  display: none;
}

/* .introjs-showElement h2 span {
  background: #f3f3f3 !important;
}

.style-top {
  overflow: hidden;
} */

.introjs-custom-style-high {
  left: 10px !important;
  width: 352px !important;
  background: #FFFFFF !important;
}

.introjs-custom-style-tool {
  left: 362px !important;
}

.introjs-custom-style-high-button {
  left: 40px !important;
  width: 324px !important;
  background: #FFFFFF !important;
}

.introjs-custom-style-tool-button {
  left: 336px !important;
}

.style-top, .style-menu, .style-button, .style-icon, .style-label {
  background: #FFFFFF;
  border: 8px white solid;
  margin: -8px;
}

.style-menu, .style-button, .style-icon, .style-label {
  margin-top: -8px;
  border-top: 0px;
}

.mobile-desktop {
  background: #FFFFFF;
}

#wpfooter {
  opacity: 0;
}

.max-width {
  width: 300px;
}

.wider h2 {
  margin: 1em 0 10px 0;
}

.middle {
  left: 50% !important;
}

/* END CUSTOM CSS */

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 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(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-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 fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-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 fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-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 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 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 slideInUp {
    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 slideInUp {
    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);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    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 slideOutDown {
    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);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-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;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}
/**
 * We need the beautiful freemius dialogs!
 */

/**
 * Import chosen
 */

/**
 * Import intro.css
 */

/**
 * Import animate.css
 */

/* Future */
/*@import "../../../../node_modules/codemirror-colorpicker/dist/codemirror-colorpicker.css";*/
.btnizr-wp-icon {
    background: url(./images/wp-icon.png);
}

.btnizr-logo {
    background: url(./images/logo.png);
}

.btnizr-buttonizer-loading {
    background: url(./images/buttonizer-loading.png);
}

.btnizr-buttonizer-plugin-icon {
    background: url(./images/plugin-icon.png);
}@charset "UTF-8";
.buttonizer-checkbox {
  display: inline-block;
  cursor: pointer;
  height: 27px;
  position: relative;
  margin-right: 10px;
  background: white;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  text-align: center;
  border: 1px solid #bebebe;
  width: 42%;
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: none !important;
  transition: 150ms all ease-in;
  -moz-transition: 150ms all ease-in;
  -webkit-transition: 150ms all ease-in; }
  .buttonizer-checkbox .buttonizer-checkbox-box {
    position: absolute;
    width: 17px;
    height: 17px;
    margin: 4px 5px;
    border-radius: 3px;
    font-weight: 50;
    color: white;
    border: 1px solid #bebebe;
    transition: 150ms all ease-in;
    -moz-transition: 150ms all ease-in;
    -webkit-transition: 150ms all ease-in; }
  .buttonizer-checkbox .buttonizer-checkbox-text {
    margin: 4px 20px 4px 35px; }
  .buttonizer-checkbox.checkbox-selected {
    background: #458ccf;
    border-color: #2b6ba7;
    color: white; }
    .buttonizer-checkbox.checkbox-selected .buttonizer-checkbox-box {
      border-color: #2b6ba7;
      background: white;
      color: #2b6ba7;
      font-weight: 1000;
      opacity: 1; }
  .buttonizer-checkbox:hover .buttonizer-checkbox-box {
    color: #5384b3; }

.picker_wrapper.layout_default.popup.popup_bottom {
  position: absolute;
  left: 25px;
  top: 20px;
  z-index: 9;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: none !important;
  margin-bottom: 50px; }
  .picker_wrapper.layout_default.popup.popup_bottom .picker_arrow {
    display: none; }
  .picker_wrapper.layout_default.popup.popup_bottom .picker_slider, .picker_wrapper.layout_default.popup.popup_bottom .picker_sl {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px; }
  .picker_wrapper.layout_default.popup.popup_bottom .picker_done button, .picker_wrapper.layout_default.popup.popup_bottom .picker_editor input {
    background: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 13px;
    height: 31px;
    line-height: 30px;
    padding: 0 14px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 700; }
  .picker_wrapper.layout_default.popup.popup_bottom .picker_sample {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px; }

.ui-datepicker {
  display: none;
  list-style: none;
  text-shadow: none;
  -webkit-box-shadow: 0 0 5px rgba(122, 137, 148, 0.2);
  box-shadow: 0 0 5px rgba(122, 137, 148, 0.2);
  border: 1px solid rgba(148, 148, 148, 0.2);
  border-radius: 5px;
  font-size: 13px;
  background: #fff;
  min-width: 50px;
  width: 260px;
  padding: 0 10px 10px;
  margin: 10px 0 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .ui-datepicker a {
    text-decoration: none; }
    .ui-datepicker a:hover {
      text-decoration: none;
      color: #2A6496;
      -webkit-transition: color 0.1s ease-in-out;
      -moz-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out; }
  .ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }
  .ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    padding: 15px 10px;
    text-transform: uppercase; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    color: #6f7b8a !important; }
    .ui-datepicker .ui-datepicker-title span {
      color: #6f7b8a !important; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 20px;
    color: #007be8; }
  .ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left; }
  .ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right; }
  .ui-datepicker .ui-datepicker-prev:before {
    content: "\AB";
    font-size: 18px; }
  .ui-datepicker .ui-datepicker-next:before {
    content: "\BB";
    font-size: 18px; }
  .ui-datepicker .ui-icon {
    display: none; }
  .ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%; }
    .ui-datepicker .ui-datepicker-calendar th {
      text-align: center;
      padding: 5px 0;
      color: #007be8 !important; }
      .ui-datepicker .ui-datepicker-calendar th span {
        color: #007be8 !important;
        font-size: 13px; }
    .ui-datepicker .ui-datepicker-calendar td {
      text-align: center;
      padding: 4px 0;
      color: #000 !important;
      border-radius: 4px;
      -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      line-height: 20px; }
      .ui-datepicker .ui-datepicker-calendar td:hover:not(.ui-datepicker-current-day) {
        background-color: #eee;
        cursor: pointer; }
      .ui-datepicker .ui-datepicker-calendar td a {
        text-decoration: none;
        color: #7a8994;
        box-shadow: none !important;
        font-size: 13px; }
        .ui-datepicker .ui-datepicker-calendar td a.ui-priority-secondary {
          opacity: 0.5; }
  .ui-datepicker .ui-datepicker-current-day {
    background-color: #017be8; }
  .ui-datepicker td.ui-datepicker-current-day a {
    color: #fff; }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default; }

.ui-datepicker-month, .ui-datepicker-year {
  border: 0px;
  color: #000; }

.buttonizer-image-button {
  vertical-align: middle !important; }

.buttonizer-image-preview {
  display: inline-block;
  margin: 0 10px;
  width: 45px;
  height: 45px;
  vertical-align: middle;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative; }
  .buttonizer-image-preview .buttonizer-image-preview-remove {
    color: rgba(255, 0, 0, 0.6);
    font-size: 16px;
    position: absolute;
    padding: 5px;
    right: -15px;
    top: -8px;
    cursor: pointer;
    transition: 150ms all ease-in-out;
    -moz-transition: 150ms all ease-in-out;
    -webkit-transition: 150ms all ease-in-out; }
    .buttonizer-image-preview .buttonizer-image-preview-remove:hover {
      color: red; }
  .buttonizer-image-preview:hover .buttonizer-image-preview-text {
    color: red;
    transition: 150ms all ease-in-out;
    -moz-transition: 150ms all ease-in-out;
    -webkit-transition: 150ms all ease-in-out; }

span.span-middle {
  display: inline-block;
  vertical-align: middle; }

.buttonizer-toggle {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0 1px 0 #ccc;
  height: 26px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out; }
  .buttonizer-toggle > a {
    display: inline-block;
    width: 50%;
    text-align: center;
    height: 26px;
    line-height: 26px;
    color: #787878;
    text-decoration: none;
    position: relative;
    box-shadow: none !important;
    font-size: 12px;
    transition: 150ms all ease-in;
    -moz-transition: 150ms all ease-in;
    -webkit-transition: 150ms all ease-in; }
  .buttonizer-toggle:hover {
    border-color: #96badc;
    box-shadow: 0 1px 0 #5f92c3; }
    .buttonizer-toggle:hover:before {
      background-color: #3180cc; }
  .buttonizer-toggle:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    width: 50%;
    transition: 150ms all ease-in;
    -moz-transition: 150ms all ease-in;
    -webkit-transition: 150ms all ease-in;
    background: #458ccf;
    z-index: 0; }
  .buttonizer-toggle.right-selected:before {
    left: 50%;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .buttonizer-toggle.right-selected > a:nth-child(2) {
    color: #FFFFFF; }
  .buttonizer-toggle.left-selected:before {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .buttonizer-toggle.left-selected > a:nth-child(1) {
    color: #FFFFFF; }

.buttonizer-boolean {
  display: block;
  cursor: pointer;
  height: 22px;
  position: relative;
  background: #d8dbde;
  border: 1px solid #c2c7cc;
  width: 45px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  box-shadow: none !important;
  transition: 150ms all ease-in;
  -moz-transition: 150ms all ease-in;
  -webkit-transition: 150ms all ease-in; }
  .buttonizer-boolean.inline-toggle {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle; }
  .buttonizer-boolean .buttonizer-boolean-circle {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #ffffff;
    box-shadow: 0px 0 2px rgba(145, 145, 145, 0.24);
    top: -1px;
    border: 1px solid #cfd1d2;
    left: 0px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    transition: 150ms all ease-in;
    -moz-transition: 150ms all ease-in;
    -webkit-transition: 150ms all ease-in; }
  .buttonizer-boolean.boolean-selected {
    background: #458ccf;
    border-color: #2b6ba7; }
    .buttonizer-boolean.boolean-selected .buttonizer-boolean-circle {
      left: 22px;
      border-color: #2b6ba7; }

.field-error-container {
  border: 1px solid #aa2c2c;
  background: #ffeeec;
  color: #ff0000;
  margin-top: 10px;
  padding: 9px 15px; }

.field-error {
  color: #f10000;
  margin-top: 10px; }

.buttonizer-hide-formitem {
  display: none !important; }

/**
 * Input container
 */
.buttonizer-input-container {
  display: flex;
  height: 27px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: unset !important;
  border: 1px solid #c2c7cc; }
  .buttonizer-input-container.is-color-picker {
    cursor: pointer; }
    .buttonizer-input-container.is-color-picker .buttonizer-input-item {
      width: 20px;
      height: 20px;
      margin: 4px 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      overflow: hidden;
      background: url(./images/transparent.png); }
      .buttonizer-input-container.is-color-picker .buttonizer-input-item .colored-background {
        width: 20px;
        height: 20px; }
    .buttonizer-input-container.is-color-picker.empty .buttonizer-input-item {
      border: 1px solid #d9dcdf;
      height: 18px;
      width: 18px; }
  .buttonizer-input-container .buttonizer-input-item {
    width: 24px;
    height: 24px; }
  .buttonizer-input-container .buttonizer-input-info {
    color: rgba(0, 0, 0, 0.7);
    height: 27px;
    line-height: 27px;
    padding: 0 8px;
    font-weight: 500;
    font-size: 11px;
    -ms-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0; }
  .buttonizer-input-container.is-textfield {
    margin-right: 7px;
    height: 30px; }
    .buttonizer-input-container.is-textfield.input-field-width-space {
      width: 85px; }
      .buttonizer-input-container.is-textfield.input-field-width-space .buttonizer-input-item {
        width: 50px; }
        .buttonizer-input-container.is-textfield.input-field-width-space .buttonizer-input-item input {
          height: 30px;
          line-height: 30px;
          width: 30px;
          text-align: center;
          color: rgba(0, 0, 0, 0.8);
          border: 0;
          margin-top: 0;
          background: none;
          box-shadow: none; }
          .buttonizer-input-container.is-textfield.input-field-width-space .buttonizer-input-item input::placeholder {
            color: rgba(0, 0, 0, 0.255); }
      .buttonizer-input-container.is-textfield.input-field-width-space .buttonizer-input-info {
        height: 20px;
        line-height: 20px;
        background: #eeeeee;
        margin-top: 5px;
        margin-right: 5px;
        border-radius: 3px; }

.buttonizer-input-only {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  border: 1px solid #c2c7cc;
  display: block;
  color: rgba(0, 0, 0, 0.8); }

.buttonizer-select-action {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #c2c7cc;
  display: block;
  color: rgba(0, 0, 0, 0.8);
  padding: 8px 10px !important;
  height: auto !important;
  margin-top: -4px; }

.buttonizer-select-drawer {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #c2c7cc;
  display: block;
  color: rgba(0, 0, 0, 0.8);
  padding: 8px 10px !important;
  height: auto !important;
  margin-top: -4px; }

.buttonizer-input-action {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #c2c7cc;
  display: block;
  color: rgba(0, 0, 0, 0.8);
  padding: 8px 10px !important; }
  .buttonizer-input-action.buttonizer-input-textarea {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #c2c7cc94; }

#wpadminbar, #adminmenumain {
  display: none; }

#wpbody, #wpwrap {
  position: static !important; }

body.buttonizer-loaded {
  background: #191e23; }

body.buttonizer-initialized #wpwrap {
  display: none; }

.button.button-red {
  background: #ba0000;
  border-color: #aa0000 #990000 #990000;
  -webkit-box-shadow: 0 1px 0 #990000;
  box-shadow: 0 1px 0 #990000;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 1px #990000, 1px 0 1px #990000, 0 1px 1px #990000, -1px 0 1px #990000; }
  .button.button-red:hover {
    background: #c20000 !important;
    border-color: #990000 !important;
    color: #fff; }
  .button.button-red:active, .button.button-red:focus {
    background: #aa0000 !important;
    border-color: #990000 !important;
    -webkit-box-shadow: inset 0 2px 0 #990000;
    box-shadow: inset 0 2px 0 #990000;
    vertical-align: top;
    color: #FFFFFF; }
  .button.button-red.button-centered-reset {
    margin: 0 auto;
    padding: 4px 20px;
    height: auto;
    font-size: 15px; }
    .button.button-red.button-centered-reset i {
      margin-right: 10px; }

.buttonizer-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 31px;
  background: #f4f4f4;
  z-index: 1000;
  text-align: right;
  color: #7d7d7d;
  line-height: 28px;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 10px; }
  .buttonizer-topbar .close-button {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 51px;
    border-right: 1px solid #dcdcdc;
    text-align: center;
    line-height: 51px;
    font-size: 150%;
    background: #f3f3f3;
    color: #858585;
    cursor: pointer;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms; }
  .buttonizer-topbar .close-button:hover {
    background: #fff;
    color: #4b4b4b; }
  .buttonizer-topbar .buttonizer-logo {
    height: 100%;
    left: 0;
    box-sizing: content-box;
    display: block;
    margin-left: 60px;
    z-index: 1005;
    height: 100%;
    float: left; }
  .buttonizer-topbar .publish-button {
    margin: 0 10px; }
  .buttonizer-topbar .revert-button {
    text-decoration: none;
    color: inherit; }
  .buttonizer-topbar .revert-button:hover {
    color: #494949; }
  .buttonizer-topbar .options-window {
    position: fixed;
    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
    border: 1px solid #e2e4e7;
    background: #fff;
    right: 5px;
    top: 50px;
    border-radius: 3px;
    z-index: 9999;
    min-width: 250px; }
    .buttonizer-topbar .options-window.disabled {
      cursor: default;
      pointer-events: none; }
    .buttonizer-topbar .options-window ul {
      text-align: left;
      margin: 0; }
      .buttonizer-topbar .options-window ul li {
        border-top: 1px solid #dcdcdc;
        margin: 0; }
        .buttonizer-topbar .options-window ul li.buttonizer-version {
          padding: 10px 20px;
          font-style: italic;
          color: #686868;
          text-align: center;
          margin: 0; }
        .buttonizer-topbar .options-window ul li .group-title {
          padding-left: 15px;
          padding-top: 6px; }
        .buttonizer-topbar .options-window ul li a {
          display: block;
          color: #40464d;
          padding: 7px 0 7px 2em;
          text-decoration: none;
          -webkit-transition: all 200ms;
          -moz-transition: all 200ms;
          -o-transition: all 200ms;
          transition: all 200ms;
          box-shadow: none !important; }
          .buttonizer-topbar .options-window ul li a.single-button {
            padding: 12px 0 12px 2em; }
          .buttonizer-topbar .options-window ul li a i {
            margin-right: 30px;
            float: right;
            margin-top: 8px; }
          .buttonizer-topbar .options-window ul li a span.button-description {
            margin-top: 0px;
            font-size: 12px;
            opacity: .82;
            display: block;
            max-width: 190px;
            line-height: 20px; }
          .buttonizer-topbar .options-window ul li a:hover {
            background: #f5f5f5;
            color: #181818; }
  .buttonizer-topbar .options-window:before {
    content: "";
    position: absolute;
    background: #fcfcfc;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    height: 10px;
    width: 10px;
    right: 12px;
    top: -6px;
    z-index: 1005;
    transform: translateX(-50%) rotate(45deg); }
  .buttonizer-topbar .alert-text {
    margin-left: 188px;
    float: left;
    color: inherit;
    line-height: 30px;
    cursor: default; }
    .buttonizer-topbar .alert-text i {
      margin-right: 5px; }
  .buttonizer-topbar .event-tracker-button {
    position: absolute;
    left: 238px;
    width: 120px;
    text-align: right;
    top: 10px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #8e8e8e; }
    .buttonizer-topbar .event-tracker-button i {
      vertical-align: middle;
      margin-right: 8px; }
    .buttonizer-topbar .event-tracker-button:focus, .buttonizer-topbar .event-tracker-button:active {
      box-shadow: unset !important; }
    .buttonizer-topbar .event-tracker-button:hover {
      color: #545454; }
  .buttonizer-topbar .alert-text:hover {
    color: inherit; }
  .buttonizer-topbar .event-track-window {
    position: absolute;
    left: 400px;
    text-align: left;
    top: 51px;
    background: #FFFFFF;
    border: 1px solid #e2e4e7;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); }
    .buttonizer-topbar .event-track-window.hidden {
      top: -250px; }
    .buttonizer-topbar .event-track-window .track-window-title {
      color: #696969;
      background: #EEEEEE;
      border-bottom: 1px solid #e2e4e7;
      padding: 5px 15px;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 11px; }
    .buttonizer-topbar .event-track-window .close {
      position: absolute;
      top: 6px;
      right: 20px;
      color: #868686; }
    .buttonizer-topbar .event-track-window .list-container {
      max-height: 250px;
      overflow-y: auto; }
      .buttonizer-topbar .event-track-window .list-container .event-element {
        padding: 15px; }
        .buttonizer-topbar .event-track-window .list-container .event-element.event-empty {
          text-align: center; }
        .buttonizer-topbar .event-track-window .list-container .event-element.event-event {
          background: #ffff8d;
          border-left: 5px solid #d6d66b;
          border-bottom: 1px solid #d6d66d;
          color: #a7a73a; }

@media screen and (max-height: 710px) {
  .buttonizer-topbar .options-window {
    max-height: 87vh;
    overflow-y: auto; } }

.buttonizer-bar {
  position: absolute;
  left: 0;
  top: 51px;
  bottom: 0;
  background: #f4f4f4;
  width: 375px;
  z-index: 999;
  border-right: 1px solid #dcdcdc;
  transition: 250ms all ease-in;
  -moz-transition: 250ms all ease-in;
  -webkit-transition: 250ms all ease-in;
  overflow: hidden; }
  .buttonizer-bar p {
    line-height: 23px; }
    .buttonizer-bar p a {
      text-decoration: none;
      color: #0093ff; }
      .buttonizer-bar p a:hover {
        text-decoration: underline; }
  .buttonizer-bar .create-new-button {
    color: #3f4143;
    padding: 10px 0;
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    margin-left: 30px;
    font-size: 14px;
    text-decoration: none;
    display: none; }
    .buttonizer-bar .create-new-button a {
      color: #3f4143;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      padding: 10px 0; }
    .buttonizer-bar .create-new-button.is-create-group {
      margin-bottom: 200px;
      margin-left: 0;
      margin-top: 0;
      display: block !important; }
  .buttonizer-bar .disabled {
    cursor: default;
    pointer-events: none; }
  .buttonizer-bar .container {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 250ms all ease-in;
    -moz-transition: 250ms all ease-in;
    -webkit-transition: 250ms all ease-in; }
    .buttonizer-bar .container.hidden {
      display: unset;
      transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transition: 250ms all ease-in;
      -moz-transition: 250ms all ease-in;
      -webkit-transition: 250ms all ease-in; }
    .buttonizer-bar .container.settings-container {
      background: #fff;
      height: 100%; }
      .buttonizer-bar .container.settings-container.hidden {
        display: unset;
        transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: 250ms all ease-in;
        -moz-transition: 250ms all ease-in;
        -webkit-transition: 250ms all ease-in; }
      .buttonizer-bar .container.settings-container .settings-content {
        position: absolute;
        top: 75px;
        bottom: 46px;
        left: 0;
        right: 0; }
        .buttonizer-bar .container.settings-container .settings-content > div {
          height: 100%;
          position: relative; }
      .buttonizer-bar .container.settings-container .top {
        position: relative;
        height: 74px;
        width: 100%;
        background: #fff;
        top: 0;
        border-bottom: 1px solid #dcdcdc; }
        .buttonizer-bar .container.settings-container .top .title-wrapper {
          position: absolute;
          left: 51px;
          right: 0;
          top: 0;
          bottom: 0;
          padding: 1em; }
          .buttonizer-bar .container.settings-container .top .title-wrapper h2 {
            color: #555d66;
            font-weight: 300;
            margin: 0;
            vertical-align: middle;
            line-height: 34px;
            font-size: 20px; }
          .buttonizer-bar .container.settings-container .top .title-wrapper h4 {
            color: #555d66;
            font-weight: 500;
            vertical-align: middle;
            margin: 0;
            font-size: 13px; }
        .buttonizer-bar .container.settings-container .top .back-button {
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          height: 100%;
          width: 51px;
          border-right: 1px solid #dcdcdc;
          text-align: center;
          line-height: 74px;
          font-size: 200%;
          background: #fafafa;
          color: #5e5e5e;
          cursor: pointer;
          -webkit-transition: all 200ms ease-in;
          -moz-transition: all 200ms ease-in;
          -o-transition: all 200ms ease-in;
          transition: all 200ms ease-in; }
        .buttonizer-bar .container.settings-container .top .back-button:hover {
          background: #fff;
          color: #444444; }
    .buttonizer-bar .container .buttonizer-group-holder {
      padding: 20px 10px; }
      .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group {
        display: block;
        border: 1px solid #d3d3d3;
        margin-bottom: 10px; }
        .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group.opened {
          border-style: solid; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group.opened .create-new-button {
            display: block; }
        .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder {
          height: 50px;
          background: #ffffff;
          position: relative;
          border-bottom: 1px solid #e6e6e6;
          display: flex;
          transition: 200ms all ease-in;
          -moz-transition: 200ms all ease-in;
          -webkit-transition: 200ms all ease-in; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder.single-button .group-title {
            width: 270px; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder.single-button .group-arrow {
            display: none; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .holder-button {
            float: right;
            width: 40px;
            color: #505050;
            font-size: 15px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            display: inline-block;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .holder-button.pull-left {
              float: left; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .holder-button.has-background {
              background: #f2f2f2; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .holder-button:hover {
              background: #ececec;
              cursor: pointer;
              border-right-color: #b6b6b6; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .holder-button .buttonizer-arrow-up {
              display: none; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-title {
            width: 230px;
            height: 50px;
            line-height: 50px;
            padding: 0 0 0 18px;
            font-size: 14px;
            display: inline-block;
            border: 0;
            outline: none;
            box-shadow: none !important;
            margin: 0px !important;
            font-weight: 600;
            background: #FFFFFF; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-title[readonly] {
              cursor: pointer !important; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-title:hover {
              /*background: #eaeaea;*/ }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-title:active, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-title:focus {
              cursor: text; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop {
            font-size: 0.8rem;
            transition: 100ms all ease-in;
            -moz-transition: 100ms all ease-in;
            -webkit-transition: 100ms all ease-in;
            margin-right: 5px;
            float: right; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop:hover .new-button-visibility {
              opacity: 1;
              visibility: visible; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop .mobile-preview {
              margin-top: -10px;
              position: absolute;
              margin-left: -5px;
              color: #9c9c9c;
              height: 0px;
              transition: 100ms all ease-in-out;
              -moz-transition: 100ms all ease-in-out;
              -webkit-transition: 100ms all ease-in-out; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop .mobile-preview.selected {
                color: #4ea9ffcb; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop .desktop-preview {
              margin-top: 10px;
              position: absolute;
              margin-left: -8.5px;
              color: #9c9c9c;
              height: 0px;
              transition: 100ms all ease-in-out;
              -moz-transition: 100ms all ease-in-out;
              -webkit-transition: 100ms all ease-in-out; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop .desktop-preview.selected {
                color: #4ea9ffcb; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility {
            position: absolute;
            top: -10px;
            cursor: default;
            background: white;
            border: #d3d3d3 1px solid;
            z-index: 9999;
            width: 40px;
            padding: 0 !important;
            height: 80px;
            line-height: 40px;
            padding: 0 5px;
            visibility: hidden;
            opacity: 0;
            margin-left: -5px;
            box-shadow: 0 0 17px 6px rgba(222, 222, 222, 0.5);
            border-radius: 3px;
            transition: 150ms all ease-in;
            -moz-transition: 150ms all ease-in;
            -webkit-transition: 150ms all ease-in; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility .visibility-deskmobi {
              display: block;
              padding: 0 10px;
              color: #000;
              line-height: 38px;
              height: 38px;
              text-decoration: none;
              font-size: 19px;
              text-align: center;
              outline: none;
              box-shadow: none !important;
              transition: 100ms all ease-in;
              -moz-transition: 100ms all ease-in;
              -webkit-transition: 100ms all ease-in; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility .visibility-deskmobi:hover {
                color: rgba(0, 0, 0, 0.479); }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility .visibility-deskmobi:active {
                color: rgba(0, 0, 0, 0.651); }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility .visibility-deskmobi.selected {
                color: #458ccf;
                transition: 100ms all ease-in;
                -moz-transition: 100ms all ease-in;
                -webkit-transition: 100ms all ease-in; }
                .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility .visibility-deskmobi.selected:hover {
                  color: rgba(78, 169, 255, 0.795); }
                .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .new-button-visibility .visibility-deskmobi.selected:active {
                  color: rgba(42, 89, 134, 0.87); }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-filter, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-delete, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-duplicate, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-rename {
            display: inline-block;
            width: 33px;
            text-align: center;
            font-size: 15px;
            height: 50px;
            line-height: 50px;
            color: #393132;
            box-shadow: none !important;
            text-decoration: none; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-filter:hover .buttonizer-tooltip, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-delete:hover .buttonizer-tooltip, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-duplicate:hover .buttonizer-tooltip, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .mobile-desktop:hover .buttonizer-tooltip, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-rename:hover .buttonizer-tooltip {
            opacity: 1;
            visibility: visible;
            transition: all 300ms 150ms; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-filter:hover, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-delete:hover, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-duplicate:hover {
            color: #13090a; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder:hover .button-visibility {
            margin-left: 0;
            opacity: 1;
            visibility: visible;
            background: #FFFFFF;
            box-shadow: 6px 0 6px rgba(179, 179, 179, 0.96); }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu {
            position: absolute;
            min-width: 200px;
            z-index: 999;
            right: 0;
            background: #FFFFFF;
            border: 1px solid #dcdcdc;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 0 8px 2px rgba(210, 210, 210, 0.4);
            -moz-box-shadow: 0 0 8px 2px rgba(210, 210, 210, 0.4);
            box-shadow: 0 0 8px 2px rgba(210, 210, 210, 0.4);
            -webkit-transition: all 150ms ease-in;
            -moz-transition: all 150ms ease-in;
            -ms-transition: all 150ms ease-in;
            -o-transition: all 150ms ease-in;
            transition: all 150ms ease-in;
            visibility: hidden;
            top: 45px;
            opacity: 0; }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu:before {
              content: "";
              position: absolute;
              background: #ffffff;
              border-left: 1px solid #dcdcdc;
              border-top: 1px solid #dcdcdc;
              height: 8px;
              width: 8px;
              right: 10px;
              top: -4px;
              z-index: 1005;
              transform: translateX(-50%) rotate(45deg); }
            .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a {
              display: block;
              padding: 12px 20px;
              text-decoration: none;
              font-size: 13px;
              border-top: 1px solid #dcdcdc !important;
              -webkit-transition: all 150ms ease-in;
              -moz-transition: all 150ms ease-in;
              -ms-transition: all 150ms ease-in;
              -o-transition: all 150ms ease-in;
              transition: all 150ms ease-in; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a:nth-child(1) {
                border-top-width: 0 !important; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a:active, .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a:focus {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a i {
                width: 30px;
                vertical-align: middle; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a:hover {
                background: #f7f7f7;
                color: #333333; }
              .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a.delete {
                color: #c00000; }
                .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder .group-holder-quick-menu a.delete:hover {
                  color: #c00000; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder.holder-show-quick-menu .group-arrow {
            background: #ececec;
            cursor: pointer;
            border-right-color: #b6b6b6; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group .button-group-holder.holder-show-quick-menu .group-holder-quick-menu {
            visibility: visible;
            top: 50px;
            opacity: 1; }
        .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group.opened > .button-group-holder .holder-button .buttonizer-arrow-up {
          display: inline-block; }
        .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group.opened > .button-group-holder .holder-button .buttonizer-arrow-down {
          display: none; }
        .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group.group-button {
          margin-left: 30px;
          border-right: 0;
          margin-top: 10px;
          margin-bottom: 0; }
          .buttonizer-bar .container .buttonizer-group-holder .buttonizer-button-group.group-button .button-group-holder .group-title {
            width: 244px; }
    .buttonizer-bar .container .button-group-styling {
      background: #FFFFFF;
      color: rgba(0, 0, 0, 0.7);
      padding: 15px 15px 15px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: display none;
      -moz-transition: display none;
      -webkit-transition: display none;
      -o-transition: display none; }
      .buttonizer-bar .container .button-group-styling h2 {
        color: #8e8e8e;
        text-transform: uppercase;
        text-align: center;
        display: block;
        font-size: 11px;
        position: relative;
        margin-top: 20px; }
        .buttonizer-bar .container .button-group-styling h2 i {
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          z-index: 0;
          top: 10px;
          border-top: 1px solid #c4c4c4;
          margin: 0 10px; }
        .buttonizer-bar .container .button-group-styling h2 span {
          background: #FFFFFF;
          display: inline-block;
          position: relative;
          z-index: 5;
          padding: 0 15px; }
      .buttonizer-bar .container .button-group-styling .buttonizer-setting-row {
        position: relative;
        display: flex;
        width: 100%; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .first {
          padding-right: 10px; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row.disabled {
          pointer-events: none;
          opacity: 0.4; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row.form-has-extra-fields .is-textfield, .buttonizer-bar .container .button-group-styling .buttonizer-setting-row.form-has-extra-fields .buttonizer-input-only {
          margin-top: 7px; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row.is-boolean-only .buttonizer-setting-row-c1 {
          width: 288px; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row.is-boolean-only .buttonizer-setting-row-c2 {
          width: 50px; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .buttonizer-setting-row-c1 {
          width: 123px;
          font-size: 12px;
          line-height: 24px; }
          .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .buttonizer-setting-row-c1 span.setting-icon {
            display: inline-block;
            width: 20px;
            margin-right: 5px;
            text-align: center; }
          .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .buttonizer-setting-row-c1:hover .buttonizer-tooltip {
            opacity: 1;
            visibility: visible;
            transition: opacity 300ms 150ms, visibility 300ms 150ms; }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .buttonizer-setting-row-c2 {
          width: 220px;
          display: flex; }
          .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .buttonizer-setting-row-c2 input[type=checkbox] {
            margin-top: 3px;
            width: 24px;
            height: 24px;
            background: #eeeeee;
            border: 0px;
            box-shadow: none; }
            .buttonizer-bar .container .button-group-styling .buttonizer-setting-row .buttonizer-setting-row-c2 input[type=checkbox]:before {
              margin: -1px 0px 0 -5px;
              color: #5c5c5c7d;
              font-size: 33px;
              transform: rotate(-6deg); }
        .buttonizer-bar .container .button-group-styling .buttonizer-setting-row.is-boolean .buttonizer-setting-row-c1 {
          width: 352px; }
      .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop {
        margin-top: -6px; }
        .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul {
          max-height: 400px;
          height: 50vh; }
          .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li {
            font-size: 13px; }
            .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li em {
              text-decoration: underline;
              background: none; }
            .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li.group-result {
              font-weight: 500;
              color: #000000; }
            .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li.group-option {
              color: #4e4e4e; }
              .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li.group-option:hover, .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li.group-option.highlighted {
                color: #FFFFFF; }
            .buttonizer-bar .container .button-group-styling .chosen-container .chosen-drop ul li.disabled-result {
              color: #a5a5a5 !important; }
      .buttonizer-bar .container .button-group-styling .button-value .chosen-container .chosen-drop ul {
        max-height: 400px;
        height: auto; }
      .buttonizer-bar .container .button-group-styling .advanced-settings {
        display: block;
        font-weight: 500;
        text-decoration: none;
        text-align: center;
        padding: 10px 0;
        margin-top: 15px;
        color: #4b4b4b;
        outline: none;
        box-shadow: none !important; }
        .buttonizer-bar .container .button-group-styling .advanced-settings i {
          display: inline-block;
          width: 18px;
          height: 18px;
          vertical-align: middle;
          margin-right: 10px;
          margin-top: -1px;
          opacity: 0.8; }
        .buttonizer-bar .container .button-group-styling .advanced-settings:hover {
          color: #000000; }
          .buttonizer-bar .container .button-group-styling .advanced-settings:hover i {
            opacity: 1; }
  .buttonizer-bar .buttonizer-tooltip {
    position: absolute;
    width: fit-content;
    height: 18px;
    padding: 5px;
    background: black;
    border-radius: 5px;
    bottom: 50px;
    margin-left: -23px;
    font-size: 10px;
    color: white;
    text-align: center;
    line-height: 19px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 6;
    transition: opacity 300ms 0ms, visibility 300ms 0ms; }
    .buttonizer-bar .buttonizer-tooltip.buttonizer-tooltip-holder {
      margin-left: 0px;
      padding: 5px 8px;
      font-size: 11px;
      bottom: 40px;
      height: fit-content; }
      .buttonizer-bar .buttonizer-tooltip.buttonizer-tooltip-holder:after {
        bottom: -26px;
        left: 15px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: black;
        border-width: 18px; }
  .buttonizer-bar .bar-footer {
    position: absolute;
    z-index: 999;
    background: #f4f4f4;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    height: 46px; }
    .buttonizer-bar .bar-footer .footer-device-selector {
      float: right; }
      .buttonizer-bar .bar-footer .footer-device-selector a {
        display: inline-block;
        height: 41px;
        width: 43px;
        text-align: center;
        line-height: 41px;
        padding: 0;
        margin: 0;
        box-shadow: none;
        outline: none;
        border-top: 1px solid transparent;
        border-bottom: 4px solid transparent;
        color: #656a6f;
        -webkit-transition: all 100ms ease-in;
        -moz-transition: all 100ms ease-in;
        -o-transition: all 100ms ease-in;
        transition: all 100ms ease-in; }
        .buttonizer-bar .bar-footer .footer-device-selector a span:before {
          vertical-align: middle; }
        .buttonizer-bar .bar-footer .footer-device-selector a.active {
          border-bottom-color: #191e23;
          color: #191e23; }
        .buttonizer-bar .bar-footer .footer-device-selector a:hover {
          color: #0073aa;
          border-bottom-color: #0073aa;
          background: #FFFFFF; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative; }

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0; }

.scroll-element {
  display: none; }

.scroll-element, .scroll-element div {
  box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block; }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default; }

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999; }

.scroll-textarea > .scroll-content {
  overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0; }

/*************** SCROLLBAR DYNAMIC ***************/
.buttonizer-bar .scroll-element,
.buttonizer-bar .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.buttonizer-bar .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.buttonizer-bar .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.buttonizer-bar .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
  z-index: 9999; }

.buttonizer-bar .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.buttonizer-bar .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.buttonizer-bar .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

/* scrollbar height/width & offset from container borders */
.buttonizer-bar .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto; }

.buttonizer-bar .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px; }

.buttonizer-bar .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s; }

.buttonizer-bar .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s; }

.buttonizer-bar .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.buttonizer-bar .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.buttonizer-bar .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px; }

.buttonizer-bar .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px; }

/* hover & drag */
.buttonizer-bar .scroll-element:hover .scroll-element_outer,
.buttonizer-bar .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.buttonizer-bar .scroll-element:hover .scroll-element_outer .scroll-element_size,
.buttonizer-bar .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1; }

.buttonizer-bar .scroll-element:hover .scroll-element_outer .scroll-bar,
.buttonizer-bar .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.buttonizer-bar .scroll-element.scroll-x:hover .scroll-element_outer,
.buttonizer-bar .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px; }

.buttonizer-bar .scroll-element.scroll-y:hover .scroll-element_outer,
.buttonizer-bar .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 12px; }

.buttonizer-bar .scroll-element.scroll-y {
  opacity: 0;
  transition: 250ms all ease-in;
  -webkit-transition: 250ms all ease-in;
  -moz-transition: 250ms all ease-in;
  -o-transition: 250ms all ease-in; }

.buttonizer-bar:hover .scroll-element.scroll-y {
  opacity: 1; }

.buttonizer-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.67);
  z-index: 99999;
  transition: 350ms all ease-in-out;
  -moz-transition: 350ms all ease-in-out;
  -webkit-transition: 350ms all ease-in-out; }
  .buttonizer-loading.site-loading {
    left: 376px;
    top: 52px; }
  .buttonizer-loading .middle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -64px;
    width: 250px;
    text-align: center; }
    .buttonizer-loading .middle img {
      position: absolute;
      left: 50%;
      margin-left: -25%;
      top: 18px; }
    .buttonizer-loading .middle .loader-text {
      text-align: center;
      font-size: 20px;
      margin-top: 20px; }
    .buttonizer-loading .middle svg {
      -webkit-animation: spin 1s linear infinite;
      -moz-animation: spin 1s linear infinite;
      animation: spin 1s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.buttonizer-frame {
  position: absolute;
  left: 375px;
  top: 51px;
  right: 0;
  bottom: 0;
  z-index: 997;
  transition: 250ms all ease-in;
  -moz-transition: 250ms all ease-in;
  -webkit-transition: 250ms all ease-in; }
  .buttonizer-frame.buttonizer-frame-full {
    left: 0; }
  .buttonizer-frame .disable-admin-bar {
    position: absolute;
    left: 0;
    top: 0;
    right: 17px;
    height: 32px;
    background: rgba(55, 58, 61, 0.45); }
  .buttonizer-frame.frame-size-tablet {
    width: 720px;
    max-width: 720px;
    left: 50%;
    margin-left: -170px;
    right: unset; }
  .buttonizer-frame.frame-size-mobile {
    width: 340px;
    height: 650px;
    max-width: 340px;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: 15px;
    right: unset; }

body.warning-left-preview-window .buttonizer-frame, body.warning-reverted-changes .buttonizer-frame {
  top: 111px; }

@media screen and (max-height: 705px) {
  .buttonizer-frame.frame-size-mobile {
    top: 51px;
    margin-top: 0;
    height: auto; } }

.buttonizer-settings-window select.page-rule-type {
  width: auto !important;
  padding: 10px 20px;
  height: auto;
  float: right; }

.buttonizer-settings-window .is-rule-table {
  background-color: #eeeeee;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
  margin-bottom: 170px;
  border-spacing: 0; }
  .buttonizer-settings-window .is-rule-table .condition-type {
    padding: 12px 20px !important;
    text-align: left; }
    .buttonizer-settings-window .is-rule-table .condition-type > div {
      display: inline-block;
      cursor: pointer;
      vertical-align: middle; }
  .buttonizer-settings-window .is-rule-table tr:first-child td {
    border-top: 0; }
  .buttonizer-settings-window .is-rule-table tr:last-child td {
    display: none; }
  .buttonizer-settings-window .is-rule-table tr.is-andor td {
    background-color: #eeeeee;
    text-align: center;
    padding: 9px 0 !important;
    font-size: 11px;
    color: #626262;
    font-weight: 700;
    text-transform: uppercase; }
  .buttonizer-settings-window .is-rule-table tr td {
    padding: 5px 0;
    border-top: 1px solid #dcdcdc;
    border-spacing: 0;
    vertical-align: top; }
  .buttonizer-settings-window .is-rule-table tr.is-rule-row {
    background: #FFFFFF; }
    .buttonizer-settings-window .is-rule-table tr.is-rule-row td {
      padding: 10px 0; }
      .buttonizer-settings-window .is-rule-table tr.is-rule-row td:first-child {
        padding: 10px 15px 10px 20px; }
      .buttonizer-settings-window .is-rule-table tr.is-rule-row td:last-child {
        padding: 10px 20px 10px 15px; }
      .buttonizer-settings-window .is-rule-table tr.is-rule-row td select {
        padding: 10px;
        height: auto;
        border-radius: 2px; }
      .buttonizer-settings-window .is-rule-table tr.is-rule-row td input {
        padding: 10px;
        height: auto;
        border: 1px solid #ddd;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
        background-color: #fff;
        color: #32373c;
        outline: 0;
        transition: 50ms border-color ease-in-out;
        border-radius: 2px; }
      .buttonizer-settings-window .is-rule-table tr.is-rule-row td .button-remove-row {
        background: #ba0000;
        border-color: #aa0000 #990000 #990000;
        -webkit-box-shadow: 0 1px 0 #990000;
        box-shadow: 0 1px 0 #990000;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 -1px 1px #990000, 1px 0 1px #990000, 0 1px 1px #990000, -1px 0 1px #990000;
        display: block;
        height: 37px;
        line-height: 37px;
        text-align: center; }
        .buttonizer-settings-window .is-rule-table tr.is-rule-row td .button-remove-row:hover {
          background: #c20000 !important;
          border-color: #990000 !important;
          color: #fff; }
        .buttonizer-settings-window .is-rule-table tr.is-rule-row td .button-remove-row:active {
          background: #aa0000 !important;
          border-color: #990000 !important;
          -webkit-box-shadow: inset 0 2px 0 #990000;
          box-shadow: inset 0 2px 0 #990000;
          vertical-align: top;
          color: #FFFFFF; }

.ui-slider {
  position: relative;
  text-align: left;
  height: 6px;
  background-color: #f2f2f2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 10px 0 20px; }
  .ui-slider.ui-slider-disabled {
    opacity: 0.5; }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-left: -8px;
    background: #29abe2;
    font-weight: normal;
    color: #454545;
    top: -8px; }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 4px;
    font-size: .7em;
    display: block;
    background: #b6dced; }

.buttonizer-settings-window {
  width: 800px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 999999;
  background: #FFFFFF;
  margin-left: -400px;
  margin-top: -375px;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.28);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: visible; }
  .buttonizer-settings-window .background {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.2); }
  .buttonizer-settings-window.not-floating {
    width: 800px;
    height: auto !important;
    position: relative;
    margin: 0px auto;
    left: unset;
    top: unset;
    background: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-bottom: 1px; }
    .buttonizer-settings-window.not-floating .header {
      cursor: default !important; }
    .buttonizer-settings-window.not-floating .body {
      max-height: none !important; }
  .buttonizer-settings-window .header {
    padding: 0 20px;
    cursor: move;
    background: #f2f2f2;
    font-weight: 400;
    font-size: 17px;
    border-bottom: 1px solid #e8e8e8;
    color: #373737;
    height: 60px;
    line-height: 60px; }
    .buttonizer-settings-window .header .close-btn {
      float: right;
      font-size: 17px;
      display: block;
      height: 60px;
      width: 40px;
      text-align: center;
      color: #a7a7a7;
      position: relative;
      z-index: 999; }
      .buttonizer-settings-window .header .close-btn:hover {
        color: #333333;
        box-shadow: none !important; }
    .buttonizer-settings-window .header .window-dropdown {
      position: relative; }
      .buttonizer-settings-window .header .window-dropdown .current-selected {
        text-decoration: none;
        color: #333;
        display: inline-block;
        height: 60px;
        padding-right: 20px;
        box-shadow: none; }
        .buttonizer-settings-window .header .window-dropdown .current-selected i, .buttonizer-settings-window .header .window-dropdown .current-selected svg {
          margin-left: 10px;
          vertical-align: 1px;
          font-size: 17px; }
        .buttonizer-settings-window .header .window-dropdown .current-selected:hover {
          color: #4485a9; }
      .buttonizer-settings-window .header .window-dropdown .dropdown-list {
        position: absolute;
        top: 50px;
        left: -10px;
        z-index: 99;
        background: #FFFFFF;
        box-shadow: 0px 7px 20px -6px rgba(0, 0, 0, 0.5);
        border-bottom-left-radius: 3px;
        transition: 150ms all ease-in;
        -webkit-transition: 150ms all ease-in;
        -o-transition: 150ms all ease-in;
        -moz-transition: 150ms all ease-in; }
        .buttonizer-settings-window .header .window-dropdown .dropdown-list a {
          display: block;
          font-size: 15px;
          padding: 10px 25px;
          line-height: 30px;
          text-decoration: none;
          box-shadow: none; }
          .buttonizer-settings-window .header .window-dropdown .dropdown-list a:hover {
            background: #eeeeee; }
        .buttonizer-settings-window .header .window-dropdown .dropdown-list .dropdown-last {
          background: #f2f2f2;
          border-top: 1px solid #dddddd;
          color: #505050;
          font-weight: 500;
          font-size: 13px; }
          .buttonizer-settings-window .header .window-dropdown .dropdown-list .dropdown-last:hover {
            color: #000000; }
      .buttonizer-settings-window .header .window-dropdown.dropdown-closed .dropdown-list {
        opacity: 0;
        margin-top: -10px;
        visibility: hidden; }
  .buttonizer-settings-window .window-menu {
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    width: 200px;
    background: #f2f2f2;
    border-right: 1px solid #e8e8e8; }
    .buttonizer-settings-window .window-menu a {
      display: block;
      padding: 17px 20px;
      color: #333333;
      text-decoration: none;
      font-size: 16px;
      font-weight: 400;
      border-top: 1px solid rgba(0, 0, 0, 0);
      border-bottom: 1px solid rgba(0, 0, 0, 0);
      box-shadow: none; }
      .buttonizer-settings-window .window-menu a.selected {
        background: #FFFFFF;
        border-color: #e8e8e8;
        margin-right: -1px;
        font-weight: 500; }
  .buttonizer-settings-window .window-body {
    position: absolute;
    left: 201px;
    top: 61px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden; }
    .buttonizer-settings-window .window-body .buttonizer-switch {
      display: block;
      cursor: pointer;
      height: 22px;
      position: relative;
      background: #d8dbde;
      border: 1px solid #c2c7cc;
      width: 45px;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      -o-border-radius: 30px;
      box-shadow: none !important;
      transition: 150ms all ease-in;
      -moz-transition: 150ms all ease-in;
      -webkit-transition: 150ms all ease-in; }
      .buttonizer-settings-window .window-body .buttonizer-switch:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #ffffff;
        box-shadow: 0px 0 2px rgba(145, 145, 145, 0.24);
        top: -1px;
        border: 1px solid #cfd1d2;
        left: 0px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
        transition: 150ms all ease-in;
        -moz-transition: 150ms all ease-in;
        -webkit-transition: 150ms all ease-in; }
      .buttonizer-settings-window .window-body .buttonizer-switch:checked {
        background: #458ccf;
        border-color: #2b6ba7; }
        .buttonizer-settings-window .window-body .buttonizer-switch:checked:after {
          left: 22px;
          border-color: #2b6ba7; }
        .buttonizer-settings-window .window-body .buttonizer-switch:checked:before {
          display: none; }
    .buttonizer-settings-window .window-body .body-inner {
      padding: 20px; }
      .buttonizer-settings-window .window-body .body-inner.animated {
        -webkit-animation-duration: 400ms;
        animation-duration: 400ms; }
      .buttonizer-settings-window .window-body .body-inner .window-select {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        margin-top: 6px;
        color: #333333;
        background: #f2f2f2;
        border: 1px solid #ddd;
        box-shadow: none; }
    .buttonizer-settings-window .window-body .settings-window-information p {
      font-size: 15px; }
      .buttonizer-settings-window .window-body .settings-window-information p b {
        color: #000000; }
  .buttonizer-settings-window .body {
    max-height: 400px;
    padding: 20px;
    overflow-y: auto; }
    .buttonizer-settings-window .body.pb-space {
      padding-bottom: 190px; }
    .buttonizer-settings-window .body label {
      display: block;
      padding: 0 10px 10px;
      font-weight: 600; }
      .buttonizer-settings-window .body label.is-date-label {
        padding-right: 4px;
        display: inline-block; }
    .buttonizer-settings-window .body input[type='text'] {
      display: block;
      padding: 10px;
      width: 100%; }
    .buttonizer-settings-window .body .timezone-settings {
      padding: 6px; }
      .buttonizer-settings-window .body .timezone-settings a {
        text-decoration: none; }
        .buttonizer-settings-window .body .timezone-settings a.how-does-it-works {
          float: right; }
        .buttonizer-settings-window .body .timezone-settings a i {
          margin-left: 5px; }
  .buttonizer-settings-window .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .buttonizer-settings-window .link-add-more {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    margin: 10px 0;
    box-shadow: none; }
    .buttonizer-settings-window .link-add-more i, .buttonizer-settings-window .link-add-more svg {
      margin-right: 10px; }
  .buttonizer-settings-window .table-align-top {
    vertical-align: top; }
  .buttonizer-settings-window .window-splitter {
    background: #eee;
    color: #333;
    text-align: center;
    padding: 14px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 40px -20px; }
  .buttonizer-settings-window .time-schedule-title {
    margin-top: 0; }
    .buttonizer-settings-window .time-schedule-title .delete {
      float: right;
      color: #d72b2b;
      text-decoration: none;
      font-size: 12px;
      margin-top: 1px;
      text-transform: uppercase; }
      .buttonizer-settings-window .time-schedule-title .delete:hover {
        color: #ff6a6a; }
    .buttonizer-settings-window .time-schedule-title .rename {
      float: right;
      text-decoration: none;
      font-size: 12px;
      margin-top: 1px;
      text-transform: uppercase;
      margin-right: 15px; }
      .buttonizer-settings-window .time-schedule-title .rename i, .buttonizer-settings-window .time-schedule-title .rename svg {
        margin-right: 5px;
        vertical-align: middle; }
  .buttonizer-settings-window .time-schedule-data-picker h4 {
    margin-bottom: 9px;
    margin-top: 0; }
  .buttonizer-settings-window .time-schedule-data-picker .is-endbundle {
    position: relative; }
    .buttonizer-settings-window .time-schedule-data-picker .is-endbundle input[type=checkbox] {
      position: absolute;
      bottom: 11px;
      left: 13px; }
    .buttonizer-settings-window .time-schedule-data-picker .is-endbundle input[type=text] {
      padding-left: 40px; }
      .buttonizer-settings-window .time-schedule-data-picker .is-endbundle input[type=text].disabled {
        cursor: pointer; }
  .buttonizer-settings-window .time-schedule-edit-button {
    display: inline-block;
    padding: 0 10px 10px;
    font-size: 13px;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    box-shadow: none !important; }
    .buttonizer-settings-window .time-schedule-edit-button.date-button {
      padding-left: 0; }
      .buttonizer-settings-window .time-schedule-edit-button.date-button i {
        margin-left: 6px; }
    .buttonizer-settings-window .time-schedule-edit-button.button-remove {
      color: #cc4b4b;
      float: right;
      font-size: 17px; }
      .buttonizer-settings-window .time-schedule-edit-button.button-remove:hover {
        color: #9c0c0c; }
  .buttonizer-settings-window .tour-disable {
    cursor: default;
    pointer-events: none; }
  .buttonizer-settings-window.ui-draggable .header {
    padding: 0 20px 0 220px;
    cursor: move;
    background: #fff; }
  .buttonizer-settings-window.ui-draggable .window-menu {
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    padding-top: 60px; }

.buttonizer-warning {
  position: absolute;
  top: 52px;
  left: 376px;
  right: 0;
  padding: 10px 20px;
  text-align: left;
  display: none;
  background: #ffdada;
  color: #c12222;
  border-left: 3px solid #c12222;
  border-bottom: 1px solid #efb2b2;
  z-index: 10002; }
  .buttonizer-warning.warning-red {
    background: #ffdada;
    color: #c12222;
    border-left: 3px solid #c12222;
    border-bottom: 1px solid #efb2b2; }
  .buttonizer-warning .buttonizer-warning-button {
    display: inline-block;
    margin-left: 20px;
    background: #FFFFFF;
    color: #c12222;
    text-decoration: none;
    padding: 10px 20px;
    border: 1px solid #efb2b2;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px; }

.fs-modal.javascript-editor .fs-modal-dialog {
  width: 100%;
  max-width: 70%;
  left: 50%;
  margin-left: -35%; }
  .fs-modal.javascript-editor .fs-modal-dialog .fs-modal-body {
    padding: 0; }

.fs-modal.warning-red {
  background: rgba(93, 0, 0, 0.6); }
  .fs-modal.warning-red .fs-modal-header h4 {
    color: #710909; }

.fs-modal .fs-modal-header .window-icon {
  margin-right: 15px;
  vertical-align: middle; }

.fs-modal .fs-modal-header .extra-text-button {
  float: right;
  margin-right: 30px;
  color: #bbbbbb;
  text-decoration: none;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in; }
  .fs-modal .fs-modal-header .extra-text-button small {
    margin: 0 5px;
    font-size: 12px; }
  .fs-modal .fs-modal-header .extra-text-button:hover {
    color: #6f6f6f; }

.fs-modal .fs-modal-header .extra-icon {
  float: right;
  margin-right: 30px;
  padding: 0 5px;
  color: #bbbbbb;
  text-decoration: none;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in; }
  .fs-modal .fs-modal-header .extra-icon:hover {
    color: #6f6f6f; }

@media screen and (min-width: 1100px) {
  .fs-modal.has-video .fs-modal-dialog {
    width: 1052px;
    margin-left: -526px;
    background: white;
    padding-bottom: 0; }
    .fs-modal.has-video .fs-modal-dialog .fs-modal-body {
      width: 400px;
      display: block;
      float: left; }
      .fs-modal.has-video .fs-modal-dialog .fs-modal-body.fs-modal-body-text {
        border-right: #eeeeee solid 1px; }
    .fs-modal.has-video .fs-modal-dialog .fs-modal-video {
      display: block;
      width: 571px;
      float: right; } }

.buttonizer-pro-checklist {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500; }
  .buttonizer-pro-checklist li:nth-child(odd) {
    color: #2a7688; }
  .buttonizer-pro-checklist li:nth-child(even) {
    color: #ef8419; }
  .buttonizer-pro-checklist li i {
    margin-right: 10px;
    font-size: 17px; }

.buttonizer-premium-gray-out {
  color: rgba(0, 0, 0, 0.5) !important; }
  .buttonizer-premium-gray-out:active, .buttonizer-premium-gray-out:focus, .buttonizer-premium-gray-out:hover {
    box-shadow: none !important; }
  .buttonizer-premium-gray-out .buttonizer-premium {
    opacity: 0.7;
    transition: 100ms all ease-in;
    -webkit-transition: 100ms all ease-in;
    -moz-transition: 100ms all ease-in; }
  .buttonizer-premium-gray-out:hover .buttonizer-premium {
    opacity: 1; }

.buttonizer-premium-ghost {
  opacity: 0.5; }

.buttonizer-premium {
  background: #2d7688;
  background: -moz-linear-gradient(-45deg, #2d7688 0%, #187287 50%, #187287 50%, #f0841a 51%, #e8832c 98%);
  background: -webkit-linear-gradient(-45deg, #2d7688 0%, #187287 50%, #187287 50%, #f0841a 51%, #e8832c 98%);
  background: linear-gradient(135deg, #2d7688 0%, #187287 50%, #187287 50%, #f0841a 51%, #e8832c 98%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7688', endColorstr='#e8832c',GradientType=1 );
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  padding: 4px 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-left: 10px; }
  .buttonizer-premium.premium-right {
    position: absolute;
    right: 30px;
    top: 19px;
    z-index: 9; }

.buttonizer-icon-selector {
  position: absolute;
  max-width: 500px;
  border: 1px solid #e7e7e7;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(183, 183, 183, 0.18);
  color: #333333;
  top: 0;
  left: 0;
  width: 400px;
  z-index: 99999;
  display: none;
  -webkit-border-radius: 0 3px 3px 3px;
  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  border-radius: 3px;
  border-top-left-radius: 0; }
  .buttonizer-icon-selector.selector-animated {
    transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in; }
  .buttonizer-icon-selector .icon-selector-searchbar input {
    padding: 20px;
    font-weight: 200;
    width: 100%;
    border: 0;
    background-color: #fff;
    color: #32373c;
    outline: none;
    transition: 50ms border-color ease-in-out;
    display: block; }
  .buttonizer-icon-selector .icon-selector-list {
    background-color: #f5f5f5;
    border-top: 1px solid #e7e7e7;
    overflow: auto;
    max-height: 350px;
    text-align: center; }
    .buttonizer-icon-selector .icon-selector-list a {
      background-color: #f5f5f5;
      color: #464646;
      font-size: 19px;
      width: 16%;
      height: 50px;
      line-height: 50px;
      text-decoration: none;
      display: inline-block;
      text-align: center;
      outline: none; }
      .buttonizer-icon-selector .icon-selector-list a:hover {
        background-color: #e7e7e7; }
      .buttonizer-icon-selector .icon-selector-list a:focus {
        box-shadow: none !important; }

html {
  padding-top: 0 !important; }

body {
  overflow: hidden; }

/**
 * Overwrite background
 */
.buttonizer-admin-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f1f1f1;
  z-index: 999;
  text-align: center;
  color: #797979;
  padding-top: 40px; }
  .buttonizer-admin-overlay .buttonizer-no-script {
    color: #FF0000;
    padding: 15px;
    display: block;
    font-size: 30px;
    line-height: 40px;
    max-width: 600px;
    margin: 50px auto; }

/**
 * Non floating window
 */
.buttonizer-non-floating-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f1f1f1;
  z-index: 99999;
  color: #444444;
  overflow-y: auto;
  padding: 40px 0; }

.buttonizer-no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.table-relative {
  position: relative; }

.info-link {
  text-decoration: none;
  display: block;
  font-size: 12px; }
  .info-link.text-big {
    font-size: 14px; }
    .info-link.text-big i, .info-link.text-big svg {
      margin-right: 10px;
      font-size: 16px; }
  .info-link.has-margin-everywhere, .info-link.has-margin-top {
    margin-top: 10px; }
  .info-link.has-margin-everywhere, .info-link.has-margin-bottom {
    margin-bottom: 20px; }

.has-extra-fields input, .has-extra-fields textarea {
  margin-bottom: 5px; }

@media screen and (max-width: 782px) {
  html.wp-toolbar {
    padding: 0 !important; }
  .auto-fold #wpcontent {
    position: static !important;
    padding: 0 !important; } }