晋太元中，武陵人捕鱼为业。缘溪行，忘路之远近。忽逢桃花林，夹岸数百步，中无杂树，芳草鲜美，落英缤纷。渔人甚异之，复前行，欲穷其林。 　　林尽水源，便得一山，山有小口，仿佛若有光。便舍船，从口入。初极狭，才通人。复行数十步，豁然开朗。土地平旷，屋舍俨然，有良田、美池、桑竹之属。阡陌交通，鸡犬相闻。其中往来种作，男女衣着，悉如外人。黄发垂髫，并怡然自乐。 　　见渔人，乃大惊，问所从来。具答之。便要还家，设酒杀鸡作食。村中闻有此人，咸来问讯。自云先世避秦时乱，率妻子邑人来此绝境，不复出焉，遂与外人间隔。问今是何世，乃不知有汉，无论魏晋。此人一一为具言所闻，皆叹惋。余人各复延至其家，皆出酒食。停数日，辞去。此中人语云：“不足为外人道也。”(间隔 一作：隔绝) 　　既出，得其船，便扶向路，处处志之。及郡下，诣太守，说如此。太守即遣人随其往，寻向所志，遂迷，不复得路。 　　南阳刘子骥，高尚士也，闻之，欣然规往。未果，寻病终。后遂无问津者。 .
Prv8 Shell
Server : Apache
System : Linux srv.rainic.com 4.18.0-553.47.1.el8_10.x86_64 #1 SMP Wed Apr 2 05:45:37 EDT 2025 x86_64
User : rainic ( 1014)
PHP Version : 7.4.33
Disable Function : exec,passthru,shell_exec,system
Directory :  /home/stando/public_html/wp-content/plugins/uwac/adminframework/assets/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/stando/public_html/wp-content/plugins/uwac/adminframework/assets/css/cssf-framework.css
@charset "UTF-8";
/* ==========================================================================

   CASTORSTUDIO FRAMEWORK
   @version 2.0.1

   ========================================================================== */
/* ==========================================================================

	CASTORSTUDIO FRAMEWORK

   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
:root {
  --cssf-navbar-item-background:			var(--cs-ipido-sidebar-background,rgb(45,54,63));
  --cssf-navbar-item-color:				var(--cs-ipido-sidebar-text,rgba(255,255,255, 0.5));
  --cssf-navbar-item-hover-background:		var(--cs-ipido-sidebar-active-background,#37474F);
  --cssf-navbar-item-hover-color:			var(--cs-ipido-sidebar-text-hover,rgba(255,255,255, 0.7));
  --cssf-navbar-item-active-background:	var(--cs-ipido-color-accent,#7CB342);
  --cssf-navbar-item-active-color: 		rgba(255,255,255,0.9);
  --cssf-navbar-item-active-border: 		var(--cs-ipido-color-primary,#9CCC65);
  --cssf-element-subfield-background:		rgb(250, 250, 250);
  --cssf-element-subfield-border:			var(--cssf-theme-color-accent);
  --cssf-element-subfield-arrow-bg:		white;
  --cssf-theme-field-color:				#BDBDBD;
  --cssf-theme-color-primary:				var(--cs-ipido-color-primary,#9CCC65);
  --cssf-theme-color-accent: 				var(--cs-ipido-color-primary,#8BC34A);
  --cssf-theme-color-gray:					rgb(225, 225, 225);
  --cssf-theme-color-gray-dark:			rgb(157, 157, 157);
  --cssf-theme-navbar-text:				rgb(128, 165, 187);
  --cssf-theme-link-normal:				rgb(68, 79, 91);
  --cssf-theme-link-hover:					rgb(96, 164, 193);
  --cssf-header-color: 					rgba(255,255,255,0.9);
  --cssf-header-color2: 					rgba(255,255,255,0.6);
  --cssf-theme-text-accent-on-accent:		#F1F8E9;
  --cssf-theme-btn-save-background:		;
  --cssf-theme-btn-save-background-hover:	var(--cs-ipido-color-primary);
  --cssf-theme-btn-save-color:				;
  --cssf-theme-btn-restore-background:		;
  --cssf-theme-btn-restore-color:			;
}

@font-face { font-family: 'irsn'; src: url('../fonts/irsn.ttf'); } 
.cssf-framework *, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 , body.rtl, body.rtl .press-this a.wp-switch-editor {
font-family: 'irsn' !important;    
letter-spacing:-.5px;
}


.cssf-framework {
  position: relative;
  margin: 0px;
  border-radius: 5px;
  overflow: hidden;
  background: #eef2f5;
}

.cssf-framework * {
  font-family: 'Roboto', sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page {
    font: normal 20px/1 dashicons !important;
    padding: 0;
    vertical-align: top;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: -2px;
    padding-left: 2px;
}
.cssf-framework label {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.cssf-framework .cssf-settings-error {
  margin: 0 0 15px 0;
}

.cssf-framework .cssf-header {
  position: relative;
  height: 150px;
  background-position: center;
  background-image: url(../images/cssf-bg-header.png), linear-gradient(135deg, #f67c22 0, #df1c3c 100%);
  background-blend-mode: multiply;
  padding: 20px 50px;
}

.cssf-framework .cssf-header h1 {
  color: var(--cssf-header-color, white);
  height: 50px;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
  padding: 0;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.cssf-framework .cssf-header h1 small {
  color: var(--cssf-header-color2, rgba(255, 255, 255, 0.6));
  font-size: 13px;
  margin-left: 20px;
}

.cssf-framework .cssf-header > .cssf-header-buttonbar {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cssf-framework .cssf-header > .cssf-header-buttonbar > input#save.cssf-save,
.cssf-framework .cssf-header > .cssf-header-buttonbar > input.cssf-restore {
  border: none !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  background-image: none !important;
  border-radius: 3px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  height: 30px !important;
  padding: 0 20px !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cssf-framework .cssf-header > .cssf-header-buttonbar > input#save.cssf-save:hover,
.cssf-framework .cssf-header > .cssf-header-buttonbar > input.cssf-restore:hover {
  background-color: var(--cssf-theme-color-accent-hover, rgba(0, 0, 0, 0.2)) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.cssf-framework .cssf-header > .cssf-header-buttonbar > input#save.cssf-save {
  background-color: var(--cssf-theme-btn-save-background, rgba(0, 0, 0, 0.1)) !important;
}

.cssf-framework .cssf-header > .cssf-header-buttonbar > input#save.cssf-save:hover {
  background-color: var(--cssf-theme-btn-save-background-hover, rgba(0, 0, 0, 0.2)) !important;
}

.cssf-framework .cssf-header > .cssf-header-buttonbar > input.cssf-restore {
  margin-left: 10px !important;
}

.cssf-framework .cssf-body {
  position: initial;
  margin: -60px 30px 30px 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11);
  overflow: hidden;
}

.cssf-framework .cssf-body .cssf-nav {
  display: block;
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #eaeaea;
  background: white;
  width: 100%;
  height: 60px;
  overflow-x: hidden;
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 2;
  pointer-events: none;
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-prev,
.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-next {
  width: 30px;
  height: 59px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-prev::after,
.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-next::after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'castor-line-icons', sans-serif;
  font-size: 28px;
  color: var(--cssf-theme-navbar-text);
  background: rgba(255, 255, 255, 0.9);
  opacity: 0.9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-prev:hover::after,
.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-next:hover::after {
  opacity: 1;
  color: var(--cssf-theme-link-normal);
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-prev::after {
  content: '\e934';
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-buttons .cssf-nav-next::after {
  content: '\e935';
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-inner-wrapper {
  overflow: hidden;
  display: block;
  position: relative;
  height: 100%;
}

.cssf-framework .cssf-body .cssf-nav .cssf-nav-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}

.cssf-framework .cssf-body .cssf-nav ul {
  clear: right;
  margin: 0;
  list-style-type: none;
  position: relative;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: initial;
}

.cssf-framework .cssf-body .cssf-nav ul li {
  margin: 0;
  padding: 0;
}

.cssf-framework .cssf-body .cssf-nav ul li a {
  position: relative;
  text-align: center;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: initial;
  border: none;
  white-space: nowrap;
  text-decoration: none;
  color: var(--cssf-theme-navbar-text);
  line-height: 1;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 400;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-framework .cssf-body .cssf-nav ul li a.cssf-section-active {
  color: var(--cssf-theme-link-normal);
}

.cssf-framework .cssf-body .cssf-nav ul li a.cssf-section-active::before {
  right: 0;
  left: 0;
  width: auto;
}

.cssf-framework .cssf-body .cssf-nav ul li a.cssf-section-active:hover {
  color: var(--cssf-theme-link-hover);
}

.cssf-framework .cssf-body .cssf-nav ul li a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  right: 50%;
  left: 50%;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background: currentColor;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.cssf-framework .cssf-body .cssf-nav ul li a:hover {
  color: var(--cssf-theme-link-normal);
}

.cssf-framework .cssf-body .cssf-nav ul li a:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cssf-framework .cssf-body .cssf-nav ul li a .cssf-icon {
  width: initial;
  margin-left: 10px;
  font-size: 22px;
}

.cssf-framework .cssf-body .cssf-content {
  position: relative;
  color: #808d9b;
  font: normal 18px/1.555 Roboto,Arial,Sans-Serif;
  background: white;
  margin: 0;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections {
  width: 100%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-section-title {
  display: none;
  padding: 20px 30px;
  background-color: #5bc0de;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-section-title h3 {
  color: #fff;
  margin: 0;
  padding: 0 !important;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(68, 167, 197, 0.5);
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-section {
  display: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element {
  position: relative;
  font-size: 0.9rem;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element:hover {
  background-color: inherit;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-element-label--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-element-label--top .cssf-title {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-element-label--top .cssf-fieldset {
  margin: 10px 0px 0px 0px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-no-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.hidden, .cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-style--hidden {
  display: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element + .cssf-element {
  border-top: 1px solid #eee;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element p:last-child {
  margin-bottom: 0 !important;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element:after, .cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element:before {
  content: " ";
  display: table;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element:after {
  clear: both;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element h4 {
  margin-top: 0;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-title {
  position: relative;
  min-width: 250px;
  max-width: 30%;
  padding-right: 30px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-title h4 {
  margin: 0px;
  font-size: 0.9rem;
  color: #616161;
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-title .cssf-field-subtitle {
  font-size: 13px;
  color: #787878;
  padding-top: 5px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-title .cssf-help {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0px;
  font-size: 16px;
  color: #aaaaaa;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: help;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-fieldset {
  width: 70%;
  max-width: 70%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element pre {
  clear: both;
  color: #ccc;
  background-color: #222;
  padding: 15px;
  overflow: auto;
  border-radius: 2px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element pre strong {
  color: #ffbc00;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-subfield {
  background: var(--cssf-element-subfield-background);
  position: relative;
  border-top: 2px solid var(--cssf-element-subfield-border);
  -webkit-box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-subfield::after {
  content: '';
  background: var(--cssf-element-subfield-arrow-bg);
  position: absolute;
  top: -11px;
  left: 30px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 2px solid var(--cssf-element-subfield-border);
  border-radius: 4px 0px 0px 0px;
  border-bottom: 0;
  border-right: 0;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-fieldset {
  padding: 0px;
  position: relative;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-fieldset .cssf-inner {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-width: 100%;
  background: var(--cssf-element-subfield-background);
  position: relative;
  border-top: 2px solid var(--cssf-element-subfield-border);
  -webkit-box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-fieldset .cssf-inner::after {
  content: '';
  background: var(--cssf-element-subfield-arrow-bg);
  position: absolute;
  top: -11px;
  left: 30px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 2px solid var(--cssf-element-subfield-border);
  border-radius: 4px 0px 0px 0px;
  border-bottom: 0;
  border-right: 0;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-fieldset .cssf-inner > .cssf-field-fieldset > .cssf-inner {
  background: none;
  position: relative;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-fieldset .cssf-inner > .cssf-field-fieldset > .cssf-inner::after {
  display: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-switcher .cssf-text-muted {
  clear: both;
  padding-top: 5px;
}

.cssf-framework .cssf-body .cssf-nav-background {
  display: none;
}

.cssf-framework .cssf-footer {
  background: transparent;
  padding: 20px;
  color: #555;
  text-align: right;
  font-size: 11px;
}

.cssf-framework .cssf-show-all .cssf-nav-background,
.cssf-framework .cssf-show-all .cssf-nav {
  display: none;
}

.cssf-framework .cssf-show-all .cssf-content {
  margin-left: 0;
}

.cssf-framework .cssf-show-all .cssf-section-title,
.cssf-framework .cssf-show-all .cssf-section {
  display: block !important;
}

.cssf-framework .cssf-expand-all {
  position: absolute;
  right: 40px;
  bottom: 5px;
  z-index: 1;
  color: #555;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}

.cssf-framework .cssf-expand-all:hover {
  color: #fff;
}

.cssf-framework .cssf-expand-all:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cssf-dialog-load .cssf-element {
  position: relative;
  font-size: 0.9rem;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-dialog-load .cssf-element:hover {
  background-color: inherit;
}

.cssf-dialog-load .cssf-element.cssf-element-label--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-dialog-load .cssf-element.cssf-element-label--top .cssf-title {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0px;
}

.cssf-dialog-load .cssf-element.cssf-element-label--top .cssf-fieldset {
  margin: 10px 0px 0px 0px;
}

.cssf-dialog-load .cssf-element.cssf-field-no-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-dialog-load .cssf-element.hidden, .cssf-dialog-load .cssf-element.cssf-field-style--hidden {
  display: none;
}

.cssf-dialog-load .cssf-element + .cssf-element {
  border-top: 1px solid #eee;
}

.cssf-dialog-load .cssf-element p:last-child {
  margin-bottom: 0 !important;
}

.cssf-dialog-load .cssf-element:after, .cssf-dialog-load .cssf-element:before {
  content: " ";
  display: table;
}

.cssf-dialog-load .cssf-element:after {
  clear: both;
}

.cssf-dialog-load .cssf-element h4 {
  margin-top: 0;
}

.cssf-dialog-load .cssf-element .cssf-title {
  position: relative;
  min-width: 250px;
  max-width: 30%;
  padding-right: 30px;
}

.cssf-dialog-load .cssf-element .cssf-title h4 {
  margin: 0px;
  font-size: 0.9rem;
  color: #616161;
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cssf-dialog-load .cssf-element .cssf-title .cssf-field-subtitle {
  font-size: 13px;
  color: #787878;
  padding-top: 5px;
}

.cssf-dialog-load .cssf-element .cssf-title .cssf-help {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0px;
  font-size: 16px;
  color: #aaaaaa;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: help;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-dialog-load .cssf-element .cssf-fieldset {
  width: 70%;
  max-width: 70%;
}

.cssf-dialog-load .cssf-element pre {
  clear: both;
  color: #ccc;
  background-color: #222;
  padding: 15px;
  overflow: auto;
  border-radius: 2px;
}

.cssf-dialog-load .cssf-element pre strong {
  color: #ffbc00;
}

.cssf-dialog-load .cssf-element.cssf-field-subfield {
  background: var(--cssf-element-subfield-background);
  position: relative;
  border-top: 2px solid var(--cssf-element-subfield-border);
  -webkit-box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
}

.cssf-dialog-load .cssf-element.cssf-field-subfield::after {
  content: '';
  background: var(--cssf-element-subfield-arrow-bg);
  position: absolute;
  top: -11px;
  left: 30px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 2px solid var(--cssf-element-subfield-border);
  border-radius: 4px 0px 0px 0px;
  border-bottom: 0;
  border-right: 0;
}

.cssf-dialog-load .cssf-element.cssf-field-fieldset {
  padding: 0px;
  position: relative;
}

.cssf-dialog-load .cssf-element.cssf-field-fieldset .cssf-inner {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-width: 100%;
  background: var(--cssf-element-subfield-background);
  position: relative;
  border-top: 2px solid var(--cssf-element-subfield-border);
  -webkit-box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px -6px 5px -6px rgba(0, 0, 0, 0.1);
}

.cssf-dialog-load .cssf-element.cssf-field-fieldset .cssf-inner::after {
  content: '';
  background: var(--cssf-element-subfield-arrow-bg);
  position: absolute;
  top: -11px;
  left: 30px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 2px solid var(--cssf-element-subfield-border);
  border-radius: 4px 0px 0px 0px;
  border-bottom: 0;
  border-right: 0;
}

.cssf-dialog-load .cssf-element.cssf-field-fieldset .cssf-inner > .cssf-field-fieldset > .cssf-inner {
  background: none;
  position: relative;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cssf-dialog-load .cssf-element.cssf-field-fieldset .cssf-inner > .cssf-field-fieldset > .cssf-inner::after {
  display: none;
}

.cssf-dialog-load .cssf-element.cssf-field-switcher .cssf-text-muted {
  clear: both;
  padding-top: 5px;
}

.cssf-metabox-framework {
  border: 1px solid orange;
  margin: -6px -12px -12px -12px;
}

.cssf-metabox-framework .cs-content .cs-section-title {
  padding: 20px;
}

.cssf-flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row wrap !important;
          flex-flow: row wrap !important;
}

.cssf-field-wrapper-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row wrap !important;
          flex-flow: row wrap !important;
}

.cssf-text-desc {
  font-style: italic;
  font-weight: 400;
  margin-top: 10px;
  color: #999;
}

.cssf-text-success {
  color: #2b542c;
}

.cssf-text-info {
  color: #31708f;
}

.cssf-text-warning {
  color: #d02c21;
}

.cssf-text-muted {
  color: #aaa;
}

.cssf-text-left {
  text-align: left;
}

.cssf-text-center {
  text-align: center;
}

.cssf-text-right {
  text-align: right;
}

.cssf-block-left {
  float: left;
}

.cssf-block-right {
  float: right;
}

.cssf-text-highlight {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}

.cssf-text-highlight-gray {
  padding: 2px 4px;
  font-size: 90%;
  background-color: #f0f0f0;
  border-radius: 2px;
}

#cssf-save-ajax {
  display: none;
  position: relative;
  top: 4px;
  right: 5px;
  font-size: 12px;
  padding: 3px 8px;
  color: #fff;
  background-color: #27ae60;
  border-radius: 2px;
}

#side-sortables .cssf-content .cssf-section-title {
  padding: 12px;
}

#side-sortables .cssf-element {
  padding: 12px;
}

#side-sortables .cssf-element .cssf-title {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

#side-sortables .cssf-element .cssf-fieldset {
  margin-left: 0;
}

#side-sortables .cssf-field-upload input {
  width: 185px;
}

#side-sortables .cssf-field-notice .cssf-notice {
  padding: 12px;
}

.widget-content .cssf-element {
  position: relative;
  top: -1px;
  margin-right: -15px;
  margin-left: -15px;
  padding: 12px 15px;
}

.widget-content .cssf-element:last-child {
  margin-bottom: 15px;
}

.widget-content .cssf-element .cssf-title {
  float: none;
  width: 100%;
  margin-bottom: 5px;
}

.widget-content .cssf-element .cssf-fieldset {
  margin-left: 0;
}

.widget-content .cssf-field-text input {
  width: 100%;
}

.widget-content .cssf-field-upload input {
  width: 330px;
}

.widget-content .cssf-field-notice .cssf-notice {
  padding: 15px;
}

#customize-controls .customize-control-cs_field {
  position: relative;
  top: -10px;
  margin-bottom: 0;
}

#customize-controls .customize-control-cs_field .chosen-container.chosen-with-drop .chosen-drop {
  position: relative;
}

#customize-controls .cssf-element {
  margin-right: -15px;
  margin-left: -15px;
  padding: 12px 15px;
}

#customize-controls .cssf-element .cssf-title {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

#customize-controls .cssf-element .cssf-title h4 {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}

#customize-controls .cssf-element .cssf-fieldset {
  margin-left: 0;
}

#customize-controls .widget-content .cssf-element {
  margin-right: -10px;
  margin-left: -10px;
  padding: 10px 12px;
}

#customize-controls .cssf-field-select select {
  width: 100%;
}

#customize-controls .cssf-field-upload input {
  width: 175px;
  margin-right: 5px;
}

#customize-controls .cssf-field-heading {
  color: inherit;
  font-size: 14px;
  line-height: 1em;
}

#customize-controls .cssf-field-subheading {
  color: inherit;
  font-size: 11px;
}

#customize-controls .cssf-text-desc {
  margin-top: 4px;
  font-size: 12px;
}

#customize-controls .cssf-field-content,
#customize-controls .cssf-field-notice .cssf-notice {
  padding: 15px;
}

/* FIELD: Heading
========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-heading {
  background-color: white !important;
  color: #444f5b;
  font-size: 17px;
  font-weight: 900;
  line-height: 42px;
  padding: 30px;
  border-bottom: none;
}

/* FIELD: Sub-heading
========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-subheading {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin: 24px 0 12px;
  padding-top: 17px;
  padding-bottom: 17px;
  color: #444f5b;
  border: none;
  background-color: transparent !important;
}

/**
 * FIELD: Content
 *
 * @since 1.2.0
 * @version 1.0.0
 * ========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-content {
  padding: 0px 30px 50px 30px;
  font-size: 15px;
  font-weight: lighter;
  border: none;
}

/* FIELD: Background
========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-preview {
  display: inline-block;
  position: relative;
  padding: 4px;
  min-width: 44px;
  min-height: 22px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  line-height: 0;
  background-image: url(../../adminframework/assets/images/transparency-background.png);
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-preview > img {
  height: var(--cssf-image-preview-size-height);
  max-height: var(--cssf-image-preview-size-height, initial);
  width: var(--cssf-image-preview-size-width);
  max-width: var(--cssf-image-preview-size-width, initial);
  -o-object-fit: var(--cssf-image-preview-size-fit, initial);
     object-fit: var(--cssf-image-preview-size-fit, initial);
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-field-upload-form {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-field-upload-form input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-field-upload-form input.cssf-hidden-input {
  display: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-multifield .cssf-pseudo-field {
  margin: 0px;
  padding: 0;
  top: 0px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-multifield .cssf-pseudo-field + .cssf-pseudo-field {
  margin-left: 10px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-background .cssf-field-color_picker {
  position: relative;
  top: 10px;
}

/* ACE Editor */
.cssf-field-code_editor .code-editor-wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.cssf-field-code_editor .code-editor-wrapper > textarea {
  opacity: 0;
}

.cssf-field-code_editor .code-editor-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/**
 * FIELD: Switcher
 *
 * @since 1.0.0
 * @version 1.0.2
 * ========================================================================== */
.cssf-field-switcher .cssf-field-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cssf-field-switcher .cssf-field-inner-wrapper label {
  display: block;
  float: left;
  cursor: pointer;
  position: relative;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 20px;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  height: 32px;
}

.cssf-field-switcher .cssf-field-inner-wrapper label:hover > span {
  width: 28px;
  -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
          box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
}

.cssf-field-switcher .cssf-field-inner-wrapper label:hover input:checked ~ span {
  left: 24px;
}

.cssf-field-switcher .cssf-field-inner-wrapper label span {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 16px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-switcher .cssf-field-inner-wrapper label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.cssf-field-switcher .cssf-field-inner-wrapper label input:checked ~ em {
  background: var(--cssf-theme-color-accent);
}

.cssf-field-switcher .cssf-field-inner-wrapper label input:checked ~ em:before {
  opacity: 0;
}

.cssf-field-switcher .cssf-field-inner-wrapper label input:checked ~ em:after {
  opacity: 1;
}

.cssf-field-switcher .cssf-field-inner-wrapper label input:checked ~ span {
  left: 28px;
}

.cssf-field-switcher .cssf-field-inner-wrapper label em {
  position: relative;
  display: block;
  height: inherit;
  font-size: 11px;
  line-height: 32px;
  height: 32px;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.015) inset;
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.015) inset;
  background-color: #eeeeee;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.cssf-field-switcher .cssf-field-inner-wrapper label em::before, .cssf-field-switcher .cssf-field-inner-wrapper label em::after {
  position: absolute;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-switcher .cssf-field-inner-wrapper label em::before {
  right: 8px;
}

.cssf-field-switcher .cssf-field-inner-wrapper label em::after {
  opacity: 0;
  left: 10px;
}

.cssf-field-switcher .cssf-field-inner-wrapper .cssf-switcher-text {
  min-height: 32px;
  line-height: 32px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  vertical-align: top;
  white-space: normal;
}

/* Custom User Role */
.cssf-element.cssf-field-custom_userrole .cssf-custom-userrole .cssf-custom-userrole-content {
  margin-bottom: 25px;
}

/*  FIELD: Layout Builder -- Details View & Image Item
    ========================================================================== */
.cssf-field-builder_navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 16px !important;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design {
  border: 2px solid #E0E0E0;
  border-radius: 4px;
  width: 100%;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__top, .cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__left, .cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__right, .cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__bottom, .cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__main, .cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__buttonbar {
  border: 2px dashed #E0E0E0;
  padding: 20px 8px 8px 8px;
  margin-bottom: 8px;
  border-radius: 2px;
  position: relative;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section:last-child {
  margin: 0px;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section .cssf-uls-layout-element:not(.cssf-uls-layout-section) {
  border: 1px solid #90A4AE;
  background: #B0BEC5;
  color: #455A64;
  position: relative;
  z-index: 1;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section .cssf-uls-layout-element:not(.cssf-uls-layout-section):hover {
  border-color: #8fa7b3;
  background: #c2d2da;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section .cssf-uls-layout-element:not(.cssf-uls-layout-section) + .cssf-uls-layout-element {
  margin-left: 8px;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #BDBDBD;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 70px;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__main::before {
  content: "Navbar";
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__design .cssf-uls-layout-section.layout-section__main .layout-element__flexiblespace {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__elements {
  border: 2px solid #F5F5F5;
  border-radius: 4px;
  background-color: #FAFAFA;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 15px;
  padding: 20px 8px 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 70px;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__elements::before {
  content: 'Available Elements';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #BDBDBD;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.cssf-field-builder_navbar .cssf-uls-layout-builder .cssf-uls-layout__elements .cssf-uls-layout-element + .cssf-uls-layout-element {
  margin-left: 8px;
}

.cssf-uls-layout-element {
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  padding: 8px;
  background: #EEEEEE;
  color: #757575;
  text-align: center;
  -webkit-transition: all 10ms;
  transition: all 10ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-uls-layout-element:hover {
  border-color: #bebebe;
}

.gu-mirror {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* FIELD: IMAGE SELECT
   ========================================================================== */
.cssf-field-image_select label {
  display: inline-block;
  margin: 5px;
}

.cssf-field-image_select label img {
  max-width: 100%;
  vertical-align: bottom;
  background-color: #fff;
  border: 2px solid #eee;
}

.cssf-field-image_select input {
  display: none;
}

.cssf-field-image_select input:checked ~ img {
  border-color: #333;
}

.cssf-field-image_select.cssf-field-no-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

.cssf-field-image_select .cssf-field-image-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

.cssf-field-image_select label {
  display: inherit;
  margin: 0px 15px 15px 0px;
}

.cssf-field-image_select label:last-child {
  margin-right: 0px;
}

.cssf-field-image_select label input {
  display: none;
}

.cssf-field-image_select label input:checked ~ .cssf-image-select-wrapper {
  border-color: var(--cssf-theme-color-accent);
  opacity: 1;
}

.cssf-field-image_select label input:checked ~ .cssf-image-select-wrapper:hover::after {
  opacity: 0.8;
}

.cssf-field-image_select label input:checked ~ .cssf-image-select-wrapper::after {
  opacity: 1;
  color: white;
  background: var(--cssf-theme-color-accent);
}

.cssf-field-image_select label input:checked ~ .cssf-image-select-wrapper > img {
  opacity: 1;
}

.cssf-field-image_select label .cssf-image-select-wrapper {
  max-width: 100%;
  height: 100%;
  position: relative;
  padding: 10px;
  vertical-align: bottom;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.cssf-field-image_select label .cssf-image-select-wrapper::after {
  content: "\e931";
  font-family: 'castor-line-icons',sans-serif;
  font-size: 16px;
  color: white;
  background-color: var(--cssf-theme-color-gray);
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.cssf-field-image_select label .cssf-image-select-wrapper:hover {
  border-color: #cecece;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.cssf-field-image_select label .cssf-image-select-wrapper:hover::after {
  opacity: 0.9;
}

.cssf-field-image_select label .cssf-image-select-wrapper:hover > img {
  opacity: 1;
}

.cssf-field-image_select label .cssf-image-select-wrapper > img {
  border: none;
  background-color: #f4f4f4;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.cssf-field-image_select label .cssf-image-select-wrapper > .image-select-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px 0px 10px;
}

/**
 * FIELD: group
 *
 * @since 1.0.0
 * @version 1.0.0
 * ========================================================================== */
.cssf-field-group {
  --cssf-element-subfield-arrow-bg: white;
}

.cssf-field-group > .cssf-fieldset {
  margin: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cssf-field-group > .cssf-fieldset .cssf-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-field-group.cssf-field-no-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-field-group .cssf-groups .cssf-group {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.cssf-field-group .cssf-groups .cssf-group:hover {
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.11);
          box-shadow: 0 5px 6px rgba(0, 0, 0, 0.11);
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper {
  --title-height: 39px;
  position: relative;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fafafa;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper::before {
  content: "\e935";
  font-family: 'castor-line-icons', sans-serif;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--title-height);
  height: var(--title-height);
  line-height: var(--title-height);
  text-align: center;
  color: #9b9b9b;
  cursor: move;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper.ui-accordion-header-active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper.ui-accordion-header-active::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper .ui-accordion-header-icon {
  display: none;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper .cssf-group-title {
  position: relative;
  height: var(--title-height);
  margin-left: var(--title-height);
  padding: 0 0 0 15px;
  background: transparent;
  color: #23282d;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper .cssf-group-title .ui-accordion-header-icon {
  left: initial;
  right: 80px;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper .cssf-group-title h4 {
  margin: 0px;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-title-wrapper .cssf-remove-group {
  height: auto;
  border-radius: 0px;
}

.cssf-field-group .cssf-groups .cssf-group .cssf-group-content {
  border: none;
}

.cssf-field-group .cssf-groups .cssf-group.hidden {
  display: none;
}

.cssf-field-group .cssf-add-group.button.button-primary {
  background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#34aa44));
  background: linear-gradient(180deg, #39b54a, #34aa44);
  border-color: #249533;
  color: white;
}

.cssf-field-group .cssf-add-group.button.button-primary:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#34a544), to(#2f9a3e));
  background: linear-gradient(180deg, #34a544, #2f9a3e);
}

.cssf-field-group .cssf-element {
  padding: 20px;
}

.cssf-field-group .cssf-group {
  display: none;
  position: relative;
  margin-bottom: 5px;
}

.cssf-field-group .cssf-group h4 {
  font-size: 1em;
}

.cssf-field-group .cssf-group-content {
  border: 1px solid #e5e5e5;
  background: #fff;
}

.cssf-field-group .cssf-group-title {
  border: 1px solid #e5e5e5;
  background: #fafafa;
}

.cssf-field-group .cssf-group-title:active, .cssf-field-group .cssf-group-title:hover, .cssf-field-group .cssf-group-title:focus {
  border: 1px solid #bbb;
  background: #fafafa;
  outline: none;
}

.cssf-field-group .cssf-group-title {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 15px;
  min-height: 0;
  font-size: 100%;
}

.cssf-field-group .cssf-group-content {
  padding: 0;
  border-top: 0;
}

.cssf-field-group .widget-placeholder {
  margin-bottom: 8px;
}

.cssf-field-group .ui-accordion .cssf-group {
  display: block;
}

.cssf-field-group .ui-accordion-icons {
  padding-left: 30px;
}

.cssf-field-group .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -10px;
  text-indent: 0;
  color: #bbb;
}

.cssf-field-group .ui-sortable-helper .cssf-group-content {
  display: none !important;
}

/* FIELD: SLIDER
========================================================================== */
.cssf-field-slider .cssf-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cssf-field-slider .cssf-slider .cssf-field-text_addon {
  margin-right: 10px;
  padding: 0px;
}

.cssf-field-slider .cssf-slider .cssf-slider-wrapper.noUi-target {
  width: calc(100% - 110px);
}

.cssf-field-slider .cssf-slider .cssf-slider-wrapper.noUi-target .noUi-connect {
  background: var(--cssf-theme-color-accent);
  background-image: -linear-gradient(top, #0095dd, #007db9);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.015) inset;
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.015) inset;
}

.cssf-field-slider .cssf-slider .cssf-slider-wrapper.noUi-target + .cssf-field-text_addon input {
  margin-left: 10px;
}

/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
* Browsers can paint handles in their own layer.
*/
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
*/
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 30px;
  height: 30px;
  left: -15px;
  top: -7.5px;
  border-radius: 30px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 30px;
  height: 30px;
  left: -7.5px;
  top: -15px;
  border-radius: 30px;
}

/* Styling;
*/
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connect {
  background: #3FB8AF;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
          box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
*/
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
*/
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
*
*/
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
*
*/
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
*
*/
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* IMAGE FIELD
========================================================================== */
.cssf-field-image input {
  display: none;
}

.cssf-field-image .cssf-preview {
  display: inline-block;
  position: relative;
  padding: 4px;
  min-width: 44px;
  min-height: 22px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

.cssf-field-image .cssf-preview img {
  max-height: 90px;
  display: inline-block;
  vertical-align: middle;
}

.cssf-field-image .cssf-image-preview .cssf-preview {
  background-image: url(../../adminframework/assets/images/transparency-background.png);
}

.cssf-field-image .cssf-image-preview .cssf-preview > img {
  height: var(--cssf-image-preview-size-height);
  max-height: var(--cssf-image-preview-size-height, initial);
  width: var(--cssf-image-preview-size-width);
  max-width: var(--cssf-image-preview-size-width, initial);
  -o-object-fit: var(--cssf-image-preview-size-fit, initial);
     object-fit: var(--cssf-image-preview-size-fit, initial);
}

/* FIELD: TEXT INPUT
   ========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input {
  width: 340px;
  max-width: 100%;
  height: 35px;
  line-height: inherit;
  margin: 0;
  padding: 7px 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  border-top-color: #dedede;
  background-color: #f1f1f1;
  color: #444444;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_xs {
  width: 50px;
  max-width: 50px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_sm {
  width: 100px;
  max-width: 100px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_md {
  width: 150px;
  max-width: 150px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_lg {
  width: 100%;
  max-width: 100%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_xl {
  width: 450px;
  max-width: 450px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_xxl {
  width: 650px;
  max-width: 650px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--size_block {
  width: 100%;
  max-width: 100%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--alignment_left {
  text-align: right;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--alignment_center {
  text-align: center;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-field-text input.cssf-input--alignment_right {
  text-align: right;
}

/* FIELD: TEXT ADDON - INPUT TEXT WITH PREPEND/APPEND ICON
   ========================================================================== */
.cssf-element.cssf-field-text_addon .cssf-input-addon-field {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field > .cssf-input-addon {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 25px;
  padding: 0px 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-shadow: 0 1px 0 white;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field > .cssf-input-addon.cssf-input-addon-icon {
  font-size: 18px;
  font-weight: 400;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field > input {
  max-width: initial;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_xs input {
  width: 50px !important;
  max-width: 50px !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_sm input {
  width: 100px !important;
  max-width: 100px !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_md input {
  width: 150px !important;
  max-width: 150px !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_lg input {
  width: 300px !important;
  max-width: 300px !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_xl input {
  width: 450px !important;
  max-width: 450px !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_xxl input {
  width: 650px !important;
  max-width: 650px !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--size_block input {
  width: 100%;
  max-width: 100%;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--alignment_left input {
  text-align: left !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--alignment_center input {
  text-align: center !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input--alignment_right input {
  text-align: right !important;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_prepend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_prepend > .cssf-input-addon {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_prepend > input {
  border-left: 0;
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  margin-top: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_append {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_append > .cssf-input-addon {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_append > input {
  border-right: 0;
  margin-bottom: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0;
  margin-top: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_both {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_both .cssf-input-addon:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_both .cssf-input-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.cssf-element.cssf-field-text_addon .cssf-input-addon-field.cssf-input-addon--style_both > input {
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0 !important;
  margin-right: 0;
  margin-top: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.cssf-field-textarea textarea {
  width: 100%;
  max-width: 100%;
  min-height: 125px;
  line-height: inherit;
  margin: 0;
  padding: 7px 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  border-top-color: #dedede;
  background-color: #f1f1f1;
  color: #444444;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.cssf-field-textarea .cssf-shortcode {
  margin-bottom: 10px;
}

/* FIELD: ANGLE PICKER
   ========================================================================== */
.cssf-field-angle .cssf-anglepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-field-angle .cssf-anglepicker .cssf-field-text_addon {
  margin-right: 10px;
}

.cssf-field-angle .cssf-anglepicker .cssf-field-text_addon input {
  width: 70px;
  text-align: center;
}

/* FIELD: Animate.css
   ========================================================================== */
.cssf-field-animate_css .animation-preview {
  padding: 10px 0;
  display: inline-block;
  margin: 0 10px;
}

.cssf-field-animate_css .animation-preview h3 {
  margin: 0;
}

/*!
 * 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.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@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.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

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

.cssf-element-color-palette input[type="radio"] {
  display: none;
}

.cssf-element-color-palette fieldset label {
  display: inline;
}

.cssf-element-color-palette fieldset label .color_palette_option {
  display: inline;
}

.cssf-element-color-palette fieldset label .color_palette_option input[type="radio"]:checked + .color-option {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 4px 14px 14px;
}

.cssf-element-color-palette fieldset .color-option {
  margin-right: 10px;
}

.cssf-element-color-palette fieldset .color-option:hover, .cssf-element-color-palette fieldset .color-option.selected {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 4px 14px 14px;
}

.cssf-element-color-palette fieldset .color-option label {
  margin-bottom: 15px !important;
  display: inline-block;
}

.cssf-field-color_overlay .cssf-color_overlay .cssf-field-slider {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* FIELD: CSS Builder
========================================================================== */
.cssf-css-builder-container .cssf-css-builder-extra-options {
  display: inline-block;
  vertical-align: middle;
}

.cssf-css-builder-container .cssf-css-builder-extra-options .cssf-element {
  padding: 10px 0;
  display: inline-block;
  margin-right: 5%;
  border: none !important;
  width: 45%;
}

.cssf-css-builder-container .cssf-css-builder-extra-options .cssf-element .cssf-title {
  width: 100%;
  margin-bottom: 10px;
}

.cssf-css-builder-container .cssf-css-builder-extra-options .cssf-element .cssf-fieldset {
  margin-left: 0 !important;
}

.cssf-css-builder-container .cssf-css-builder-extra-options .cssf-css-builder-border-radius {
  margin-top: 10px;
}

.cssf-css-builder-container .cssf-css-builder-extra-options .cssf-css-builder-border-radius .cssf-css-border-radius-caption {
  margin-bottom: 10px;
}

.cssf-css-builder-container .cssf-css-builder-extra-options .cssf-css-builder-border-radius .cssf-element {
  width: 20%;
  margin-right: 2%;
  text-align: left;
}

.cssf-css-builder-container .cssf-css-builder-margin {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #f2f2f2;
  padding: 10px;
  width: 440px;
  height: 286px;
  border: 1px dashed #a6a6a6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-css-builder-container .cssf-css-builder-border {
  position: relative;
  top: 5px;
  margin: 0 auto;
  padding: 10px 3px;
  width: 326px;
  height: 218px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-css-builder-container .cssf-css-builder-padding {
  position: relative;
  top: 9px;
  margin: 0 auto;
  padding: 10px 3px;
  width: 209px;
  height: 142px;
  border: 1px dashed #9c9c9c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-css-builder-container .cssf-css-builder-layout-center {
  position: relative;
  top: 8px;
  margin: 0 auto;
  width: 96px;
  height: 66px;
  border: none;
  left: 0;
}

.cssf-css-builder-container .cssf-css-checkall {
  font-size: 16px;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  cursor: pointer;
  color: #eee;
  background: #ccc;
  border-radius: 50%;
}

.cssf-css-builder-container .cssf-css-checkall.checked {
  color: #00a0d2;
}

.cssf-css-builder-container .cssf-css-info {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #ccc;
}

.cssf-css-builder-container .cssf-css-info:hover {
  cursor: pointer;
  color: #00a0d2;
}

.cssf-css-builder-container .cssf-element.cssf-margin, .cssf-css-builder-container .cssf-element.cssf-border, .cssf-css-builder-container .cssf-element.cssf-padding {
  position: absolute;
  text-align: center;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-css-builder-container .cssf-element.cssf-margin-top, .cssf-css-builder-container .cssf-element.cssf-border-top, .cssf-css-builder-container .cssf-element.cssf-padding-top {
  left: 50%;
  margin-left: -20px;
  top: 2px;
}

.cssf-css-builder-container .cssf-element.cssf-margin-bottom, .cssf-css-builder-container .cssf-element.cssf-border-bottom, .cssf-css-builder-container .cssf-element.cssf-padding-bottom {
  left: 50%;
  margin-left: -20px;
  bottom: 2px;
}

.cssf-css-builder-container .cssf-element.cssf-margin-left, .cssf-css-builder-container .cssf-element.cssf-border-left, .cssf-css-builder-container .cssf-element.cssf-padding-left {
  top: 50%;
  margin-top: -15px;
  left: 4px;
}

.cssf-css-builder-container .cssf-element.cssf-margin-right, .cssf-css-builder-container .cssf-element.cssf-border-right, .cssf-css-builder-container .cssf-element.cssf-padding-right {
  top: 50%;
  margin-top: -15px;
  right: 4px;
}

.cssf-css-builder-container .cssf-element.cssf-border-top, .cssf-css-builder-container .cssf-element.cssf-padding-top {
  top: 6px;
}

.cssf-css-builder-container .cssf-element.cssf-border-bottom, .cssf-css-builder-container .cssf-element.cssf-padding-top {
  bottom: 5px;
}

.cssf-element .text-limiter {
  margin-top: 0px;
}

.cssf-element .text-limiter > span {
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  margin-left: 1px;
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
}

/* ICON MANAGER - Accordion Icons
========================================================================== */
.cssf-field-icon .cssf-icon-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-field-icon .cssf-icon-select input {
  display: none;
}

.cssf-field-icon .cssf-icon-select .cssf-icon-preview {
  width: 35px;
  height: 35px;
  border-radius: 3px;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: RGB(158, 160, 165);
  background-color: rgba(158, 160, 165, 0.1);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 1.5rem;
}

.cssf-field-icon .cssf-icon-select .cssf-icon-preview.hidden {
  display: none;
}

#cssf-icon-dialog .cssf-icon-accordion-content {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

#cssf-icon-dialog .cssf-icon-accordion-content span.ui-accordion-header-icon {
  display: none;
}

#cssf-icon-dialog .cssf-icon-accordion-content a {
  position: relative;
  text-decoration: none;
  color: RGB(158, 160, 165);
  background-color: rgba(158, 160, 165, 0.1);
  margin: 2px auto;
  border-radius: 3px;
  border: 2px solid rgba(158, 160, 165, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#cssf-icon-dialog .cssf-icon-accordion-content a:hover {
  color: var(--cs-ipido-color-primary);
  background-color: rgba(158, 160, 165, 0.3);
  border-color: var(--cs-ipido-color-primary);
}

#cssf-icon-dialog .cssf-icon-accordion-content a .cssf-icon {
  padding: 5px;
  font-size: 32px;
  width: 60px;
  height: 60px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-icon-title.ui-accordion-header {
  outline: none;
  cursor: pointer;
  color: RGB(158, 160, 165);
  background-color: rgba(158, 160, 165, 0.1);
  margin: 5px;
  border-radius: 3px;
  border: 2px solid rgba(158, 160, 165, 0.3);
  padding: 10px 20px 10px 50px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-icon-title.ui-accordion-header:hover {
  color: var(--cs-ipido-color-primary);
  background-color: rgba(192, 194, 199, 0.1);
  border-color: var(--cs-ipido-color-primary);
}

.cssf-icon-title.ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 2px solid rgba(158, 160, 165, 0.3);
  background: white;
  border-radius: 2px;
  text-indent: 0px;
}

/* FIELD: Easing Editor
   ========================================================================== */
.cssf-field-easing_editor .cssf-easing-editor .cssf-element {
  vertical-align: top;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-outer-wrapper {
  display: none;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper {
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 3px;
  display: inline-block;
  margin-top: 20px;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph {
  --size-graph: 200px;
  --size-handle: 16px;
  --size-total: calc(var(--size-graph) + var(--size-handle) / 2);
  position: relative;
  height: var(--size-total);
  width: var(--size-total);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .knob {
  background: #0073AA;
  position: absolute;
  display: block;
  height: var(--size-handle);
  width: var(--size-handle);
  border-radius: 50px;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .knob.ui-draggable-handle {
  cursor: -webkit-grab;
  cursor: grab;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .knob.ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p0 {
  left: calc(var(--size-handle) / 2 *-1);
  top: calc(var(--size-total) - var(--size-handle));
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p1 {
  left: 40px;
  top: 80px;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p2 {
  left: 40px;
  top: 40px;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p3 {
  left: calc(var(--size-total) - var(--size-handle));
  top: calc(var(--size-handle) / 2 *-1);
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p1,
.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p2 {
  background-color: #444444;
  z-index: 50;
  margin-top: calc(var(--size-handle) / 2 * -1);
  margin-left: calc(var(--size-handle) / 2 * -1);
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph .p2 {
  background: #444444;
}

.cssf-field-easing_editor .cssf-easing-editor__graph-wrapper .cssf-easing-editor__graph canvas.cssf-easing-editor__bezierCurve {
  border: none;
}

.cssf-field-easing_editor .cssf-easing-editor__preview {
  --easingTypeAnimation: ease-out;
  margin-top: 20px;
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 10px;
}

.cssf-field-easing_editor .cssf-easing-editor__preview .cssf-easing-editor__preview-box {
  background: #0073AA;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  -webkit-animation: easingTypePreview 2s var(--easingTypeAnimation) 0s infinite alternate;
          animation: easingTypePreview 2s var(--easingTypeAnimation) 0s infinite alternate;
}

.cssf-field-easing_editor .cssf-easing-editor__result {
  margin-top: 20px;
}

@-webkit-keyframes easingTypePreview {
  0% {
    margin-left: 0%;
  }
  100% {
    margin-left: calc(100% - 20px);
  }
}

@keyframes easingTypePreview {
  0% {
    margin-left: 0%;
  }
  100% {
    margin-left: calc(100% - 20px);
  }
}

.p1X,
.p1Y {
  color: #00AEDB;
}

.p2X,
.2Y {
  color: #666;
}

/* FIELD: Wordpress Button with icon inside (Used on: Easing Field)
   ========================================================================== */
.button > .dashicons {
  position: relative;
  top: 3px;
  margin-right: 3px;
}

/* FIELD: Multifield
   ========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-multifield {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-multifield > .cssf-row {
  width: 100%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-multifield .cssf-pseudo-field + .cssf-pseudo-field {
  border-top: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element .cssf-multifield .cssf-pseudo-field label {
  display: block;
  position: relative;
  font-size: 12px !important;
  text-align: left;
  color: #999999;
  margin: 4px 0 2px 0 !important;
  cursor: default;
}

/* FIELD: TYPOGRAPHY ADVANCED
   ========================================================================== */
.cssf-field-typography_advanced .cssf-pseudo-field {
  padding: 0px;
  margin-right: 10px;
}

.cssf-field-typography_advanced .cssf-pseudo-field .cssf-input-addon-field input {
  width: 70px;
}

.cssf-field-typography_advanced .cssf-typo-preview {
  --cssf-typo-preview-weight: 		500;
  --cssf-typo-preview-size: 		12px;
  --cssf-typo-preview-height: 		20px;
  --cssf-typo-preview-spacing: 	0px;
  --cssf-typo-preview-align: 		left;
  --cssf-typo-preview-transform: 	inherit;
  --cssf-typo-preview-color: 		rgb(0,0,0);
  position: relative;
  padding: 20px 25px;
  margin: 15px 0 11px;
  width: 100%;
  background-color: #f1f1f1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cssf-field-typography_advanced .cssf-typo-preview .cssf-typo-preview-toggle {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.9);
  border-bottom-left-radius: 2px;
  cursor: pointer;
}

.cssf-field-typography_advanced .cssf-typo-preview .cssf-typo-preview-toggle::before {
  content: "\f205";
  font-family: "FontAwesome", sans-serif;
  font-size: 16px;
}

.cssf-field-typography_advanced .cssf-typo-preview.cssf-typo-preview-toggle_dark {
  background-color: #32373c;
}

.cssf-field-typography_advanced .cssf-typo-preview.cssf-typo-preview-toggle_dark .cssf-typo-preview-toggle::before {
  content: "\f204";
}

.cssf-field-typography_advanced .cssf-typo-preview p {
  font-size: var(--cssf-typo-preview-size);
  font-weight: var(--cssf-typo-preview-weight);
  line-height: var(--cssf-typo-preview-height);
  text-align: var(--cssf-typo-preview-align);
  color: var(--cssf-typo-preview-color);
  text-transform: var(--cssf-typo-preview-transform);
  letter-spacing: var(--cssf-typo-preview-spacing);
  margin: 0px;
  padding: 0px;
}

/* FIELD: BOX SHADOW
   ========================================================================== */
.cssf-field-box_shadow .cssf-box_shadow .cssf-pseudo-field {
  padding: 0px;
  margin-right: 10px;
}

.cssf-field-box_shadow .cssf-box_shadow .cssf-input-append {
  margin-right: 10px;
}

.cssf-field-box_shadow .cssf-box_shadow .cssf-input-append input {
  width: 60px;
  text-align: center;
}

.cssf-field-box_shadow .cssf-box_shadow .chosen-container {
  width: 60px;
}

/* FIELD: INFO
   ========================================================================== */
.cssf-field-info {
  font-size: 13px;
  font-style: italic;
  line-height: 20px;
  color: #999999;
  border: none !important;
}

.cssf-field-info:hover {
  background-color: initial !important;
}

.cssf-field-info .cssf-title {
  display: none;
}

.cssf-field-info .cssf-fieldset {
  margin: 0px !important;
  padding: 0px;
}

.cssf-field-info .cssf-field-info__content {
  margin: .5em 0;
}

.cssf-field-info .cssf-field-info__content h4 {
  margin: 0px;
}

.cssf-field-info .cssf-field-info__content p {
  margin: 0px;
  padding: 2px;
}

.cssf-field-info .cssf-field-info__content h4 + p {
  margin: 0px;
}

.cssf-field-info .cssf-field-info--type_notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin: 0px;
  background-color: white;
  border: 0;
  border-left: 4px solid #f3f3f3;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  padding: 1px 12px !important;
}

.cssf-field-info .cssf-field-info--type_notice.cssf-field-info--style_info {
  border-left: 4px solid #0099d5;
}

.cssf-field-info .cssf-field-info--type_notice.cssf-field-info--style_success {
  border-left: 4px solid #7ad03a;
}

.cssf-field-info .cssf-field-info--type_notice.cssf-field-info--style_warning {
  border-left: 4px solid #fbeba4;
}

.cssf-field-info .cssf-field-info--type_notice.cssf-field-info--style_danger {
  border-left: 4px solid #dd3d36;
}

.cssf-field-info .cssf-field-info--type_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin: 0px;
  min-height: 20px;
  padding: 8px 19px;
  border: 1px solid;
  border-radius: 4px;
  background-color: #eeeeee;
  border-color: #cccccc;
  color: #666666;
}

.cssf-field-info .cssf-field-info--type_info.cssf-field-info--style_info {
  background-color: #d3e4f4;
  border-color: #a9b6c2;
  color: #5c80a1;
}

.cssf-field-info .cssf-field-info--type_info.cssf-field-info--style_success {
  background-color: #c4ee91;
  border-color: #71af5d;
  color: #4d7615;
}

.cssf-field-info .cssf-field-info--type_info.cssf-field-info--style_warning {
  background-color: #fbeba4;
  border-color: #d7c281;
  color: #958234;
}

.cssf-field-info .cssf-field-info--type_info.cssf-field-info--style_danger {
  background-color: #fba1a3;
  border-color: #b84f5b;
  color: #981225;
}

/* FIELD: GALLERY
   ========================================================================== */
.cssf-field-gallery input {
  display: none;
}

.cssf-field-gallery ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cssf-field-gallery ul li {
  display: inline-block;
  position: relative;
  padding: 4px;
  margin: 0 5px 10px 0;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
  height: 70px;
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab;
}

.cssf-field-gallery ul li.ui-sortable-helper {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cssf-field-gallery ul li.widget-placeholder {
  margin-bottom: 8px;
  display: inline-block;
  border: 1px dashed #cccccc;
  width: 70px;
  height: 70px;
}

.cssf-field-gallery ul li > img {
  display: initial;
  max-height: 60px;
  display: inline-block;
  vertical-align: middle;
}

.cssf-field-gallery .button {
  margin-right: 5px;
  margin-bottom: 5px;
}

/* FIELD: ACCORDION
   ========================================================================== */
.cssf-field-accordion {
  --cssf-element-subfield-arrow-bg: rgb(250, 250, 250);
  --cs-accordion-margin: 10px;
}

.cssf-field-accordion .cssf-accordion-inner-section {
  margin-top: calc(var(--cs-accordion-margin) * -1);
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-section {
  margin-bottom: 10px;
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-height: 38px;
  padding: 8px 18px;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  position: relative;
  background: RGB(255, 255, 255);
  background-image: -webkit-gradient(linear, left bottom, left top, from(RGB(246, 247, 249)), to(RGB(255, 255, 255)));
  background-image: linear-gradient(0deg, RGB(246, 247, 249) 0%, RGB(255, 255, 255) 100%);
  border: 1px solid RGB(216, 220, 230);
  -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
  color: RGB(62, 63, 66);
  border-radius: 4px;
  cursor: pointer;
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-title.ui-accordion-header-active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-title .ui-accordion-header-icon {
  position: absolute;
  left: 0;
  top: 0;
  right: initial;
  bottom: initial;
  width: 50px;
  height: 100%;
  margin-top: 0;
  color: RGB(158, 160, 165);
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: initial;
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-title h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-title p {
  color: RGB(158, 160, 165);
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

.cssf-field-accordion .cssf-accordion-inner-section .cssf-accordion-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #fafafa;
  border: 1px solid #d8dce6;
  border-top: none;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

/*!
 * LABELAUTY jQuery Plugin Styles
 *
 * @file: jquery-labelauty.css
 * @author: Francisco Neves (@fntneves)
 * @site: www.francisconeves.com
 * @license: MIT License
 */
.hidden_element {
  position: absolute !important;
  top: -1000 !important;
}

/* Prevent text and blocks selection */
input.labelauty + label ::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
}
input.labelauty + label ::selection {
  background-color: rgba(255, 255, 255, 0);
}

input.labelauty + label ::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
}

/* Hide original checkboxes. They are ugly! */
input.labelauty {
  display: none !important;
}

/*
 * Let's style the input
 * Feel free to work with it as you wish!
 */
input.labelauty + label {
  display: table;
  font-size: 11px;
  padding: 10px;
  background-color: #efefef;
  color: #b3b3b3;
  cursor: pointer;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

/* Stylish text inside label */
input.labelauty + label > span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked {
  display: inline-block;
  line-height: 16px;
  vertical-align: bottom;
}

/* Stylish icons inside label */
input.labelauty + label > span.labelauty-unchecked-image,
input.labelauty + label > span.labelauty-checked-image {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left center;
  transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -webkit-transition: background-image 0.5s linear;
  -o-transition: background-image 0.5s linear;
}

/* When there's a label, add a little margin to the left */
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
  margin-left: 7px;
}

/* When not Checked */
input.labelauty:not(:checked):not([disabled]) + label:hover {
  background-color: #eaeaea;
  color: #a7a7a7;
}

input.labelauty:not(:checked) + label > span.labelauty-checked-image {
  display: none;
}

input.labelauty:not(:checked) + label > span.labelauty-checked {
  display: none;
}

/* When Checked */
input.labelauty:checked + label {
  background-color: var(--cssf-theme-color-accent);
  color: #ffffff;
}

input.labelauty:checked:not([disabled]) + label:hover {
  background-color: var(--cssf-theme-color-accent);
}

input.labelauty:checked + label > span.labelauty-unchecked-image {
  display: none;
}

input.labelauty:checked + label > span.labelauty-unchecked {
  display: none;
}

input.labelauty:checked + label > span.labelauty-checked {
  display: inline-block;
}

input.labelauty.no-label:checked + label > span.labelauty-checked {
  display: block;
}

/* When Disabled */
input.labelauty[disabled] + label {
  opacity: 0.5;
}

/* Add a background to (un)checked images */
input.labelauty + label > span.labelauty-unchecked-image::before {
  content: "\ea0d";
  font-family: 'castor-line-icons', sans-serif;
  font-size: 18px;
  width: 16px;
  height: 16px;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
}

input.labelauty + label > span.labelauty-checked-image::before {
  content: "\ea26";
  font-family: 'castor-line-icons', sans-serif;
  font-size: 18px;
  width: 16px;
  height: 16px;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
}

/* IMAGE GALLERY CUSTOM
========================================================================== */
.cssf-element-image_gallery_custom .cssf-image-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cssf-element-image_gallery_custom .cssf-image-select input {
  display: none;
}

.cssf-element-image_gallery_custom .cssf-image-select .cssf-image-preview {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  height: 100%;
  position: relative;
  padding: 10px;
  margin-bottom: 15px;
  vertical-align: bottom;
  background-color: white;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.cssf-element-image_gallery_custom .cssf-image-select .cssf-image-preview.hidden {
  display: none !important;
}

.cssf-element-image_gallery_custom .cssf-image-select .cssf-image-preview img {
  display: inline-block;
}

#cssf-image-dialog {
  display: none;
}

#cssf-image-dialog .cssf-image-search {
  width: 250px;
  height: 40px;
  line-height: 40px;
}

#cssf-image-dialog a {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

#cssf-image-dialog a .cssf-image {
  position: relative;
  padding: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #555;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#cssf-image-dialog a:hover .cssf-image {
  color: #fff;
  border-color: #222;
  background-color: #222;
}

#cssf-image-dialog .cssf-image-loading {
  color: #999;
  text-align: center;
  margin-top: 10px;
}

#cssf-image-dialog .cssf-image-title {
  padding: 15px;
  margin: 10px 0;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}

#cssf-image-dialog .cssf-image-title:first-child {
  margin-top: 0;
  border-top: 0;
}

.cssf-field-wysiwyg textarea {
  width: 100%;
  max-width: 100%;
  min-height: 125px;
}

.cssf-field-wysiwyg .wp-editor-container {
  border: none;
}

.cssf-field-wysiwyg .wp-editor-container .wp-editor-area {
  line-height: inherit;
  margin: 0;
  padding: 7px 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  border-top-color: #dedede;
  background-color: #f1f1f1;
  color: #444444;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.cssf-field-wysiwyg .wp-editor-container {
  clear: none;
}

@media only screen and (max-width: 1200px) {
  .cssf-metabox-framework .cssf-element .cssf-title {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .cssf-metabox-framework .cssf-element .cssf-fieldset {
    margin-left: 0;
  }
}

@media only screen and (max-width: 782px) {
  .cssf-framework .cssf-header {
    text-align: center;
  }
  .cssf-framework .cssf-header h1 {
    width: 100%;
    margin-bottom: 10px;
  }
  .cssf-framework .cssf-header fieldset {
    float: none;
  }
  .cssf-framework .cssf-expand-all,
  .cssf-framework .cssf-nav-background,
  .cssf-framework .cssf-nav {
    display: none;
  }
  .cssf-framework .cssf-content {
    margin-left: 0;
  }
  .cssf-framework .cssf-section-title,
  .cssf-framework .cssf-section {
    display: block !important;
  }
  .cssf-framework .cssf-element .cssf-title {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .cssf-framework .cssf-element .cssf-fieldset {
    margin-left: 0;
  }
}

.cssf-dialog {
  display: none;
  padding: 0;
}

.cssf-dialog .cssf-dialog-header {
  width: 100%;
  padding: 16px 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}

.cssf-dialog .cssf-dialog-header select,
.cssf-dialog .cssf-dialog-header .chosen-container {
  display: block;
  margin: 0 auto;
  width: 250px !important;
}

.cssf-dialog .cssf-dialog-load {
  overflow: hidden;
  overflow-y: auto;
}

.cssf-dialog .cssf-dialog-load .cssf-loading-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.cssf-dialog .cssf-element {
  padding: 15px 30px 15px 15px;
}

.cssf-dialog .cssf-insert-button {
  text-align: center;
  width: 100%;
  padding: 16px 0;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
}

.cssf-dialog .cssf-clone-button {
  margin: 10px 0;
  text-align: center;
}

.cssf-dialog .cssf-shortcode-clone {
  position: relative;
  border-top: 1px dashed #5cb85c;
}

.cssf-dialog .cssf-shortcode-clone .cssf-remove-clone {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  padding: 5px;
  color: #ed6f6f;
  font-size: 14px;
}

.cssf-dialog .cssf-shortcode-clone .cssf-remove-clone:hover {
  text-decoration: none;
  color: #e74242;
}

.cssf-dialog a:active, .cssf-dialog a:focus {
  outline: none;
}

.cssf-dialog h4 {
  font-size: 13px;
}

.cssf-dialog h4 small {
  font-style: italic;
  font-weight: 400;
  color: #aaa;
}

#cs-icon-dialog .cssf-icon-search {
  width: 250px;
  height: 40px;
  line-height: 40px;
}

#cs-icon-dialog a {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

#cs-icon-dialog a .cssf-icon {
  position: relative;
  padding: 5px;
  display: inline-block;
  font-size: 14px;
  width: 30px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  vertical-align: top;
  color: #555;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
}

#cs-icon-dialog a:hover .cssf-icon {
  color: #fff;
  border-color: #222;
  background-color: #222;
}

#cs-icon-dialog .cssf-icon-loading {
  color: #999;
  text-align: center;
  margin-top: 10px;
}

#cs-icon-dialog .cssf-icon-title {
  padding: 15px;
  margin: 10px 0;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}

#cs-icon-dialog .cssf-icon-title:first-child {
  margin-top: 0;
  border-top: 0;
}

.cssf-shortcode-scrolling,
.cssf-icon-scrolling {
  overflow: hidden;
  height: 100%;
}

.cssf-shortcode-scrolling .wp-full-overlay,
.cssf-icon-scrolling .wp-full-overlay {
  z-index: 1;
}

.ui-dialog {
  z-index: 100001 !important;
}

.ui-widget-overlay {
  z-index: 100000 !important;
}

.cssf-tooltip {
  position: absolute;
  z-index: 100103;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
}

.cssf-tooltip-inner {
  max-width: 200px;
  padding: 6px 12px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.cssf-field-typography select,
.cssf-field-typography .chosen-container {
  margin-right: 5px;
}

.cssf-field-typography .cssf-typo-variant {
  min-width: 90px;
}

.cssf-field-checkbox ul,
.cssf-field-radio ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-y: auto;
  max-height: 305px;
}

.cssf-field-checkbox ul li label,
.cssf-field-radio ul li label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cssf-field-checkbox ul li label .cssf-text-desc,
.cssf-field-radio ul li label .cssf-text-desc {
  margin-left: 25px;
  margin-top: 0px;
}

.cssf-field-checkbox .horizontal li,
.cssf-field-radio .horizontal li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}

.cssf-field-checkbox input[type="radio"]:checked:before,
.cssf-field-radio input[type="radio"]:checked:before {
  line-height: 10px;
}

.cssf-field-checkbox .cssf-checkbox-icheck--checkbox,
.cssf-field-radio .cssf-checkbox-icheck--checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  *display: inline-flex;
  vertical-align: middle;
  margin: 0 10px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  color: white;
  background-color: #eeeeee;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.015) inset;
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.015) inset;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-checkbox .cssf-checkbox-icheck--checkbox::before,
.cssf-field-radio .cssf-checkbox-icheck--checkbox::before {
  content: '\e930';
  font-family: 'castor-line-icons';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-checkbox .cssf-checkbox-icheck--checkbox.checked,
.cssf-field-radio .cssf-checkbox-icheck--checkbox.checked {
  background-color: var(--cssf-theme-color-accent);
}

.cssf-field-checkbox .cssf-checkbox-icheck--checkbox.checked::before,
.cssf-field-radio .cssf-checkbox-icheck--checkbox.checked::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.cssf-field-upload input {
  width: 420px;
  max-width: 100%;
}

.cssf-field-color_picker label {
  display: inline !important;
}

.cssf-field-color_picker .cssf-alpha-wrap {
  display: none;
  position: relative;
  top: -1px;
  width: 235px;
  padding: 9px 10px;
  border: 1px solid #dfdfdf;
  border-top: none;
  background-color: #fff;
}

.cssf-field-color_picker .cssf-alpha-slider {
  position: absolute;
  width: 190px;
  margin-left: 2px;
  height: 18px;
}

.cssf-field-color_picker .cssf-alpha-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  bottom: -3px;
  z-index: 5;
  border-color: #aaa;
  border-style: solid;
  border-width: 4px 3px;
  width: 10px;
  height: 16px;
  margin: 0 -5px;
  background: none;
  cursor: ew-resize;
  opacity: 0.9;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.cssf-field-color_picker .cssf-alpha-slider .ui-slider-handle:before {
  content: " ";
  position: absolute;
  left: -2px;
  right: -2px;
  top: -3px;
  bottom: -3px;
  border: 2px solid #fff;
  border-radius: 3px;
}

.cssf-field-color_picker .cssf-alpha-slider-offset {
  height: 18px;
  width: 200px;
  background: url(../images/checkerboard.png) repeat-y center left scroll #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  border-radius: 2px;
}

.cssf-field-color_picker .cssf-alpha-text {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 30px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #999;
}

.cssf-field-backup textarea {
  width: 100%;
  min-height: 200px;
  margin-bottom: 5px;
}

.cssf-field-backup small {
  display: inline-block;
  margin: 5px;
}

.cssf-field-backup hr {
  margin: 30px 0;
}

.cssf-help {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  font-size: 14px;
  color: #aaa;
}

.cssf-field-notice {
  padding: 0 !important;
  border: 0 !important;
}

.cssf-field-notice + .cssf-element {
  border-top: 0;
}

.cssf-field-notice .cssf-notice {
  font-size: 12px;
  padding: 17px 30px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.cssf-field-notice .cssf-success {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8;
}

.cssf-field-notice .cssf-info {
  color: #31708f;
  border-color: #bce8f1;
  background-color: #d9edf7;
}

.cssf-field-notice .cssf-warning {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3;
}

.cssf-field-notice .cssf-danger {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
}

.cssf-field-sorter .ui-sortable-placeholder {
  height: 20px;
  border: 1px dashed #f1c40f;
  background-color: #fffae4;
}

.cssf-field-sorter .cssf-sorter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-field-sorter .cssf-sorter-wrapper .cssf-sorter-block {
  width: 50%;
}

.cssf-field-sorter .cssf-enabled {
  margin-right: 15px;
}

.cssf-field-sorter .cssf-disabled,
.cssf-field-sorter .cssf-enabled {
  padding: 5px 15px;
  border: 1px dashed #ddd;
  background-color: #fff;
}

.cssf-field-sorter h3 {
  font-size: 14px;
  margin: 0 0 15px 0;
}

.cssf-field-sorter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 62px;
}

.cssf-field-sorter ul li {
  margin: 10px 0;
  padding: 10px 15px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  cursor: -webkit-grab;
  cursor: grab;
}

.cssf-field-sorter ul li:hover {
  border-color: #bbb;
}

.cssf-field-sorter ul li.ui-sortable-helper {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cssf-field-sorter ul li label {
  pointer-events: none;
}

.cssf-taxonomy {
  margin: 0;
}

.cssf-taxonomy > .cssf-element {
  border-top: 0;
}

.cssf-taxonomy > .cssf-field-heading {
  font-size: 1.1em;
  padding: 20px !important;
  border: 1px solid #ddd;
}

.cssf-taxonomy > .cssf-field-subheading {
  font-size: 12px;
  padding: 15px !important;
  border: 1px solid #ddd;
}

.cssf-taxonomy > .cssf-field-notice .cssf-notice {
  padding: 15px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}

.cssf-taxonomy-add-fields > .cssf-element {
  padding: 8px 0;
  margin: 0 0 10px;
}

.cssf-taxonomy-add-fields > .cssf-element > .cssf-title {
  float: none;
  width: 100%;
  padding: 2px 2px 4px 0;
}

.cssf-taxonomy-add-fields > .cssf-element > .cssf-title h4 {
  font-size: 12px;
  font-weight: normal;
}

.cssf-taxonomy-add-fields > .cssf-element > .cssf-fieldset {
  margin-left: 0;
}

.cssf-taxonomy-add-fields > .cssf-element > .cssf-fieldset > .cssf-help {
  right: -5px;
}

.cssf-taxonomy-edit-fields > .cssf-element {
  padding: 20px 0;
}

.cssf-taxonomy-edit-fields > .cssf-element > .cssf-title {
  width: 225px;
}

.cssf-taxonomy-edit-fields > .cssf-element > .cssf-title h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
}

.cssf-taxonomy-edit-fields > .cssf-element > .cssf-fieldset {
  margin-left: 225px;
}

.cssf-taxonomy-edit-fields > .cssf-element > .cssf-fieldset > .cssf-help {
  top: -5px;
  right: -5px;
}

.cssf-taxonomy-edit-fields > .cssf-field-notice {
  margin: 20px 0;
}

.cssf-taxonomy-edit-fields > .cssf-field-subheading,
.cssf-taxonomy-edit-fields > .cssf-field-heading {
  margin: 20px 0;
  border: 1px solid #ddd;
}

.cssf-warning-primary {
  color: #fff !important;
  border-color: #d02c21 #ba281e #ba281e !important;
  background: #e14d43 !important;
}

.cssf-warning-primary:hover, .cssf-warning-primary:focus {
  border-color: #ba281e !important;
  background: #e35950 !important;
}

.cssf-warning-primary:active {
  border-color: #ba281e !important;
  background: #d02c21 !important;
}

.cssf-field-fieldset .cssf-inner {
  border: 1px solid #eee;
  background-color: #fff;
}

.cssf-field-fieldset .cssf-element {
  padding: 20px;
}

/* FIELD: SELECT
========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-select select {
  max-width: 100%;
  height: 35px;
  line-height: inherit;
  margin: 0;
  padding: 7px 34px 7px 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  border-top-color: #dedede;
  background: white url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: auto auto;
  background-size: 8px 10px;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 50%;
  color: #444444;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-element.cssf-field-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.cssf-field-number input {
  width: 70px;
}

.cssf-field-number em {
  margin-left: 5px;
  color: #bbb;
}

.cssf-button {
  --cssf-btn-box-shadow: inset 0px 1px 0px 0px #ffffff;
  --cssf-btn-background-color: rgb(255, 255, 255);
  --cssf-btn-background-color1: rgb(246, 247, 249);
  --cssf-btn-background-color2: rgb(255, 255, 255);
  --cssf-btn-border-color: rgb(216, 220, 230);
  --cssf-btn-color: rgb(62, 63, 66);
  --cssf-btn-text-shadow: #ffffff;
  --cssf-btn-hover-background-color: rgb(246, 247, 249);
  --cssf-btn-hover-background-color1: rgb(246, 247, 249);
  --cssf-btn-hover-background-color2: rgb(255, 255, 255);
  --cssf-btn-hover-border-color: rgb(202, 206, 219);
  --cssf-btn-hover-color: rgb(62, 63, 66);
  --cssf-btn-hover-box-shadow: 0 1px 2px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
  --cssf-btn-focus-background-color: rgb(246, 247, 249);
  --cssf-btn-focus-background-color1: rgb(246, 247, 249);
  --cssf-btn-focus-background-color2: rgb(255, 255, 255);
  --cssf-btn-focus-border-color: rgb(189, 194, 209);
  --cssf-btn-focus-color: rgb(62, 63, 66);
  --cssf-btn-focus-box-shadow: 0 0 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
  background-color: var(--cssf-btn-background-color);
  background: var(--cssf-btn-background-gradient);
  border-radius: 3px;
  border: 1px solid var(--cssf-btn-border-color);
  color: var(--cssf-btn-color);
  font-family: Arial;
  font-size: 13px;
  padding: 6px 24px;
  height: 35px;
  text-decoration: none;
  text-shadow: 0px 1px 0px var(--cssf-btn-text-shadow);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-button:hover {
  text-decoration: none;
  color: var(--cssf-btn-hover-color);
  border: 1px solid var(--cssf-btn-hover-border-color);
  -webkit-box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
  background-color: var(--cssf-btn-hover-background-color);
  background: var(--cssf-btn-hover-background-gradient);
}

.cssf-button:active {
  text-decoration: none;
  color: var(--cssf-btn-hover-color);
  position: relative;
  top: 1px;
}

.cssf-button:focus {
  text-decoration: none;
  color: var(--cssf-btn-focus-color);
  border: 1px solid var(--cssf-btn-focus-border-color);
  -webkit-box-shadow: var(--cssf-btn-focus-box-shadow);
          box-shadow: var(--cssf-btn-focus-box-shadow);
  background-color: var(--cssf-btn-focus-background-color);
  background: var(--cssf-btn-focus-background-gradient);
}

.cssf-button + .cssf-button {
  margin-left: 10px;
}

.cssf-button.cssf-btn--success, .cssf-button.cssf-button-success {
  --cssf-btn-background-color: 	rgb(56, 178, 73);
  --cssf-btn-background-gradient: 	linear-gradient(0deg, rgb(52, 170, 68) 0%, rgb(56, 178, 73) 100%);
  --cssf-btn-border-color: 		rgb(45, 156, 60);
  --cssf-btn-color: 				rgb(255, 255, 255);
  --cssf-btn-text-shadow: 			none;
  --cssf-btn-box-shadow: 			0 1px 1px 0 rgba(19, 31, 21, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  --cssf-btn-hover-background-color: 		rgb(44, 161, 60);
  --cssf-btn-hover-background-gradient:	linear-gradient(0deg, rgb(44, 161, 60) 2%, rgb(47, 174, 64) 100%);
  --cssf-btn-hover-border-color: 			rgb(37, 152, 53);
  --cssf-btn-hover-color: 					rgb(255, 255, 255);
  --cssf-btn-hover-box-shadow: 			0 1px 1px 0 rgba(19, 31, 21, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  --cssf-btn-focus-background-color: 		rgb(37, 152, 53);
  --cssf-btn-focus-background-gradient: 	linear-gradient(0deg, rgb(37, 152, 53) 0%, rgb(39, 163, 55) 100%);
  --cssf-btn-focus-border-color: 			rgb(26, 134, 40);
  --cssf-btn-focus-color: 					rgb(255, 255, 255);
  --cssf-btn-focus-box-shadow: 			0 1px 1px 0 rgba(19, 31, 21, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.cssf-button.cssf-button-warning {
  --cssf-btn-background-color: 	rgb(230, 73, 45);
  --cssf-btn-background-gradient: 	linear-gradient(-180deg, rgb(231, 60, 30) 0%, rgb(207, 48, 20) 100%);
  --cssf-btn-border-color: 		rgb(186, 11, 21);
  --cssf-btn-color: 				rgb(255, 255, 255);
  --cssf-btn-text-shadow: 			none;
  --cssf-btn-box-shadow: 			0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
  --cssf-btn-hover-background-color: 		rgb(223, 53, 23);
  --cssf-btn-hover-background-gradient:	linear-gradient(to bottom, rgb(223, 53, 23) 0%, rgb(196, 43, 16) 100%);
  --cssf-btn-hover-border-color: 			rgb(176, 11, 20);
  --cssf-btn-hover-color: 					rgb(255, 255, 255);
  --cssf-btn-hover-box-shadow: 			0 1px 1px 0 rgba(43, 26, 24, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
  --cssf-btn-focus-background-color: 		rgb(194, 43, 16);
  --cssf-btn-focus-background-gradient: 	linear-gradient(-179deg, rgb(194, 43, 16) 0%, rgb(184, 40, 14) 100%);
  --cssf-btn-focus-border-color: 			rgb(160, 10, 19);
  --cssf-btn-focus-color: 					rgb(255, 255, 255);
  --cssf-btn-focus-box-shadow: 			0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
}

.cssf-button.cssf-button-primary {
  --cssf-btn-background-color: 	rgb(22, 101, 216);
  --cssf-btn-background-gradient: 	linear-gradient(0deg, rgb(22, 101, 216) 0%, rgb(31, 111, 229) 100%);
  --cssf-btn-border-color: 		rgb(20, 97, 210);
  --cssf-btn-color: 				rgb(255, 255, 255);
  --cssf-btn-text-shadow: 			none;
  --cssf-btn-box-shadow: 			0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  --cssf-btn-hover-background-color: 		rgb(17, 94, 207);
  --cssf-btn-hover-background-gradient:	linear-gradient(0deg, rgb(17, 94, 207) 0%, rgb(23, 103, 219) 100%);
  --cssf-btn-hover-border-color: 			rgb(14, 87, 194);
  --cssf-btn-hover-color: 					rgb(255, 255, 255);
  --cssf-btn-hover-box-shadow: 			0 1px 1px 0 rgba(22, 29, 37, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  --cssf-btn-focus-background-color: 		rgb(14, 85, 189);
  --cssf-btn-focus-background-gradient: 	linear-gradient(0deg, rgb(14, 85, 189) 0%, rgb(15, 91, 202) 100%);
  --cssf-btn-focus-border-color: 			rgb(11, 74, 165);
  --cssf-btn-focus-color: 					rgb(255, 255, 255);
  --cssf-btn-focus-box-shadow: 			0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.myButton {
  -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
          box-shadow: inset 0px 1px 0px 0px #cf866c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #d0451b), to(#bc3315));
  background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
  background-color: #d0451b;
  border-radius: 3px;
  border: 1px solid #942911;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 13px;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #854629;
}

.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #bc3315), to(#d0451b));
  background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
  background-color: #bc3315;
}

.myButton:active {
  position: relative;
  top: 1px;
}

.cssf-pseudo-field {
  padding: 0 5px 0 0 !important;
  border: 0;
  display: inline-block;
}

.cssf-field-color_theme .cssf-fieldset {
  width: 100%;
}

.cssf-field-color_theme .cssf-scheme-section {
  margin-bottom: 10px;
}

.cssf-field-color_theme .cssf-scheme-section .cssf-scheme-section-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
}

.cssf-field-color_theme .cssf-scheme-section .cssf-scheme-section-group + .cssf-scheme-section-group {
  margin-top: 15px;
}

.cssf-field-color_theme .cssf-scheme-section .cssf-scheme-section-group h5 {
  margin: 0 0 4px;
  padding: 4px 0px;
  font-size: 12px;
  text-transform: uppercase;
  color: dimgray;
  border-bottom: 1px solid #ededed;
}

.cssf-field-color_theme .cssf-accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-height: 38px;
  padding: 8px 18px;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  background: RGB(255, 255, 255);
  background-image: -webkit-gradient(linear, left bottom, left top, from(RGB(246, 247, 249)), to(RGB(255, 255, 255)));
  background-image: linear-gradient(0deg, RGB(246, 247, 249) 0%, RGB(255, 255, 255) 100%);
  border: 1px solid RGB(216, 220, 230);
  -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
          box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
  color: RGB(62, 63, 66);
  border-radius: 4px;
  cursor: pointer;
}

.cssf-field-color_theme .cssf-accordion-title.ui-accordion-header-active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cssf-field-color_theme .cssf-accordion-title .ui-accordion-header-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  color: RGB(158, 160, 165);
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: initial;
}

.cssf-field-color_theme .cssf-accordion-title h4 {
  margin: 0;
  padding: 0;
}

.cssf-field-color_theme .cssf-accordion-title p {
  color: RGB(158, 160, 165);
  font-size: 12px;
}

.cssf-field-color_theme .cssf-accordion-content {
  position: relative;
  padding: 8px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fafafa;
  border: 1px solid RGB(216, 220, 230);
  border-top: none;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles {
  margin-bottom: 20px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role {
  color: RGB(158, 160, 165);
  margin: 2px 10px;
  background-color: rgba(158, 160, 165, 0.1);
  border: 1px solid rgba(158, 160, 165, 0.3);
  border-radius: 4px;
  width: 100px;
  height: 70px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  will-change: transform, box-shadow;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  border-color: transparent;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role.cssf-schemes-user-role__active {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  border-color: var(--cssf-theme-color-accent);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_icon {
  font-size: 28px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_name {
  font-size: 10px;
  text-transform: uppercase;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_scheme {
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  background: var(--cssf-theme-color-accent);
  padding: 2px 5px;
  border-radius: 10px;
  text-align: center;
  position: absolute;
  bottom: -5px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_options {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(30%, -30%);
          transform: translate(30%, -30%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  pointer-events: initial;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_options.cssf-schemes-user-role_options__hidden {
  opacity: 0;
  pointer-events: none;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_options .cssf-schemes-user-role_options-item {
  --bgcolor: #333333;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--bgcolor);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-user-role_options .cssf-schemes-user-role_options-item:hover {
  --bgcolor: #fe4641;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role .cssf-schemes-loader .cssf-spinner {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-user-roles .cssf-schemes-user-roles-wrapper .cssf-schemes-user-role.cssf-loading-scheme .cssf-schemes-loader .cssf-spinner {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0px -10px 0 0;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item {
  width: calc(100% / 3 - 20px);
  padding: 10px;
  margin: 0 20px 20px 0;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item::after {
  content: '';
  position: absolute;
  background-color: var(--item-background-color);
  border: 1px solid transparent;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item:hover .cssf-schemes-item_delete {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 1;
  pointer-events: initial;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item.cssf-schemes-item-current::after {
  border-color: var(--cssf-theme-color-accent);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item.cssf-schemes-item-deleted {
  width: 0;
  padding: 0;
  overflow: hidden;
  max-height: 70px;
  margin: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item.cssf-schemes-item-deleted::after {
  border-color: rgba(220, 49, 49, 0.9);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item_delete {
  position: absolute;
  z-index: 2;
  top: 0;
  background-color: rgba(220, 49, 49, 0.9);
  right: 0;
  width: 20%;
  height: 100%;
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item_delete:hover {
  opacity: 1;
  pointer-events: initial;
  width: 50%;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item_delete.cssf-visible {
  width: 100%;
  opacity: 1;
  pointer-events: initial;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item_delete .cssf-button-inner {
  font-size: 12px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item_delete .cssf-button-inner a {
  color: rgba(255, 255, 255, 0.7);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item_delete .cssf-button-inner a:hover {
  color: rgba(255, 255, 255, 0.9);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-loader .cssf-spinner {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item.cssf-loading-scheme .cssf-schemes-loader .cssf-spinner {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item-preview {
  overflow: hidden;
  border-radius: 2px;
  overflow: hidden;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item-preview .preview_header_brand {
  display: block;
  float: left;
  height: 20px;
  width: 60px;
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item-preview .preview_header {
  display: block;
  float: left;
  height: 20px;
  width: calc(100% - 60px);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item-preview .preview_primary,
.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item-preview .preview_secondary {
  float: left;
  height: 30px;
  width: 30px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-list .cssf-schemes-item .cssf-schemes-item-preview .preview_text {
  float: left;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  padding: 3px 5px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls {
  margin: 15px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-controls-buttons-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-controls-buttons-row .cssf-element.cssf-field-text {
  padding: 0px !important;
  width: 200px;
  margin-right: 10px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-controls-buttons-row .cssf-element.cssf-field-text input {
  width: 100%;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-controls-buttons-row .cssf-color-scheme-save_scheme {
  position: relative;
  width: 170px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-import {
  width: 65%;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-import .cssf-element.cssf-field-textarea {
  padding: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-import .cssf-element.cssf-field-textarea label {
  padding-top: 10px;
  font-size: 12px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-schemes-import .cssf-button {
  margin-top: 15px;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-button {
  position: relative;
}

.cssf-field-color_theme .cssf-schemes .cssf-schemes-controls .cssf-button .cssf-spinner {
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.cssf-field-color_theme .cssf-scheme-preview-template {
  display: none;
}

/* FILE FIELD
========================================================================== */
.cssf-field-file input {
  display: none;
}

.cssf-field-file .cssf-file-preview {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding: 22px 30px;
  margin-bottom: 15px;
  border: 1px solid RGB(234, 237, 243);
  background-color: #f9f9f9;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cssf-field-file .cssf-file-preview.hidden {
  display: none;
}

.cssf-field-file .cssf-file-preview .cssf-preview {
  display: inline-block;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 24px;
  width: 100px;
  height: 94px;
  border-radius: 4px;
  border: 1px solid RGB(234, 237, 243);
}

.cssf-field-file .cssf-file-preview .cssf-preview::after {
  content: '\e967';
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: 'castor-line-icons';
  font-size: 48px;
  color: RGB(158, 160, 165);
  background: white;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cssf-field-file .cssf-file-preview .cssf-preview-data {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 5px;
}

.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_name,
.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_size,
.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_link {
  color: RGB(158, 160, 165);
  font-size: .875rem;
  font-weight: bold;
  line-height: 1.375rem;
}

.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_name span,
.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_size span,
.cssf-field-file .cssf-file-preview .cssf-preview-data .cssf-preview-data-file_link span {
  font-weight: normal;
}

.cssf-field-image .cssf-image-preview .cssf-preview {
  background-image: url(../../adminframework/assets/images/transparency-background.png);
}

.cssf-field-image .cssf-image-preview .cssf-preview > img {
  height: var(--cssf-image-preview-size-height);
  max-height: var(--cssf-image-preview-size-height, initial);
  width: var(--cssf-image-preview-size-width);
  max-width: var(--cssf-image-preview-size-width, initial);
  -o-object-fit: var(--cssf-image-preview-size-fit, initial);
     object-fit: var(--cssf-image-preview-size-fit, initial);
}

.cssf-field-button_set .cssf--buttons {
  display: inline-block;
}

.cssf-field-button_set .cssf--button {
  position: relative;
  z-index: 1;
  float: left;
  cursor: pointer;
  padding: 7px 14px;
  min-width: 40px;
  text-align: center;
  color: #555;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.cssf-field-button_set .cssf--button:first-child {
  border-radius: 4px 0 0 4px;
}

.cssf-field-button_set .cssf--button:last-child {
  border-radius: 0 4px 4px 0;
}

.cssf-field-button_set .cssf--button:not(:first-child) {
  margin-left: -1px;
}

.cssf-field-button_set .cssf--button:hover {
  background-color: #eee;
}

.cssf-field-button_set .cssf--active {
  z-index: 2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: var(--cssf-theme-color-accent);
}

.cssf-field-button_set .cssf--active:hover {
  z-index: 2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: var(--cssf-theme-color-accent);
}

.cssf-field-button_set input {
  display: none;
}

.cssf-element.cssf-element-container {
  padding: 0px !important;
}

.cssf-element.cssf-element-color_group .cssf-multifield--style_inline .cssf-color_group-group {
  margin: 0px 20px 20px 0px;
  width: auto;
}

.cssf-element.cssf-element-color_group .cssf-multifield--style_inline .cssf-color_group-group + .cssf-color_group-group {
  margin-top: 0px;
}

.cssf-element.cssf-element-color_group .cssf-color_group-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
}

.cssf-element.cssf-element-color_group .cssf-color_group-group + .cssf-color_group-group {
  margin-top: 15px;
}

.cssf-element.cssf-element-color_group .cssf-color_group-group h5 {
  margin: 0 0 4px;
  padding: 4px 0px;
  font-size: 12px;
  text-transform: uppercase;
  color: dimgray;
  border-bottom: 1px solid #ededed;
}

@-webkit-keyframes cssf-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes cssf-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* FIELD: Row & Column
   ========================================================================== */
.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row.cssf-element {
  padding: 0px !important;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row.cssf-element > .cssf-element {
  border: none;
  padding: 20px 30px;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row.cssf-element > .cssf-element + .cssf-element {
  border-top: none;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row.cssf-element > .cssf-element .cssf-fieldset {
  width: 100%;
  max-width: 100%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-4 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-5 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
  max-width: 41.66667%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-6 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-7 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
  max-width: 58.33333%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-8 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
  max-width: 66.66667%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-9 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-10 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-11 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
  max-width: 91.66667%;
}

.cssf-framework .cssf-body .cssf-content .cssf-sections .cssf-row .cssf-column-12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.cssf-spinner {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cssf-spinner::after {
  content: '\e9c1';
  font-family: 'castor-line-icons',sans-serif;
  font-size: 18px;
  -webkit-animation: cssf-spinner 1.5s linear infinite;
          animation: cssf-spinner 1.5s linear infinite;
}

.ui-anglepicker {
  width: 52px;
  height: 52px;
  background: #dbdbdb;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UxZTFkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), color-stop(20%, #e1e1de), to(#f8f8f3));
  background: linear-gradient(to bottom, #dbdbdb 0%, #e1e1de 20%, #f8f8f3 100%);
  border: 2px solid #666;
  -webkit-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
  box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
  border-radius: 50%;
  position: relative;
  display: inline-block;
}

.ui-anglepicker-pointer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transform-origin: 2px 2px;
  transform-origin: 2px 2px;
}

.ui-anglepicker:hover, .ui-anglepicker.ui-anglepicker-dragging {
  border-color: #494949;
}

.ui-anglepicker-dragging .ui-anglepicker-dot, .ui-anglepicker-dragging .ui-anglepicker-line,
.ui-anglepicker:hover .ui-anglepicker-dot, .ui-anglepicker:hover .ui-anglepicker-line {
  background: #494949;
}

.ui-anglepicker-dot {
  height: 4px;
  width: 4px;
  position: absolute;
  background: #838383;
  border-radius: 50%;
}

.ui-anglepicker-line {
  margin-top: 1.5px;
  margin-right: -2px;
  height: 1px;
  background: #838383;
}

​
.cssf-autocomplete {
  position: relative;
}

.cssf-autocomplete > input {
  width: 340px;
  max-width: 100%;
}

.cssf-autocomplete > i {
  position: absolute;
  top: 8px;
  margin-left: -24px;
}

.cssf-autocomplete .ajax_items {
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
  position: absolute;
  z-index: 9;
}

.cssf-autocomplete .ajax_items div {
  cursor: pointer;
  line-height: 22px;
  padding: 4px 10px;
  border-bottom: 1px dotted #d8d8d8;
}

.cssf-autocomplete .ajax_items b {
  line-height: 22px;
  padding: 4px 10px;
  border-bottom: 1px dotted #d8d8d8;
}

.cssf-autocomplete .ajax_items div:hover {
  background: #fff;
}

.cssf-autocomplete .selected_items {
  margin: 10px 0 0;
}

.cssf-autocomplete .selected_items div {
  position: relative;
  display: inline-block;
  margin: 0 4px 4px 0;
}

.cssf-autocomplete .selected_items input {
  display: none;
}

.cssf-autocomplete .selected_items span {
  display: block;
  padding: 6px 10px;
  background: #f3f3f3;
  border-radius: 4px;
}

.cssf-autocomplete .selected_items i {
  cursor: pointer;
  margin: 0 0 0 10px;
}

/*!
  * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
  * Author: boniface pereira
  * Website: www.craftpip.com
  * Contact: hey@craftpip.com
  *
  * Copyright 2013-2017 jquery-confirm
  * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
  */
@-webkit-keyframes jconfirm-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes jconfirm-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

body[class*=jconfirm-no-scroll-] {
  overflow: hidden !important;
}

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
}

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
  opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  display: table;
  width: 100%;
  height: 100%;
}

.jconfirm .jconfirm-row {
  display: table-row;
  width: 100%;
}

.jconfirm .jconfirm-cell {
  display: table-cell;
  vertical-align: middle;
}

.jconfirm .jconfirm-holder {
  max-height: 100%;
  padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
  -webkit-transition: -webkit-transform;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition: transform,-webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: 0;
  padding: 15px 15px 0;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes type-blue {
  1%, 100% {
    border-color: #3498db;
  }
  50% {
    border-color: #5faee3;
  }
}

@keyframes type-blue {
  1%, 100% {
    border-color: #3498db;
  }
  50% {
    border-color: #5faee3;
  }
}

@-webkit-keyframes type-green {
  1%, 100% {
    border-color: #2ecc71;
  }
  50% {
    border-color: #54d98c;
  }
}

@keyframes type-green {
  1%, 100% {
    border-color: #2ecc71;
  }
  50% {
    border-color: #54d98c;
  }
}

@-webkit-keyframes type-red {
  1%, 100% {
    border-color: #e74c3c;
  }
  50% {
    border-color: #ed7669;
  }
}

@keyframes type-red {
  1%, 100% {
    border-color: #e74c3c;
  }
  50% {
    border-color: #ed7669;
  }
}

@-webkit-keyframes type-orange {
  1%, 100% {
    border-color: #f1c40f;
  }
  50% {
    border-color: #f4d03f;
  }
}

@keyframes type-orange {
  1%, 100% {
    border-color: #f1c40f;
  }
  50% {
    border-color: #f4d03f;
  }
}

@-webkit-keyframes type-purple {
  1%, 100% {
    border-color: #9b59b6;
  }
  50% {
    border-color: #b07cc6;
  }
}

@keyframes type-purple {
  1%, 100% {
    border-color: #9b59b6;
  }
  50% {
    border-color: #b07cc6;
  }
}

@-webkit-keyframes type-dark {
  1%, 100% {
    border-color: #34495e;
  }
  50% {
    border-color: #46627f;
  }
}

@keyframes type-dark {
  1%, 100% {
    border-color: #34495e;
  }
  50% {
    border-color: #46627f;
  }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
  border-top: solid 7px #3498db;
  -webkit-animation-name: type-blue;
  animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
  border-top: solid 7px #2ecc71;
  -webkit-animation-name: type-green;
  animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
  border-top: solid 7px #e74c3c;
  -webkit-animation-name: type-red;
  animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
  border-top: solid 7px #f1c40f;
  -webkit-animation-name: type-orange;
  animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
  border-top: solid 7px #9b59b6;
  -webkit-animation-name: type-purple;
  animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
  border-top: solid 7px #34495e;
  -webkit-animation-name: type-dark;
  animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
  height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
  content: '';
  position: absolute;
  left: 0;
  background: white;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
  opacity: .6;
  content: '';
  height: 30px;
  width: 30px;
  border: solid 3px transparent;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border-radius: 50%;
  -webkit-animation: jconfirm-spin 1s infinite linear;
  animation: jconfirm-spin 1s infinite linear;
  border-bottom-color: dodgerblue;
  top: 50%;
  margin-top: -15px;
  z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  font-size: 27px !important;
  line-height: 14px !important;
  display: none;
  z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
  display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
  opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
  cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
  display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
  display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height .4s ease-in;
  transition: height .4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
  overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
  width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
  max-width: 100%;
  height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
  display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
  padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
  margin-bottom: 4px;
  margin-left: 2px;
  margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  min-height: 1em;
  -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
  background-color: #3498db;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
  background-color: #2980b9;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  background-color: #2ecc71;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
  background-color: #27ae60;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
  background-color: #e74c3c;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
  background-color: #c0392b;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
  background-color: #f1c40f;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
  background-color: #f39c12;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  background-color: #ecf0f1;
  color: #000;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background-color: #bdc3c7;
  color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
  background-color: #9b59b6;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
  background-color: #8e44ad;
  color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
  background-color: #34495e;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
  background-color: #2c3e50;
  color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
  color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
  color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
  color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
  color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
  color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
  color: #34495e !important;
}

.jconfirm .jconfirm-clear {
  clear: both;
}

.jconfirm.jconfirm-rtl {
  direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
  left: 5px;
  right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
  background-color: #444;
  opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
  background-color: darkslategray;
  opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #444;
  border-radius: 5px;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
  float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
  border: 0;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background .1s;
  transition: background .1s;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background: 0;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
  -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}

@-webkit-keyframes glow {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 red;
    box-shadow: 0 0 0 red;
  }
  50% {
    -webkit-box-shadow: 0 0 30px red;
    box-shadow: 0 0 30px red;
  }
}

@keyframes glow {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 red;
    box-shadow: 0 0 0 red;
  }
  50% {
    -webkit-box-shadow: 0 0 30px red;
    box-shadow: 0 0 30px red;
  }
}

.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px;
}

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex {
  opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
  -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
  -webkit-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
  -webkit-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
  -webkit-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
  -webkit-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
  -webkit-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
  visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
  border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
  padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
  text-align: center;
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
  text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: 0;
  color: white;
  padding: 10px;
  min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
  text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
  text-transform: uppercase;
  font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  margin-right: 8px;
  margin-left: 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
  text-align: right;
  padding: 10px;
  margin: -5px 0 0;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
  font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  margin-left: 8px;
  margin-right: 0;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
  background-color: slategray;
  opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
  color: rgba(0, 0, 0, 0.87);
  top: 15px;
  right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  transition: transform .5s,-webkit-transform .5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 69px;
  color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  text-align: center;
  font-size: 15px;
  color: #777;
  margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
  text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background .1s;
  transition: background .1s;
  padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
  margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cssf-uls-admin-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: -2px;
}

.cssf-uls-admin-gallery .cssf-uls-admin-gallery-img {
  width: 50px;
  height: 50px;
  border: 1px solid #BDBDBD;
  padding: 2px;
  margin: 2px;
}

.cssf-uls-admin-gallery .cssf-uls-admin-gallery-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* COLOR PICKER
   ========================================================================== */
.cssf-field-color_picker .cssf-alpha-wrap {
  width: 257px;
}

.cssf-field-color_picker .cssf-alpha-slider .ui-slider-handle {
  height: 23px;
}

/* FIELD: DIMENSION
   ========================================================================== */
.cssf-field-dimension .cssf-dimension .cssf-input-prepend {
  margin-right: 10px;
}

.cssf-field-dimension .cssf-dimension .cssf-input-prepend input {
  width: 60px;
  text-align: center;
}

.cssf-field-dimension .cssf-dimension .chosen-container {
  width: 60px;
}

/* FIELD: SPACING
   ========================================================================== */
.cssf-field-spacing .cssf-spacing .cssf-input-prepend {
  margin-right: 10px;
}

.cssf-field-spacing .cssf-spacing .cssf-input-prepend input {
  width: 60px;
  text-align: center;
}

.cssf-field-spacing .cssf-spacing .chosen-container {
  width: 60px;
}

/* FIELD: Border
   ========================================================================== */
.cssf-field-border .cssf-border .cssf-input-prepend {
  margin-right: 10px;
}

.cssf-field-border .cssf-border .cssf-input-prepend input {
  width: 60px;
  text-align: center;
}

.cssf-field-border .cssf-border .chosen-container {
  width: 120px;
}

/* FIELD: BORDER RADIUS
   ========================================================================== */
.cssf-field-border_radius .cssf-border_radius .cssf-input-prepend input {
  width: 60px;
  text-align: center;
}

.cssf-field-border_radius .cssf-border_radius .chosen-container {
  width: 60px;
}
/*# sourceMappingURL=cssf-framework.css.map */

haha - 2025