@charset "UTF-8";


  
/*------------------------------------
  Issue & Project
------------------------------------*/


/*------------------------------------
  dropzone
------------------------------------*/

.u-dropzone {
	padding: 15px 15px;
}

.u-dropzone:hover{
	background: #f5f5f5;
    border-radius: 15px;
}


.u-dropzone.dz-clickable {
	cursor: pointer;
} 

.u-dropzone .dz-message .note {
      font-size: 1.1em;
      font-weight: 100;
      display: block;
      margin-top: 1.4rem; 
}	

/*------------------------------------
  ibox
------------------------------------*/


.ibox.bordered {
    border: solid 1px rgb(221, 221, 221);
    border-top: 0;
}    
.ibox.bordered > .ibox-footer {
	background-color: #f3f3f4;
	padding : 5px;
}

/*------------------------------------
  forum, message, comment, editor
------------------------------------*/

.message-body  img{
	max-width: 100%!important;
}
.post {
    padding: 9px 12px 6px 12px;
    border-bottom: 1px solid #f1f1f1;	
}
.post .message-body {	
	padding-top: 10px;
	font-size: 1.4em;
	font-weight: 100;  
}

.post .actions {
    margin-top: 10px;
}


.comment-composer  .colored-line {
    background: #c0392b;
}

.comment-composer.modal {
	top:unset;
}

.comment-composer.modal .modal-dialog {
	margin-bottom: 0;
}

.text-editor textarea {
	border-radius: 0;
    padding: 0 0 10px;
    border: 0;
    resize: none;
    color: #111;
    font-size: 14px;
    line-height: 1.7;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #333;
}

/*------------------------------------
  social-talk
------------------------------------*/

.social-talk {
    margin-bottom: 10px;
}

.social-talk .social-profile > a img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.social-talk  .media-body {
	font-size: 1.0em;
	font-weight: 100;
}

.social-talk .text-muted {
    color: #aaacae;
}
.social-talk .social-content {
	font-size: 1.2em;
    margin-top: 2px;
}
.social-form {
    margin: 10px 0;
}


.comment-reply .social-talk .social-content {
	font-size: 1.1em;
}

.comment-reply.k-listview {
	background-color : #ffffff;
	min-height : 0px;
}


.comment {
	
}

/* inspinia custom.
------------------------------------*/
.skin-1 .nav > li > a {
   font-weight: 100;
   font-size: 1.2em;
}

.u-avatar.u-avatar-xs img {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    /* margin-top: -4px;	*/
}

.u-avatar.u-avatar-xs .date {
    color: #9a9d9f;
    font-size: 80%;
}

.u-avatar-img {
    width: 18px;
    height: 18px;
    border-radius: 48px;
}    
    
.forum-item-title
{
	display: initial!important;
}


/* kendoui custom.
------------------------------------*/

.k-widget .forum-info, .k-widget .forum-item {
    box-sizing:  border-box!important;
    -webkit-box-sizing:   border-box!important;	 
}

.ibox.bordered >.ibox-footer > .k-pager-wrap {
	border:0;
}

.k-listview > .social-feed-box {
	margin-bottom: 5px;
}


/* summernote custom.
------------------------------------*/

.note-editor.note-frame {
    border: 1px solid #e5e6e7!important;
}
.k-pager-wrap {
	border-color: #e5e6e7!important;
}
.comment-composer .note-editor.note-frame {
	border: 0!important;
}

/* dropzone custom.
------------------------------------*/
.profile-image .dropzone, .profile-image .u-dropzone {
	margin-right: 10px;
	padding : 0;
}

.profile-image .dropzone .dz-message , .profile-image  .u-dropzone .dz-message{
	text-align: center;
}

.profile-image .dropzone img, .profile-image .u-dropzone  img {
    max-width: 100%;
    width: auto;
    height: auto;
}


/*------------------------------------
 bootstrap fix...
------------------------------------*/

.align-middle {
    vertical-align: middle!important;
}

.rounded-circle {
    border-radius: 50%!important;
}


/*-------------------------------------------------------------------------------
  Components
-------------------------------------------------------------------------------*/
/*------------------------------------
  Switchery
------------------------------------*/
.u-switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;

  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}

.u-switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}

/*------------------------------------
  switcher
------------------------------------*/


.switcher {
	cursor: pointer;
	display: inline-block;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.switcher-inner {
	display: block;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	word-spacing: 0
}

.switcher-state-off,.switcher-state-on {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s
}

.switcher-state-on {
	margin-left: -100%
}

.switcher.checked .switcher-state-on {
	margin-left: 0
}

.switcher-toggler {
	left: 0;
	position: absolute;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s
}

.switcher.checked .switcher-toggler {
	left: 100%
}

.switcher>input[type=checkbox] {
	left: -100000px;
	position: absolute;
	visibility: hidden
}

.switcher+.styled-pseudo-checkbox {
	display: none !important
}

.switcher {
	height: 24px;
	width: 60px
}

.switcher-toggler {
	background: #fff;
	border-radius: 9999px;
	height: 20px;
	margin-left: 1px;
	margin-top: 2px;
	width: 20px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}

.switcher-inner {
	border-radius: 9999px
}

.switcher-state-off,.switcher-state-on {
	color: #fff;
	font-size: 12px;
	font-weight: 200;
	line-height: 24px
}

.switcher-state-on {
	background: #5ebd5e;
	padding-right: 20px
}

.switcher-state-off {
	background: #444;
	padding-left: 20px
}

.switcher.checked .switcher-toggler {
	margin-left: -21px
}

.switcher-theme-square .switcher-inner {
	border-radius: 3px
}

.switcher-theme-square .switcher-toggler {
	border-radius: 2px;
	margin-left: 2px
}

.switcher-theme-square.switcher.checked .switcher-toggler {
	margin-left: -22px
}

.switcher-theme-modern.switcher {
	height: 8px;
	width: 44px
}

.switcher-theme-modern .switcher-toggler {
	height: 20px;
	margin-left: -3px;
	margin-top: -6px;
	width: 20px;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3), 0 0 15px 1px
		rgba(255, 255, 255, .8) inset;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3), 0 0 15px 1px
		rgba(255, 255, 255, .8) inset;
	background-image: -webkit-linear-gradient(top, #efefef 0, #e5e5e5 100%);
	background-image: linear-gradient(to bottom, #efefef 0, #e5e5e5 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef',
		endColorstr='#ffe5e5e5', GradientType=0)
}

.switcher-theme-modern .switcher-inner {
	font-size: 0;
	line-height: 0;
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .1);
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .1)
}

.switcher-theme-modern .switcher-state-off,.switcher-theme-modern .switcher-state-on
	{
	border-radius: 9999px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2) inset;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2) inset
}

.switcher-theme-modern .switcher-state-on {
	padding-right: 17px
}

.switcher-theme-modern .switcher-state-off {
	padding-left: 17px
}

.switcher-theme-modern.switcher.checked .switcher-toggler {
	margin-left: -17px
}

.switcher-sm {
	width: 42px;
	height: 21px
}

.switcher-sm .switcher-toggler {
	height: 17px;
	width: 17px;
	margin-left: 1px
}

.switcher-sm .switcher-state-off,.switcher-sm .switcher-state-on {
	font-size: 8px;
	line-height: 21px
}

.switcher-sm .switcher-state-on {
	padding-right: 17px
}

.switcher-sm .switcher-state-off {
	padding-left: 17px
}

.switcher-sm.checked .switcher-toggler {
	margin-left: -18px
}

.switcher-sm.switcher-theme-square .switcher-inner {
	border-radius: 3px
}

.switcher-sm.switcher-theme-square .switcher-toggler {
	margin-left: 2px
}

.switcher-sm.switcher-theme-square.switcher.checked .switcher-toggler {
	margin-left: -19px
}

.switcher-sm.switcher.switcher-theme-modern {
	width: 34px;
	height: 6px
}

.switcher-sm.switcher.switcher-theme-modern .switcher-toggler {
	height: 17px;
	width: 17px;
	margin-top: -6px;
	margin-left: -3px
}

.switcher-sm.switcher.switcher-theme-modern .switcher-state-on {
	padding-right: 15px
}

.switcher-sm.switcher.switcher-theme-modern .switcher-state-off {
	padding-left: 15px
}

.switcher-sm.switcher.switcher-theme-modern.switcher.checked .switcher-toggler
	{
	margin-left: -15px
}

.switcher-lg {
	width: 70px;
	height: 30px
}

.switcher-lg .switcher-toggler {
	height: 26px;
	width: 26px;
	margin-left: 1px
}

.switcher-lg .switcher-state-off,.switcher-lg .switcher-state-on {
	font-size: 13px;
	line-height: 30px
}

.switcher-lg .switcher-state-on {
	padding-right: 26px
}

.switcher-lg .switcher-state-off {
	padding-left: 26px
}

.switcher-lg.checked .switcher-toggler {
	margin-left: -27px
}

.switcher-lg.switcher-theme-square .switcher-inner {
	border-radius: 3px
}

.switcher-lg.switcher-theme-square .switcher-toggler {
	margin-left: 2px
}

.switcher-lg.switcher-theme-square.switcher.checked .switcher-toggler {
	margin-left: -28px
}

.switcher-lg.switcher.switcher-theme-modern {
	width: 56px;
	height: 10px
}

.switcher-lg.switcher.switcher-theme-modern .switcher-toggler {
	height: 26px;
	width: 26px;
	margin-top: -8px;
	margin-left: -3px
}

.switcher-lg.switcher.switcher-theme-modern .switcher-state-on {
	padding-right: 26px
}

.switcher-lg.switcher.switcher-theme-modern .switcher-state-off {
	padding-left: 26px
}

.switcher-lg.switcher.switcher-theme-modern.switcher.checked .switcher-toggler
	{
	margin-left: -24px
}

.switcher.disabled {
	cursor: not-allowed !important;
	opacity: .5 !important;
	filter: alpha(opacity = 50)
}

.switcher-success .switcher-state-on {
	background: #5ebd5e !important
}

.switcher-warning .switcher-state-on {
	background: #f4b04f !important
}

.switcher-danger .switcher-state-on {
	background: #e66454 !important
}

.switcher-info .switcher-state-on {
	background: #5bc0de !important
}

.u-switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}

.u-switchery-small > small {
  height: 20px;
  width: 20px;
}

.u-switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}

.u-switchery-large > small {
  height: 40px;
  width: 40px;
}

/*------------------------------------
  Checkboxes
------------------------------------*/
.u-check {
  position: relative;
  cursor: pointer;
}

.u-check-icon-font {
  display: inline-block;
  font-size: 0;
  padding-left: 1px;
  padding-right: 1px;
}

.u-check-icon-font i {
  font-size: 22px;
  color: #ccc;
}

.u-check-icon-font i::before {
  content: attr(data-uncheck-icon);
}

.u-check-icon-checkbox, .u-check-icon-radio {
  display: inline-block;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-font i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font i,
.u-check input[type="radio"]:checked + .u-check-icon-font i,
.u-check input[type="radio"]:checked + * .u-check-icon-font i {
  color: #72c02c;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-font i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font i::before,
.u-check input[type="radio"]:checked + .u-check-icon-font i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-font i::before {
  content: attr(data-check-icon);
}

.g-hide-check {
  display: block !important;
}

.g-checked > * .g-hide-check,
input[type="checkbox"]:checked + .g-hide-check,
input[type="radio"]:checked + .g-hide-check,
input[type="checkbox"]:checked + * .g-hide-check,
input[type="radio"]:checked + * .g-hide-check {
  display: none !important;
}

.g-show-check {
  display: none !important;
}

.g-checked > * .g-show-check,
input[type="checkbox"]:checked + .g-show-check,
input[type="radio"]:checked + .g-show-check,
input[type="checkbox"]:checked + * .g-show-check,
input[type="radio"]:checked + * .g-show-check {
  display: block !important;
}

/*------------------------------------
  Checkboxes v1
------------------------------------*/
.u-check-icon-checkbox-v1, .u-check-icon-radio-v1 {
  background-color: #fff;
  border: solid 1px #ccc;
}

.u-check-icon-checkbox-v1 {
  border-radius: 1px;
}

.u-check-icon-radio-v1 {
  border-radius: 50%;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1 {
  color: #fff;
  background-color: #72c02c;
  border-color: #72c02c;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1::before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1::before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1::before {
  content: attr(data-check-icon);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v1,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v1,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v1,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v1 {
  border-width: 4px;
  border-color: #72c02c;
}

/*------------------------------------
  Checkboxes v2
------------------------------------*/
.u-check-icon-checkbox-v2, .u-check-icon-radio-v2 {
  width: 20px;
  height: 20px;
  border: solid 1px #72c02c;
}

.u-check-icon-checkbox-v2 {
  border-radius: 1px;
}

.u-check-icon-radio-v2 {
  border-radius: 50%;
}

/*------------------------------------
  Checkboxes v3
------------------------------------*/
.u-check-icon-checkbox-v3, .u-check-icon-radio-v3 {
  width: 40px;
  height: 40px;
  border: solid 1px #72c02c;
  border-radius: 50%;
}

/*------------------------------------
  Checkboxes v4
------------------------------------*/
.u-check-icon-checkbox-v4, .u-check-icon-radio-v4 {
  width: 18px;
  height: 18px;
  font-size: 12px;
  border: solid 1px #ccc;
}

.u-check-icon-checkbox-v4 i::before, .u-check-icon-radio-v4 i::before {
  content: attr(data-uncheck-icon);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-check-icon-radio-v4 {
  border-radius: 50%;
}

.u-check-icon-radio-v4 i {
  border-radius: 50%;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 {
  color: #72c02c;
  border-color: #72c02c;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4 i::before,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 i::before {
  content: attr(data-check-icon);
}

/*------------------------------------
  Checkboxes v5
------------------------------------*/
.u-check-icon-checkbox-v5, .u-check-icon-radio-v5 {
  width: 18px;
  height: 18px;
}

.u-check-icon-checkbox-v5 i, .u-check-icon-radio-v5 i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-check-icon-checkbox-v5 {
  border-radius: 1px;
}

.u-check-icon-radio-v5 {
  border-radius: 50%;
}

.u-check-icon-radio-v5 i {
  border-radius: 50%;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v5 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v5 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v5 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i {
  border-width: 4px;
  border-color: #72c02c;
}

/*------------------------------------
  Checkboxes v6
------------------------------------*/
.u-check-icon-checkbox-v6, .u-check-icon-radio-v6 {
  width: 18px;
  height: 18px;
  font-size: 12px;
}

.u-check-icon-checkbox-v6 i, .u-check-icon-radio-v6 i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px #ccc;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-check-icon-checkbox-v6 i::before, .u-check-icon-radio-v6 i::before {
  content: attr(data-uncheck-icon);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-check-icon-radio-v6 {
  border-radius: 50%;
}

.u-check-icon-radio-v6 i {
  border-radius: 50%;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {
  color: #fff;
  background-color: #72c02c;
  border-color: #72c02c;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i::before {
  content: attr(data-check-icon);
}

/*------------------------------------
  Checkboxes v7
------------------------------------*/
.u-check-icon-checkbox-v7, .u-check-icon-radio-v7 {
  cursor: pointer;
  display: block;
  width: 43px;
  height: 22px;
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  color: #ddd;
  border: solid 1px #ddd;
  border-radius: 12px;
}

.u-check-icon-checkbox-v7 i::before, .u-check-icon-checkbox-v7 i::after, .u-check-icon-radio-v7 i::before, .u-check-icon-radio-v7 i::after {
  content: "";
  display: block;
  position: absolute;
}

.u-check-icon-checkbox-v7 i::before, .u-check-icon-radio-v7 i::before {
  content: attr(data-uncheck-icon);
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: right;
  padding: 2px 7px;
}

.u-check-icon-checkbox-v7 i::after, .u-check-icon-radio-v7 i::after {
  top: 50%;
  left: 4px;
  width: 16px;
  height: 16px;
  background-color: #ddd;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  transition-property: left;
  transition-duration: .1s;
  transition-timing-function: ease-in;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 {
  color: #fff;
  background-color: #72c02c;
  border-color: #72c02c;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i:before,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i:before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i:before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i:before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i:before,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i:before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i:before,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i:before {
  content: attr(data-check-icon);
  text-align: left;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i::after,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i::after {
  left: calc(100% - 19px);
  background-color: #fff;
}

/*------------------------------------
  Checkboxes v7
------------------------------------*/
.u-check-icon-checkbox-v8, .u-check-icon-radio-v8 {
  cursor: pointer;
  display: block;
  width: 43px;
  height: 22px;
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  color: #ddd;
  border: solid 1px #ddd;
  border-radius: 12px;
}

.u-check-icon-checkbox-v8 i::before, .u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::before, .u-check-icon-radio-v8 i::after {
  content: "";
  display: block;
  position: absolute;
}

.u-check-icon-checkbox-v8 i::before, .u-check-icon-radio-v8 i::before {
  content: attr(data-uncheck-icon);
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: right;
  padding: 2px 7px;
}

.u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::after {
  top: 50%;
  left: 4px;
  width: 16px;
  height: 16px;
  background-color: #ddd;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  transition-property: left;
  transition-duration: .1s;
  transition-timing-function: ease-in;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 {
  color: #72c02c;
  border-color: #72c02c;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i:before,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i:before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i:before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i:before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i:before,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i:before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i:before,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i:before {
  content: attr(data-check-icon);
  text-align: left;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after {
  left: calc(100% - 19px);
  background-color: #72c02c;
}

/* P */
[class*="u-checkbox-v1"] {
  display: none;
}

[class*="u-checkbox-v1"] + label {
  cursor: pointer;
}

.u-checkbox-v1--checked-color-primary:checked + label {
  color: #72c02c !important;
}

.u-checkbox-v1--checked-brd-primary:checked + label {
  border-color: #72c02c !important;
}


/*------------------------------------
  Background Colors
------------------------------------*/
.u-label {
  display: inline-block;
  padding: .35rem .58rem;
  font-size: .9rem;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  /* Label Size
  ------------------------------------*/
  /* Label Styles
  ------------------------------------*/
  /* Label Num
  ------------------------------------*/
}

.u-label:empty {
  display: none;
}

.btn .u-label {
  position: relative;
  top: -1px;
}

.u-label-default {
  background-color: #777;
}

.u-label-default[href]:hover, .u-label-default[href]:focus {
  background-color: #555;
}

.u-label-primary {
  background-color: #5cb85c;
}

.u-label-primary[href]:hover, .u-label-primary[href]:focus {
  background-color: #55b555;
}

.u-label-success {
  background-color: #5cb85c;
}

.u-label-success[href]:hover, .u-label-success[href]:focus {
  background-color: #55b555;
}

.u-label-info {
  background-color: #5bc0de;
}

.u-label-info[href]:hover, .u-label-info[href]:focus {
  background-color: #53bddc;
}

.u-label-warning {
  background-color: #f0ad4e;
}

.u-label-warning[href]:hover, .u-label-warning[href]:focus {
  background-color: #efa945;
}

.u-label-danger {
  background-color: #d9534f;
}

.u-label-danger[href]:hover, .u-label-danger[href]:focus {
  background-color: #d74b47;
}

.u-label.g-rounded-10 {
  padding: .35rem .7rem;
}

.u-label--sm {
  font-size: .8rem;
}

.u-label--lg {
  font-size: 1.1rem;
}

.u-label.u-label-with-icon {
  padding: .5rem .85rem;
}

.u-label.u-label-with-icon i {
  margin-right: .5rem;
}

.u-label-num {
  min-width: 2rem;
  height: 2rem;
  padding: 0 .35rem;
  line-height: 2rem;
}

.u-label-num.u-label--sm {
  min-width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
}

.u-label-num.u-label--lg {
  min-width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
}


/*------------------------------------
  Heading-v1
------------------------------------*/
[class*="u-heading-v1-"] {
  position: relative;
}

[class*="u-heading-v1-"]::before, [class*="u-heading-v1-"]::after {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  width: 100%;
  height: 0;
  border-top-width: 1px;
  border-color: inherit;
}

[class*="u-heading-v1-"].text-center::before, [class*="u-heading-v1-"].text-center::after {
  left: 0;
  right: 0;
}

[class*="u-heading-v1-"].text-right::before, [class*="u-heading-v1-"].text-right::after {
  left: 0;
  right: auto;
}

.u-heading-v1__title {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding-right: 1.07143rem;
  background-color: inherit;
  z-index: 2;
}

.text-right .u-heading-v1__title {
  padding-left: 1.07143rem;
  padding-right: 0;
}

.text-center .u-heading-v1__title {
  padding-left: 1.07143rem;
  padding-right: 1.07143rem;
}

/*------------------------------------
  Heading-v1-1
------------------------------------*/
.u-heading-v1-1::before {
  top: 48%;
  border-top-style: solid;
}

.u-heading-v1-1::after {
  top: 58%;
  border-top-style: solid;
}

/*------------------------------------
  Heading-v1-2
------------------------------------*/
.u-heading-v1-2::before {
  top: 48%;
  border-top-style: dashed;
}

.u-heading-v1-2::after {
  top: 58%;
  border-top-style: dashed;
}

/*------------------------------------
  Heading-v1-3
------------------------------------*/
.u-heading-v1-3::before {
  top: 48%;
  border-top-style: dotted;
}

.u-heading-v1-3::after {
  top: 58%;
  border-top-style: dotted;
}

/*------------------------------------
  Heading-v1-4
------------------------------------*/
.u-heading-v1-4::before {
  top: 50%;
  border-top-style: solid;
}

/*------------------------------------
  Heading-v1-5
------------------------------------*/
.u-heading-v1-5::before {
  top: 50%;
  border-top-style: dashed;
}

/*------------------------------------
  Heading-v1-6
------------------------------------*/
.u-heading-v1-6::before {
  top: 50%;
  border-top-style: dotted;
}

/*------------------------------------
  Heading-v1-7
------------------------------------*/
.u-heading-v1-7 {
  background: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="9px" height="6px"><polygon opacity="0.2" points="4.5,4.5 0,0 0,1.208 4.5,5.708 9,1.208 9,0 "/></svg>') 0 50% repeat-x;
}

/*------------------------------------
  Heading-v2
------------------------------------*/
.u-heading-v2-1--bottom::after, .u-heading-v2-1--top::before, .u-heading-v2-2--bottom::after, .u-heading-v2-2--top::before, .u-heading-v2-3--bottom::after, .u-heading-v2-3--top::before, .u-heading-v2-4--bottom::after, .u-heading-v2-4--top::before, .u-heading-v2-5--bottom::after, .u-heading-v2-5--top::before, .u-heading-v2-6--bottom::after, .u-heading-v2-6--top::before, .u-heading-v2-7--bottom::after, .u-heading-v2-7--top::before {
  content: "";
  display: inline-block;
  border-top-style: solid;
  border-color: inherit;
}

/*------------------------------------
  Heading-v2-1
------------------------------------*/
.u-heading-v2-1--bottom::after, .u-heading-v2-1--top::before {
  width: 3.14286rem;
  border-top-width: 2px;
}

.u-heading-v2-1--bottom::after {
  margin-top: 1.78571rem;
}

.u-heading-v2-1--top::before {
  margin-bottom: 1.78571rem;
}

/*------------------------------------
  Heading-v2-2
------------------------------------*/
.u-heading-v2-2--bottom::after, .u-heading-v2-2--top::before {
  width: 2.71429rem;
  border-top-width: 5px;
}

.u-heading-v2-2--bottom::after {
  margin-top: 1.78571rem;
}

.u-heading-v2-2--top::before {
  margin-bottom: 1.78571rem;
}

/*------------------------------------
  Heading-v2-3
------------------------------------*/
.u-heading-v2-3--bottom::after, .u-heading-v2-3--top::before {
  width: 5rem;
  border-top-width: 1px;
}

.u-heading-v2-3--bottom::after {
  margin-top: 1.07143rem;
}

.u-heading-v2-3--top::before {
  margin-bottom: 1.07143rem;
}

/*------------------------------------
  Heading-v2-4
------------------------------------*/
.u-heading-v2-4--bottom::after, .u-heading-v2-4--top::before {
  width: 5rem;
  border-top-width: 10px;
}

.u-heading-v2-4--bottom::after {
  margin-top: 2.14286rem;
}

.u-heading-v2-4--top::before {
  margin-bottom: 2.14286rem;
}

/*------------------------------------
  Heading-v2-5
------------------------------------*/
.u-heading-v2-5--bottom::after, .u-heading-v2-5--top::before {
  width: 5rem;
  border-top-width: 2px;
}

.u-heading-v2-5--bottom::after {
  margin-top: 1.42857rem;
}

.u-heading-v2-5--top::before {
  margin-bottom: 1.42857rem;
}

/*------------------------------------
  Heading-v2-6
------------------------------------*/
.u-heading-v2-6--bottom::after, .u-heading-v2-6--top::before {
  width: 2.14286rem;
  border-top-width: 1px;
}

.u-heading-v2-6--bottom::after {
  margin-top: 0.71429rem;
}

.u-heading-v2-6--top::before {
  margin-bottom: 0.71429rem;
}

/*------------------------------------
  Heading-v2-7
------------------------------------*/
.u-heading-v2-7--bottom::after, .u-heading-v2-7--top::before {
  width: 12rem;
  border-top-width: 10px;
}

.u-heading-v2-7--bottom::after {
  margin-top: 2.85714rem;
}

.u-heading-v2-7--top::before {
  margin-bottom: 2.85714rem;
}

/*------------------------------------
  Heading-v3
------------------------------------*/
[class*="u-heading-v3-"] {
  border-bottom: 1px dotted #ccc;
}

.u-heading-v3__title {
  position: relative;
  top: 1px;
  display: inline-block;
  margin: 0;
  padding-bottom: 0.71429rem;
  border-bottom: 1px solid #555;
}

/*------------------------------------
  Heading-v4
------------------------------------*/
[class*="u-heading-v4-"] {
  padding: 0.14286rem 0 0.21429rem 1.42857rem;
  border-left-width: 4px;
  border-left-style: solid;
  border-color: inherit;
}

[class*="u-heading-v4-"].text-right {
  padding: 0.14286rem 1.42857rem 0.21429rem 0;
  border-left-width: 0;
  border-right-width: 4px;
  border-right-style: solid;
}

/*------------------------------------
  Heading-v5
------------------------------------*/
.u-heading-v5__title {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.u-heading-v5__title::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.85714rem;
  height: 0.85714rem;
  background: #555;
}

.u-heading-v5-color-primary .u-heading-v5__title::before {
  background: #72c02c;
}

.u-heading-v5-color-gray-light-v2 .u-heading-v5__title::before {
  background: #ccc;
}

.u-heading-v5-color-white .u-heading-v5__title::before {
  background: #fff;
}

.u-heading-v5-rounded-50x .u-heading-v5__title::before {
  border-radius: 50%;
}

/*------------------------------------
  Heading-v5-1
------------------------------------*/
.u-heading-v5-1 .u-heading-v5__title {
  padding-top: 1.78571rem;
}

.u-heading-v5-1 .u-heading-v5__title::before {
  top: 0;
  left: 2px;
}

.u-heading-v5-1.text-center .u-heading-v5__title::before {
  left: 50%;
  margin-left: -6px;
}

.u-heading-v5-1.text-right .u-heading-v5__title::before {
  left: auto;
  right: 2px;
}

/*------------------------------------
  Heading-v5-2
------------------------------------*/
.u-heading-v5-2 .u-heading-v5__title::before {
  left: 0;
  bottom: 3px;
}

.u-heading-v5-2.text-right .u-heading-v5__title::before {
  left: auto;
  right: 0;
}

.u-heading-v5-2 .u-heading-v5__title {
  padding-left: 1.78571rem;
}

.u-heading-v5-2.text-right .u-heading-v5__title {
  padding-right: 1.78571rem;
}

/*------------------------------------
  Heading-v5-3
------------------------------------*/
.u-heading-v5-3 .u-heading-v5__title::before {
  left: 2px;
  bottom: 0;
}

.u-heading-v5-3.text-center .u-heading-v5__title::before {
  left: 50%;
  margin-left: -6px;
}

.u-heading-v5-3.text-right .u-heading-v5__title::before {
  left: auto;
  right: 2px;
}

.u-heading-v5-3 .u-heading-v5__title {
  padding-bottom: 1.78571rem;
}

/*------------------------------------
  Heading-v6
------------------------------------*/
.u-heading-v6__title {
  display: inline-block;
  position: relative;
}

.u-heading-v6-1 .u-heading-v6__title::after, .u-heading-v6-1.text-center .u-heading-v6__title::before, .u-heading-v6-1.text-right .u-heading-v6__title::before, .u-heading-v6-2 .u-heading-v6__title::after, .u-heading-v6-2.text-center .u-heading-v6__title::before, .u-heading-v6-2.text-right .u-heading-v6__title::before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: inherit;
}

/*------------------------------------
  Heading-v6-1
------------------------------------*/
.u-heading-v6-1 .u-heading-v6__title,
.u-heading-v6-1 .u-heading-v6__subtitle {
  padding-right: 6.42857rem;
}

.u-heading-v6-1.text-center .u-heading-v6__title,
.u-heading-v6-1.text-right .u-heading-v6__title,
.u-heading-v6-1.text-center .u-heading-v6__subtitle,
.u-heading-v6-1.text-right .u-heading-v6__subtitle {
  padding-left: 6.42857rem;
}

.u-heading-v6-1.text-right .u-heading-v6__title,
.u-heading-v6-1.text-right .u-heading-v6__subtitle {
  padding-right: 0;
}

.u-heading-v6-1 .u-heading-v6__title::after {
  right: 0;
}

.u-heading-v6-1.text-center .u-heading-v6__title::before {
  left: 0;
}

.u-heading-v6-1.text-right .u-heading-v6__title::before {
  left: 0;
}

.u-heading-v6-1.text-right .u-heading-v6__title::after {
  display: none;
}

/*------------------------------------
  Heading-v6-1
------------------------------------*/
.u-heading-v6-2 .u-heading-v6__title,
.u-heading-v6-2 .u-heading-v6__subtitle {
  padding-left: 6.42857rem;
}

.u-heading-v6-2.text-center .u-heading-v6__title,
.u-heading-v6-2.text-right .u-heading-v6__title,
.u-heading-v6-2.text-center .u-heading-v6__subtitle,
.u-heading-v6-2.text-right .u-heading-v6__subtitle {
  padding-right: 6.42857rem;
}

.u-heading-v6-2.text-right .u-heading-v6__title,
.u-heading-v6-2.text-right .u-heading-v6__subtitle {
  padding-left: 0;
}

.u-heading-v6-2 .u-heading-v6__title::after {
  left: 0;
}

.u-heading-v6-2.text-center .u-heading-v6__title::before {
  right: 0;
}

.u-heading-v6-2.text-right .u-heading-v6__title::before {
  right: 0;
}

.u-heading-v6-2.text-right .u-heading-v6__title::after {
  display: none;
}

/*------------------------------------
  Heading-v7
------------------------------------*/
.u-heading-v7-divider::after, .text-center .u-heading-v7-divider::before, .text-right .u-heading-v7-divider::before {
  content: "";
  position: absolute;
  top: 52%;
  display: inline-block;
  width: 2.85714rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: inherit;
}

.u-heading-v7-divider {
  position: relative;
  display: inline-block;
}

.u-heading-v7-divider::after {
  right: -3.92857rem;
}

.text-center .u-heading-v7-divider::before {
  left: -3.92857rem;
}

.text-right .u-heading-v7-divider::before {
  left: -3.92857rem;
}

.text-right .u-heading-v7-divider::after {
  display: none;
}

.u-heading-v7-divider__icon {
  display: inline-block;
  font-size: 1.4rem;
}

/*------------------------------------
  Heading-v7-1
------------------------------------*/
.u-heading-v7-1 .u-heading-v7-divider__icon {
  font-size: .6rem;
}

/*------------------------------------
  Heading-v7-3
------------------------------------*/
.u-heading-v7-3 .u-heading-v7-divider::after,
.u-heading-v7-3 .u-heading-v7-divider::before {
  display: none;
}

/*------------------------------------
  Heading-v8
------------------------------------*/
.u-heading-v8-1 .u-heading-v8__title strong, .u-heading-v8-2 .u-heading-v8__title strong {
  display: inline-block;
  font-weight: inherit;
}

/*------------------------------------
  Heading-v8-1
------------------------------------*/
.u-heading-v8-1 .u-heading-v8__title strong {
  padding: 0.07143rem 0.5rem;
}

/*------------------------------------
  Heading-v8-2
------------------------------------*/
.u-heading-v8-2 .u-heading-v8__title strong {
  padding: 0.71429rem 1.07143rem;
}

/*------------------------------------
  Heading-v9
------------------------------------*/
.u-heading-v9 {
  position: relative;
  text-align: center;
}

.u-heading-v9::before {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  margin-left: -35px;
  width: 70px;
  height: 96px;
  border: 2px solid #72c02c;
}

.u-heading-v9--left {
  padding-left: 35px;
  text-align: left;
}

.u-heading-v9--left::before {
  left: 0;
  margin-left: 0;
}

.u-heading-v9--right {
  padding-right: 35px;
  text-align: right;
}

.u-heading-v9--right::before {
  left: auto;
  right: 0;
  margin-left: 0;
}

.u-heading-v9 * {
  position: relative;
  z-index: 3;
}

/*------------------------------------
  Heading-v10
------------------------------------*/
.u-heading-v10 {
  position: relative;
  text-align: center;
}

.u-heading-v10__downer {
  font-size: 115px;
  line-height: 1;
  opacity: .04;
}

.u-heading-v10__upper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 34px;
  color: #72c02c;
}

/*------------------------------------
  Headings
------------------------------------*/
/* Massive Underline */
.u-heading-massive-underline {
  position: relative;
}

.u-heading-massive-underline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: .2em;
  height: .3em;
  background-color: rgba(114, 192, 44, 0.8);
  z-index: -1;
}

/* Heading With Dot */
.u-header-title-dot::after {
  content: ".";
  color: #72c02c;
  display: inline-block;
  font-size: 35px;
}



/*------------------------------------
  Tables
------------------------------------*/

[class*="text"][class*="center"] td,
[class*="text"][class*="center"] th {
  text-align: center;
}

.u-table--v1 td,
.u-table--v1 th {
  padding: 8px;
}

.u-table--v1 thead th {
  border-bottom-width: 1px;
}

.u-table--v2 td,
.u-table--v2 th {
  padding: 15px;
}

.u-table--v2 thead th {
  background-color: inherit;
  border-bottom-width: 1px;
}

.g-col-border-top-0 td,
.g-col-border-top-0 th {
  border-top-width: 0;
}

.g-col-border-side-0 td,
.g-col-border-side-0 th {
  border-left-width: 0;
  border-right-width: 0;
}


/* Button Styles
------------------------------------*/
/* General Button Styles */
.btn {
  position: relative;
  transition: .2s ease;
  cursor: pointer;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
  box-shadow: none;
}

/* Button Content
------------------------------------*/
.u-btn-content {
  white-space: normal;
}

/* Buttons Only Icon (O)
------------------------------------*/
.u-btn-only-icon {
  position: relative;
}

.u-btn-only-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

/* Button Sizes
------------------------------------*/
/* Extra Small */
.btn-xs {
  line-height: 1.4;
  padding: 0.14286rem 0.5rem;
  font-size: 0.78571rem;
}

/* Medium */
.btn-md {
  line-height: 1.4;
  padding: 0.57143rem 1.42857rem;
  font-size: 1.07143rem;
}

/* Extra Large */
.btn-xl {
  line-height: 1.4;
  padding: 0.92857rem 1.85714rem;
  font-size: 1.28571rem;
}

/* Extramly Large */
.btn-xxl {
  line-height: 1.4;
  padding: 1.07143rem 2.14286rem;
  font-size: 1.5rem;
}

/* Button Types
------------------------------------*/
/* Inset Buttons */
.u-btn-inset {
  position: relative;
}

.u-btn-inset::before {
  position: absolute;
  top: 0.14286rem;
  right: 0.14286rem;
  bottom: 0.14286rem;
  left: 0.14286rem;
  content: "";
  border: solid 1px #fff;
  border-radius: 1px;
}

.u-btn-inset--rounded::before {
  border-radius: 50px;
}

/* 3d Buttons */
.u-btn-3d {
  border-bottom: solid 3px rgba(0, 0, 0, 0.2);
}

.u-btn-3d:hover {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

/* Skew Button */
.u-btn-skew {
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.u-btn-skew__inner {
  -webkit-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
          transform: skewX(20deg);
  display: block;
}

/* Button Hovers
------------------------------------*/
[class*="u-btn-hover"] {
  z-index: 1;
}

[class*="u-btn-hover"]:hover {
  text-decoration: none;
}

[class*="u-btn-hover"]:focus {
  text-decoration: none;
}

[class*="u-btn-hover"]::after {
  position: absolute;
  content: "";
  z-index: -1;
  transition: all .3s;
}

/* Hover v1-1 */
.u-btn-hover-v1-1::after {
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
}

.u-btn-hover-v1-1:hover::after {
  height: 100%;
}

/* Hover v1-2 */
.u-btn-hover-v1-2::after {
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
}

.u-btn-hover-v1-2:hover::after {
  width: 100%;
}

/* Hover v1-3 */
.u-btn-hover-v1-3::after {
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
}

.u-btn-hover-v1-3:hover::after {
  height: 100%;
}

/* Hover v1-4 */
.u-btn-hover-v1-4::after {
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}

.u-btn-hover-v1-4:hover::after {
  width: 100%;
}

/* Hover v2-1 */
.u-btn-hover-v2-1::after {
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
}

.u-btn-hover-v2-1:hover::after {
  left: 0;
  width: 100%;
}

/* Hover v2-2 */
.u-btn-hover-v2-2::after {
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
}

.u-btn-hover-v2-2:hover::after {
  top: 0;
  height: 100%;
}

/* Button Primary */
.u-btn-primary {
  color: #fff;
  background-color: #72c02c;
}

.u-btn-primary:hover, .u-btn-primary.active {
  border-color: #8cd54a;
  background-color: #8cd54a;
}

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
  color: #fff;
}

.u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
  background-color: #72c02c;
  border-color: #72c02c;
}

.u-btn-primary.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-1:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-2:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-3:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v1-4:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v2-1:hover {
  background-color: #72c02c;
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after {
  background-color: #7fd135;
}

.u-btn-primary.u-btn-hover-v2-2:hover {
  background-color: #72c02c;
  overflow: hidden;
}

/* Button White */
.u-btn-white {
  color: #555;
  background-color: #fff;
}

.u-btn-white:hover, .u-btn-white.active {
  border-color: white;
  background-color: white;
}

.u-btn-white:hover, .u-btn-white:focus, .u-btn-white.active {
  color: #555;
}

.u-btn-white.g-btn-hover-reset:hover, .u-btn-white.g-btn-hover-reset.active {
  background-color: #fff;
  border-color: #fff;
}

.u-btn-white.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-1::after, .u-btn-white.u-btn-hover-v1-1:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-1:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-2::after, .u-btn-white.u-btn-hover-v1-2:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-2:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-3::after, .u-btn-white.u-btn-hover-v1-3:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-3:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-4::after, .u-btn-white.u-btn-hover-v1-4:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v1-4:hover {
  background-color: #fff;
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-1::after, .u-btn-white.u-btn-hover-v2-1:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-white.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-2::after, .u-btn-white.u-btn-hover-v2-2:hover::after {
  background-color: white;
}

.u-btn-white.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Black */
.u-btn-black {
  color: #fff;
  background-color: #000;
}

.u-btn-black:hover, .u-btn-black.active {
  border-color: #1a1a1a;
  background-color: #1a1a1a;
}

.u-btn-black:hover, .u-btn-black:focus, .u-btn-black.active {
  color: #fff;
}

.u-btn-black.g-btn-hover-reset:hover, .u-btn-black.g-btn-hover-reset.active {
  background-color: #000;
  border-color: #000;
}

.u-btn-black.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-1::after, .u-btn-black.u-btn-hover-v1-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-1:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-2::after, .u-btn-black.u-btn-hover-v1-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-2:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-3::after, .u-btn-black.u-btn-hover-v1-3:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-3:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-4::after, .u-btn-black.u-btn-hover-v1-4:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-4:hover {
  background-color: #000;
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-1::after, .u-btn-black.u-btn-hover-v2-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-black.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-2::after, .u-btn-black.u-btn-hover-v2-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Dark Gray */
.u-btn-darkgray {
  color: #fff;
  background-color: #333;
}

.u-btn-darkgray:hover, .u-btn-darkgray.active {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
}

.u-btn-darkgray:hover, .u-btn-darkgray:focus, .u-btn-darkgray.active {
  color: #fff;
}

.u-btn-darkgray.g-btn-hover-reset:hover, .u-btn-darkgray.g-btn-hover-reset.active {
  background-color: #333;
  border-color: #333;
}

.u-btn-darkgray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-1::after, .u-btn-darkgray.u-btn-hover-v1-1:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-1:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-2::after, .u-btn-darkgray.u-btn-hover-v1-2:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-2:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-3::after, .u-btn-darkgray.u-btn-hover-v1-3:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-3:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-4::after, .u-btn-darkgray.u-btn-hover-v1-4:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-4:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-1::after, .u-btn-darkgray.u-btn-hover-v2-1:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v2-1:hover {
  background-color: #333;
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-2::after, .u-btn-darkgray.u-btn-hover-v2-2:hover::after {
  background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v2-2:hover {
  background-color: #333;
  overflow: hidden;
}

/* Button Red */
.u-btn-red {
  color: #fff;
  background-color: #f00;
}

.u-btn-red:hover, .u-btn-red.active {
  border-color: #ff3333;
  background-color: #ff3333;
}

.u-btn-red:hover, .u-btn-red:focus, .u-btn-red.active {
  color: #fff;
}

.u-btn-red.g-btn-hover-reset:hover, .u-btn-red.g-btn-hover-reset.active {
  background-color: #f00;
  border-color: #f00;
}

.u-btn-red.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-1::after, .u-btn-red.u-btn-hover-v1-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-1:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-2::after, .u-btn-red.u-btn-hover-v1-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-2:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-3::after, .u-btn-red.u-btn-hover-v1-3:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-3:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-4::after, .u-btn-red.u-btn-hover-v1-4:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-4:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-1::after, .u-btn-red.u-btn-hover-v2-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v2-1:hover {
  background-color: #f00;
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-2::after, .u-btn-red.u-btn-hover-v2-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v2-2:hover {
  background-color: #f00;
  overflow: hidden;
}

/* Button Red Tomato */
.u-btn-lightred {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-lightred:hover, .u-btn-lightred.active {
  border-color: #ec7568;
  background-color: #ec7568;
}

.u-btn-lightred:hover, .u-btn-lightred:focus, .u-btn-lightred.active {
  color: #fff;
}

.u-btn-lightred.g-btn-hover-reset:hover, .u-btn-lightred.g-btn-hover-reset.active {
  background-color: #e64b3b;
  border-color: #e64b3b;
}

.u-btn-lightred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-1::after, .u-btn-lightred.u-btn-hover-v1-1:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-1:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-2::after, .u-btn-lightred.u-btn-hover-v1-2:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-2:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-3::after, .u-btn-lightred.u-btn-hover-v1-3:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-3:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-4::after, .u-btn-lightred.u-btn-hover-v1-4:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-4:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-1::after, .u-btn-lightred.u-btn-hover-v2-1:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v2-1:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-2::after, .u-btn-lightred.u-btn-hover-v2-2:hover::after {
  background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v2-2:hover {
  background-color: #e64b3b;
  overflow: hidden;
}

/* Button Dark Red */
.u-btn-darkred {
  color: #fff;
  background-color: #a10f2b;
}

.u-btn-darkred:hover, .u-btn-darkred.active {
  border-color: #d01337;
  background-color: #d01337;
}

.u-btn-darkred:hover, .u-btn-darkred:focus, .u-btn-darkred.active {
  color: #fff;
}

.u-btn-darkred.g-btn-hover-reset:hover, .u-btn-darkred.g-btn-hover-reset.active {
  background-color: #a10f2b;
  border-color: #a10f2b;
}

.u-btn-darkred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-1::after, .u-btn-darkred.u-btn-hover-v1-1:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-1:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-2::after, .u-btn-darkred.u-btn-hover-v1-2:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-2:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-3::after, .u-btn-darkred.u-btn-hover-v1-3:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-3:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-4::after, .u-btn-darkred.u-btn-hover-v1-4:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-4:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-1::after, .u-btn-darkred.u-btn-hover-v2-1:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v2-1:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-2::after, .u-btn-darkred.u-btn-hover-v2-2:hover::after {
  background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v2-2:hover {
  background-color: #a10f2b;
  overflow: hidden;
}

/* Button Blue */
.u-btn-blue {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-blue:hover, .u-btn-blue.active {
  border-color: #5faee3;
  background-color: #5faee3;
}

.u-btn-blue:hover, .u-btn-blue:focus, .u-btn-blue.active {
  color: #fff;
}

.u-btn-blue.g-btn-hover-reset:hover, .u-btn-blue.g-btn-hover-reset.active {
  background-color: #3398dc;
  border-color: #3398dc;
}

.u-btn-blue.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-1::after, .u-btn-blue.u-btn-hover-v1-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-1:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-2::after, .u-btn-blue.u-btn-hover-v1-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-2:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-3::after, .u-btn-blue.u-btn-hover-v1-3:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-3:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-4::after, .u-btn-blue.u-btn-hover-v1-4:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-4:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-1::after, .u-btn-blue.u-btn-hover-v2-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v2-1:hover {
  background-color: #3398dc;
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-2::after, .u-btn-blue.u-btn-hover-v2-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v2-2:hover {
  background-color: #3398dc;
  overflow: hidden;
}

/* Button Indigo */
.u-btn-indigo {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-indigo:hover, .u-btn-indigo.active {
  border-color: #5b7cbd;
  background-color: #5b7cbd;
}

.u-btn-indigo:hover, .u-btn-indigo:focus, .u-btn-indigo.active {
  color: #fff;
}

.u-btn-indigo.g-btn-hover-reset:hover, .u-btn-indigo.g-btn-hover-reset.active {
  background-color: #4263a3;
  border-color: #4263a3;
}

.u-btn-indigo.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-1::after, .u-btn-indigo.u-btn-hover-v1-1:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-1:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-2::after, .u-btn-indigo.u-btn-hover-v1-2:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-2:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-3::after, .u-btn-indigo.u-btn-hover-v1-3:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-3:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-4::after, .u-btn-indigo.u-btn-hover-v1-4:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-4:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-1::after, .u-btn-indigo.u-btn-hover-v2-1:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v2-1:hover {
  background-color: #4263a3;
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-2::after, .u-btn-indigo.u-btn-hover-v2-2:hover::after {
  background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v2-2:hover {
  background-color: #4263a3;
  overflow: hidden;
}

/* Button Purple */
.u-btn-purple {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-purple:hover, .u-btn-purple.active {
  border-color: #b48fd8;
  background-color: #b48fd8;
}

.u-btn-purple:hover, .u-btn-purple:focus, .u-btn-purple.active {
  color: #fff;
}

.u-btn-purple.g-btn-hover-reset:hover, .u-btn-purple.g-btn-hover-reset.active {
  background-color: #9a69cb;
  border-color: #9a69cb;
}

.u-btn-purple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-1::after, .u-btn-purple.u-btn-hover-v1-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-1:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-2::after, .u-btn-purple.u-btn-hover-v1-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-2:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-3::after, .u-btn-purple.u-btn-hover-v1-3:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-3:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-4::after, .u-btn-purple.u-btn-hover-v1-4:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-4:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-1::after, .u-btn-purple.u-btn-hover-v2-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v2-1:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-2::after, .u-btn-purple.u-btn-hover-v2-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v2-2:hover {
  background-color: #9a69cb;
  overflow: hidden;
}

/* Button Dark Purple */
.u-btn-darkpurple {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple.active {
  border-color: #8157cb;
  background-color: #8157cb;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple:focus, .u-btn-darkpurple.active {
  color: #fff;
}

.u-btn-darkpurple.g-btn-hover-reset:hover, .u-btn-darkpurple.g-btn-hover-reset.active {
  background-color: #6639b6;
  border-color: #6639b6;
}

.u-btn-darkpurple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-1::after, .u-btn-darkpurple.u-btn-hover-v1-1:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-1:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-2::after, .u-btn-darkpurple.u-btn-hover-v1-2:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-2:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-3::after, .u-btn-darkpurple.u-btn-hover-v1-3:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-3:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-4::after, .u-btn-darkpurple.u-btn-hover-v1-4:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-4:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-1::after, .u-btn-darkpurple.u-btn-hover-v2-1:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v2-1:hover {
  background-color: #6639b6;
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-2::after, .u-btn-darkpurple.u-btn-hover-v2-2:hover::after {
  background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v2-2:hover {
  background-color: #6639b6;
  overflow: hidden;
}

/* Button Pink */
.u-btn-pink {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-pink:hover, .u-btn-pink.active {
  border-color: #ed4a82;
  background-color: #ed4a82;
}

.u-btn-pink:hover, .u-btn-pink:focus, .u-btn-pink.active {
  color: #fff;
}

.u-btn-pink.g-btn-hover-reset:hover, .u-btn-pink.g-btn-hover-reset.active {
  background-color: #e81c62;
  border-color: #e81c62;
}

.u-btn-pink.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-1::after, .u-btn-pink.u-btn-hover-v1-1:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-1:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-2::after, .u-btn-pink.u-btn-hover-v1-2:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-2:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-3::after, .u-btn-pink.u-btn-hover-v1-3:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-3:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-4::after, .u-btn-pink.u-btn-hover-v1-4:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-4:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-1::after, .u-btn-pink.u-btn-hover-v2-1:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v2-1:hover {
  background-color: #e81c62;
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-2::after, .u-btn-pink.u-btn-hover-v2-2:hover::after {
  background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v2-2:hover {
  background-color: #e81c62;
  overflow: hidden;
}

/* Button Orange */
.u-btn-orange {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-orange:hover, .u-btn-orange.active {
  border-color: #ea984e;
  background-color: #ea984e;
}

.u-btn-orange:hover, .u-btn-orange:focus, .u-btn-orange.active {
  color: #fff;
}

.u-btn-orange.g-btn-hover-reset:hover, .u-btn-orange.g-btn-hover-reset.active {
  background-color: #e57d20;
  border-color: #e57d20;
}

.u-btn-orange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-1::after, .u-btn-orange.u-btn-hover-v1-1:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-1:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-2::after, .u-btn-orange.u-btn-hover-v1-2:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-2:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-3::after, .u-btn-orange.u-btn-hover-v1-3:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-3:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-4::after, .u-btn-orange.u-btn-hover-v1-4:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-4:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-1::after, .u-btn-orange.u-btn-hover-v2-1:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v2-1:hover {
  background-color: #e57d20;
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-2::after, .u-btn-orange.u-btn-hover-v2-2:hover::after {
  background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v2-2:hover {
  background-color: #e57d20;
  overflow: hidden;
}

/* Button Deep Orange */
.u-btn-deeporange {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-deeporange:hover, .u-btn-deeporange.active {
  border-color: #fe7b51;
  background-color: #fe7b51;
}

.u-btn-deeporange:hover, .u-btn-deeporange:focus, .u-btn-deeporange.active {
  color: #fff;
}

.u-btn-deeporange.g-btn-hover-reset:hover, .u-btn-deeporange.g-btn-hover-reset.active {
  background-color: #fe541e;
  border-color: #fe541e;
}

.u-btn-deeporange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-1::after, .u-btn-deeporange.u-btn-hover-v1-1:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-1:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-2::after, .u-btn-deeporange.u-btn-hover-v1-2:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-2:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-3::after, .u-btn-deeporange.u-btn-hover-v1-3:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-3:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-4::after, .u-btn-deeporange.u-btn-hover-v1-4:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-4:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-1::after, .u-btn-deeporange.u-btn-hover-v2-1:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v2-1:hover {
  background-color: #fe541e;
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-2::after, .u-btn-deeporange.u-btn-hover-v2-2:hover::after {
  background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v2-2:hover {
  background-color: #fe541e;
  overflow: hidden;
}

/* Button Yellow */
.u-btn-yellow {
  color: #fff;
  background-color: #ebc71d;
}

.u-btn-yellow:hover, .u-btn-yellow.active {
  border-color: #efd34c;
  background-color: #efd34c;
}

.u-btn-yellow:hover, .u-btn-yellow:focus, .u-btn-yellow.active {
  color: #fff;
}

.u-btn-yellow.g-btn-hover-reset:hover, .u-btn-yellow.g-btn-hover-reset.active {
  background-color: #ebc71d;
  border-color: #ebc71d;
}

.u-btn-yellow.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-1::after, .u-btn-yellow.u-btn-hover-v1-1:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-1:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-2::after, .u-btn-yellow.u-btn-hover-v1-2:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-2:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-3::after, .u-btn-yellow.u-btn-hover-v1-3:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-3:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-4::after, .u-btn-yellow.u-btn-hover-v1-4:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-4:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-1::after, .u-btn-yellow.u-btn-hover-v2-1:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v2-1:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-2::after, .u-btn-yellow.u-btn-hover-v2-2:hover::after {
  background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v2-2:hover {
  background-color: #ebc71d;
  overflow: hidden;
}

/* Button Aqua */
.u-btn-aqua {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-aqua:hover, .u-btn-aqua.active {
  border-color: #57dfeb;
  background-color: #57dfeb;
}

.u-btn-aqua:hover, .u-btn-aqua:focus, .u-btn-aqua.active {
  color: #fff;
}

.u-btn-aqua.g-btn-hover-reset:hover, .u-btn-aqua.g-btn-hover-reset.active {
  background-color: #29d6e6;
  border-color: #29d6e6;
}

.u-btn-aqua.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-1::after, .u-btn-aqua.u-btn-hover-v1-1:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-1:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-2::after, .u-btn-aqua.u-btn-hover-v1-2:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-2:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-3::after, .u-btn-aqua.u-btn-hover-v1-3:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-3:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-4::after, .u-btn-aqua.u-btn-hover-v1-4:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-4:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-1::after, .u-btn-aqua.u-btn-hover-v2-1:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v2-1:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-2::after, .u-btn-aqua.u-btn-hover-v2-2:hover::after {
  background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v2-2:hover {
  background-color: #29d6e6;
  overflow: hidden;
}

/* Button Cyan */
.u-btn-cyan {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-cyan:hover, .u-btn-cyan.active {
  border-color: #0ae4ff;
  background-color: #0ae4ff;
}

.u-btn-cyan:hover, .u-btn-cyan:focus, .u-btn-cyan.active {
  color: #fff;
}

.u-btn-cyan.g-btn-hover-reset:hover, .u-btn-cyan.g-btn-hover-reset.active {
  background-color: #00bed6;
  border-color: #00bed6;
}

.u-btn-cyan.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-1::after, .u-btn-cyan.u-btn-hover-v1-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-1:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-2::after, .u-btn-cyan.u-btn-hover-v1-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-2:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-3::after, .u-btn-cyan.u-btn-hover-v1-3:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-3:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-4::after, .u-btn-cyan.u-btn-hover-v1-4:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-4:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-1::after, .u-btn-cyan.u-btn-hover-v2-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v2-1:hover {
  background-color: #00bed6;
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-2::after, .u-btn-cyan.u-btn-hover-v2-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v2-2:hover {
  background-color: #00bed6;
  overflow: hidden;
}

/* Button Teal */
.u-btn-teal {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-teal:hover, .u-btn-teal.active {
  border-color: #22e3be;
  background-color: #22e3be;
}

.u-btn-teal:hover, .u-btn-teal:focus, .u-btn-teal.active {
  color: #fff;
}

.u-btn-teal.g-btn-hover-reset:hover, .u-btn-teal.g-btn-hover-reset.active {
  background-color: #18ba9b;
  border-color: #18ba9b;
}

.u-btn-teal.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-1::after, .u-btn-teal.u-btn-hover-v1-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-1:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-2::after, .u-btn-teal.u-btn-hover-v1-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-2:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-3::after, .u-btn-teal.u-btn-hover-v1-3:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-3:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-4::after, .u-btn-teal.u-btn-hover-v1-4:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-4:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-1::after, .u-btn-teal.u-btn-hover-v2-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v2-1:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-2::after, .u-btn-teal.u-btn-hover-v2-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v2-2:hover {
  background-color: #18ba9b;
  overflow: hidden;
}

/* Button Brown */
.u-btn-brown {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-brown:hover, .u-btn-brown.active {
  border-color: #b09980;
  background-color: #b09980;
}

.u-btn-brown:hover, .u-btn-brown:focus, .u-btn-brown.active {
  color: #fff;
}

.u-btn-brown.g-btn-hover-reset:hover, .u-btn-brown.g-btn-hover-reset.active {
  background-color: #9c8061;
  border-color: #9c8061;
}

.u-btn-brown.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-1::after, .u-btn-brown.u-btn-hover-v1-1:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-1:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-2::after, .u-btn-brown.u-btn-hover-v1-2:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-2:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-3::after, .u-btn-brown.u-btn-hover-v1-3:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-3:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-4::after, .u-btn-brown.u-btn-hover-v1-4:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-4:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-1::after, .u-btn-brown.u-btn-hover-v2-1:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v2-1:hover {
  background-color: #9c8061;
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-2::after, .u-btn-brown.u-btn-hover-v2-2:hover::after {
  background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v2-2:hover {
  background-color: #9c8061;
  overflow: hidden;
}

/* Button Bluegrey */
.u-btn-bluegray {
  color: #fff;
  background-color: #585f69;
}

.u-btn-bluegray:hover, .u-btn-bluegray.active {
  border-color: #6f7885;
  background-color: #6f7885;
}

.u-btn-bluegray:hover, .u-btn-bluegray:focus, .u-btn-bluegray.active {
  color: #fff;
}

.u-btn-bluegray.g-btn-hover-reset:hover, .u-btn-bluegray.g-btn-hover-reset.active {
  background-color: #585f69;
  border-color: #585f69;
}

.u-btn-bluegray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-1::after, .u-btn-bluegray.u-btn-hover-v1-1:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-1:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-2::after, .u-btn-bluegray.u-btn-hover-v1-2:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-2:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-3::after, .u-btn-bluegray.u-btn-hover-v1-3:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-3:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-4::after, .u-btn-bluegray.u-btn-hover-v1-4:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-4:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-1::after, .u-btn-bluegray.u-btn-hover-v2-1:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v2-1:hover {
  background-color: #585f69;
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-2::after, .u-btn-bluegray.u-btn-hover-v2-2:hover::after {
  background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v2-2:hover {
  background-color: #585f69;
  overflow: hidden;
}

/* Button Facebook */
.u-btn-facebook {
  color: #fff;
  background-color: #3b5998;
}

.u-btn-facebook:hover, .u-btn-facebook.active {
  border-color: #4c70ba;
  background-color: #4c70ba;
}

.u-btn-facebook:hover, .u-btn-facebook:focus, .u-btn-facebook.active {
  color: #fff;
}

.u-btn-facebook.g-btn-hover-reset:hover, .u-btn-facebook.g-btn-hover-reset.active {
  background-color: #3b5998;
  border-color: #3b5998;
}

/* Button Twitter */
.u-btn-twitter {
  color: #fff;
  background-color: #00acee;
}

.u-btn-twitter:hover, .u-btn-twitter.active {
  border-color: #22c2ff;
  background-color: #22c2ff;
}

.u-btn-twitter:hover, .u-btn-twitter:focus, .u-btn-twitter.active {
  color: #fff;
}

.u-btn-twitter.g-btn-hover-reset:hover, .u-btn-twitter.g-btn-hover-reset.active {
  background-color: #00acee;
  border-color: #00acee;
}

/* Button Instagram */
.u-btn-instagram {
  color: #fff;
  background-color: #3f729b;
}

.u-btn-instagram:hover, .u-btn-instagram.active {
  border-color: #548cb9;
  background-color: #548cb9;
}

.u-btn-instagram:hover, .u-btn-instagram:focus, .u-btn-instagram.active {
  color: #fff;
}

.u-btn-instagram.g-btn-hover-reset:hover, .u-btn-instagram.g-btn-hover-reset.active {
  background-color: #3f729b;
  border-color: #3f729b;
}

/* Button VK */
.u-btn-vk {
  color: #fff;
  background-color: #2b587a;
}

.u-btn-vk:hover, .u-btn-vk.active {
  border-color: #3873a0;
  background-color: #3873a0;
}

.u-btn-vk:hover, .u-btn-vk:focus, .u-btn-vk.active {
  color: #fff;
}

.u-btn-vk.g-btn-hover-reset:hover, .u-btn-vk.g-btn-hover-reset.active {
  background-color: #2b587a;
  border-color: #2b587a;
}

/* Button Google Plus */
.u-btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}

.u-btn-google-plus:hover, .u-btn-google-plus.active {
  border-color: #e47365;
  background-color: #e47365;
}

.u-btn-google-plus:hover, .u-btn-google-plus:focus, .u-btn-google-plus.active {
  color: #fff;
}

.u-btn-google-plus.g-btn-hover-reset:hover, .u-btn-google-plus.g-btn-hover-reset.active {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

/* Outline Button Primary */
.u-btn-outline-primary {
  color: #72c02c;
  border-color: #72c02c;
  background-color: transparent;
}

.u-btn-outline-primary:focus, .u-btn-outline-primary.active {
  color: #fff;
  background-color: #72c02c;
}

.u-btn-outline-primary:hover {
  color: #fff;
  background-color: #72c02c;
}

.u-btn-outline-primary.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-1::after, .u-btn-outline-primary.u-btn-hover-v1-1:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-2::after, .u-btn-outline-primary.u-btn-hover-v1-2:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-3::after, .u-btn-outline-primary.u-btn-hover-v1-3:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-4::after, .u-btn-outline-primary.u-btn-hover-v1-4:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v2-1::after, .u-btn-outline-primary.u-btn-hover-v2-1:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v2-2::after, .u-btn-outline-primary.u-btn-hover-v2-2:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v3-1 {
  overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v3-1::after, .u-btn-outline-primary.u-btn-hover-v3-1:hover::after {
  background-color: #7fd135;
}

.u-btn-outline-primary.u-btn-hover-v3-1:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button White */
.u-btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}

.u-btn-outline-white:focus, .u-btn-outline-white.active {
  color: #555;
  background-color: #fff;
}

.u-btn-outline-white:hover {
  color: #555;
  background-color: #fff;
}

.u-btn-outline-white.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-1::after, .u-btn-outline-white.u-btn-hover-v1-1:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-2::after, .u-btn-outline-white.u-btn-hover-v1-2:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-3::after, .u-btn-outline-white.u-btn-hover-v1-3:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-4::after, .u-btn-outline-white.u-btn-hover-v1-4:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v2-1::after, .u-btn-outline-white.u-btn-hover-v2-1:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v2-2::after, .u-btn-outline-white.u-btn-hover-v2-2:hover::after {
  background-color: white;
}

.u-btn-outline-white.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Black */
.u-btn-outline-black {
  color: #000;
  border-color: #000;
  background-color: transparent;
}

.u-btn-outline-black:focus, .u-btn-outline-black.active {
  color: #fff;
  background-color: #000;
}

.u-btn-outline-black:hover {
  color: #fff;
  background-color: #000;
}

.u-btn-outline-black.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-1::after, .u-btn-outline-black.u-btn-hover-v1-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-2::after, .u-btn-outline-black.u-btn-hover-v1-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-3::after, .u-btn-outline-black.u-btn-hover-v1-3:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-4::after, .u-btn-outline-black.u-btn-hover-v1-4:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v2-1::after, .u-btn-outline-black.u-btn-hover-v2-1:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v2-2::after, .u-btn-outline-black.u-btn-hover-v2-2:hover::after {
  background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Dark Gray */
.u-btn-outline-darkgray {
  color: #333;
  border-color: #333;
  background-color: transparent;
}

.u-btn-outline-darkgray:focus, .u-btn-outline-darkgray.active {
  color: #fff;
  background-color: #333;
}

.u-btn-outline-darkgray:hover {
  color: #fff;
  background-color: #333;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1::after, .u-btn-outline-darkgray.u-btn-hover-v1-1:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2::after, .u-btn-outline-darkgray.u-btn-hover-v1-2:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3::after, .u-btn-outline-darkgray.u-btn-hover-v1-3:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4::after, .u-btn-outline-darkgray.u-btn-hover-v1-4:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1::after, .u-btn-outline-darkgray.u-btn-hover-v2-1:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2::after, .u-btn-outline-darkgray.u-btn-hover-v2-2:hover::after {
  background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Light Gray */
.u-btn-outline-lightgray {
  color: #555;
  border-color: #eee;
  background-color: transparent;
}

.u-btn-outline-lightgray:focus, .u-btn-outline-lightgray.active {
  color: #555;
  background-color: #eee;
}

.u-btn-outline-lightgray:hover {
  color: #555;
  background-color: #eee;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1::after, .u-btn-outline-lightgray.u-btn-hover-v1-1:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2::after, .u-btn-outline-lightgray.u-btn-hover-v1-2:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3::after, .u-btn-outline-lightgray.u-btn-hover-v1-3:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4::after, .u-btn-outline-lightgray.u-btn-hover-v1-4:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1::after, .u-btn-outline-lightgray.u-btn-hover-v2-1:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2::after, .u-btn-outline-lightgray.u-btn-hover-v2-2:hover::after {
  background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Outline Red */
.u-btn-outline-red {
  color: #f00;
  border-color: #f00;
  background-color: transparent;
}

.u-btn-outline-red:focus, .u-btn-outline-red.active {
  color: #fff;
  background-color: #f00;
}

.u-btn-outline-red:hover {
  color: #fff;
  background-color: #f00;
}

.u-btn-outline-red.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-1::after, .u-btn-outline-red.u-btn-hover-v1-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-2::after, .u-btn-outline-red.u-btn-hover-v1-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-3::after, .u-btn-outline-red.u-btn-hover-v1-3:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-4::after, .u-btn-outline-red.u-btn-hover-v1-4:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v2-1::after, .u-btn-outline-red.u-btn-hover-v2-1:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v2-2::after, .u-btn-outline-red.u-btn-hover-v2-2:hover::after {
  background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Outline Red Tomato */
.u-btn-outline-lightred {
  color: #e64b3b;
  border-color: #e64b3b;
  background-color: transparent;
}

.u-btn-outline-lightred:focus, .u-btn-outline-lightred.active {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-outline-lightred:hover {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-outline-lightred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-1::after, .u-btn-outline-lightred.u-btn-hover-v1-1:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-2::after, .u-btn-outline-lightred.u-btn-hover-v1-2:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-3::after, .u-btn-outline-lightred.u-btn-hover-v1-3:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-4::after, .u-btn-outline-lightred.u-btn-hover-v1-4:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v2-1::after, .u-btn-outline-lightred.u-btn-hover-v2-1:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v2-2::after, .u-btn-outline-lightred.u-btn-hover-v2-2:hover::after {
  background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Dark Red */
.u-btn-outline-darkred {
  color: #a10f2b;
  border-color: #a10f2b;
  background-color: transparent;
}

.u-btn-outline-darkred:focus, .u-btn-outline-darkred.active {
  color: #fff;
  background-color: #a10f2b;
}

.u-btn-outline-darkred:hover {
  color: #fff;
  background-color: #a10f2b;
}

.u-btn-outline-darkred.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-1::after, .u-btn-outline-darkred.u-btn-hover-v1-1:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-2::after, .u-btn-outline-darkred.u-btn-hover-v1-2:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-3::after, .u-btn-outline-darkred.u-btn-hover-v1-3:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-4::after, .u-btn-outline-darkred.u-btn-hover-v1-4:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v2-1::after, .u-btn-outline-darkred.u-btn-hover-v2-1:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v2-2::after, .u-btn-outline-darkred.u-btn-hover-v2-2:hover::after {
  background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Blue */
.u-btn-outline-blue {
  color: #3398dc;
  border-color: #3398dc;
  background-color: transparent;
}

.u-btn-outline-blue:focus, .u-btn-outline-blue.active {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-outline-blue:hover {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-outline-blue.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-1::after, .u-btn-outline-blue.u-btn-hover-v1-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-2::after, .u-btn-outline-blue.u-btn-hover-v1-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-3::after, .u-btn-outline-blue.u-btn-hover-v1-3:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-4::after, .u-btn-outline-blue.u-btn-hover-v1-4:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v2-1::after, .u-btn-outline-blue.u-btn-hover-v2-1:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v2-2::after, .u-btn-outline-blue.u-btn-hover-v2-2:hover::after {
  background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Indigo */
.u-btn-outline-indigo {
  color: #4263a3;
  border-color: #4263a3;
  background-color: transparent;
}

.u-btn-outline-indigo:focus, .u-btn-outline-indigo.active {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-outline-indigo:hover {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-outline-indigo.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-1::after, .u-btn-outline-indigo.u-btn-hover-v1-1:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-2::after, .u-btn-outline-indigo.u-btn-hover-v1-2:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-3::after, .u-btn-outline-indigo.u-btn-hover-v1-3:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-4::after, .u-btn-outline-indigo.u-btn-hover-v1-4:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v2-1::after, .u-btn-outline-indigo.u-btn-hover-v2-1:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v2-2::after, .u-btn-outline-indigo.u-btn-hover-v2-2:hover::after {
  background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Purple */
.u-btn-outline-purple {
  color: #9a69cb;
  border-color: #9a69cb;
  background-color: transparent;
}

.u-btn-outline-purple:focus, .u-btn-outline-purple.active {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-outline-purple:hover {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-outline-purple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-1::after, .u-btn-outline-purple.u-btn-hover-v1-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-2::after, .u-btn-outline-purple.u-btn-hover-v1-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-3::after, .u-btn-outline-purple.u-btn-hover-v1-3:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-4::after, .u-btn-outline-purple.u-btn-hover-v1-4:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v2-1::after, .u-btn-outline-purple.u-btn-hover-v2-1:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v2-2::after, .u-btn-outline-purple.u-btn-hover-v2-2:hover::after {
  background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Dark Purple */
.u-btn-outline-darkpurple {
  color: #6639b6;
  border-color: #6639b6;
  background-color: transparent;
}

.u-btn-outline-darkpurple:focus, .u-btn-outline-darkpurple.active {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-outline-darkpurple:hover {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1::after, .u-btn-outline-darkpurple.u-btn-hover-v1-1:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2::after, .u-btn-outline-darkpurple.u-btn-hover-v1-2:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3::after, .u-btn-outline-darkpurple.u-btn-hover-v1-3:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4::after, .u-btn-outline-darkpurple.u-btn-hover-v1-4:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1::after, .u-btn-outline-darkpurple.u-btn-hover-v2-1:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2::after, .u-btn-outline-darkpurple.u-btn-hover-v2-2:hover::after {
  background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Pink */
.u-btn-outline-pink {
  color: #e81c62;
  border-color: #e81c62;
  background-color: transparent;
}

.u-btn-outline-pink:focus, .u-btn-outline-pink.active {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-outline-pink:hover {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-outline-pink.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-1::after, .u-btn-outline-pink.u-btn-hover-v1-1:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-2::after, .u-btn-outline-pink.u-btn-hover-v1-2:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-3::after, .u-btn-outline-pink.u-btn-hover-v1-3:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-4::after, .u-btn-outline-pink.u-btn-hover-v1-4:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v2-1::after, .u-btn-outline-pink.u-btn-hover-v2-1:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v2-2::after, .u-btn-outline-pink.u-btn-hover-v2-2:hover::after {
  background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Orange */
.u-btn-outline-orange {
  color: #e57d20;
  border-color: #e57d20;
  background-color: transparent;
}

.u-btn-outline-orange:focus, .u-btn-outline-orange.active {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-outline-orange:hover {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-outline-orange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-1::after, .u-btn-outline-orange.u-btn-hover-v1-1:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-2::after, .u-btn-outline-orange.u-btn-hover-v1-2:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-3::after, .u-btn-outline-orange.u-btn-hover-v1-3:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-4::after, .u-btn-outline-orange.u-btn-hover-v1-4:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v2-1::after, .u-btn-outline-orange.u-btn-hover-v2-1:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v2-2::after, .u-btn-outline-orange.u-btn-hover-v2-2:hover::after {
  background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Deep Orange */
.u-btn-outline-deeporange {
  color: #fe541e;
  border-color: #fe541e;
  background-color: transparent;
}

.u-btn-outline-deeporange:focus, .u-btn-outline-deeporange.active {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-outline-deeporange:hover {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1::after, .u-btn-outline-deeporange.u-btn-hover-v1-1:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2::after, .u-btn-outline-deeporange.u-btn-hover-v1-2:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3::after, .u-btn-outline-deeporange.u-btn-hover-v1-3:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4::after, .u-btn-outline-deeporange.u-btn-hover-v1-4:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1::after, .u-btn-outline-deeporange.u-btn-hover-v2-1:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2::after, .u-btn-outline-deeporange.u-btn-hover-v2-2:hover::after {
  background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Yellow */
.u-btn-outline-yellow {
  color: #555;
  border-color: #ebc71d;
  background-color: transparent;
}

.u-btn-outline-yellow:focus, .u-btn-outline-yellow.active {
  color: #555;
  background-color: #ebc71d;
}

.u-btn-outline-yellow:hover {
  color: #555;
  background-color: #ebc71d;
}

.u-btn-outline-yellow.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-1::after, .u-btn-outline-yellow.u-btn-hover-v1-1:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-2::after, .u-btn-outline-yellow.u-btn-hover-v1-2:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-3::after, .u-btn-outline-yellow.u-btn-hover-v1-3:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-4::after, .u-btn-outline-yellow.u-btn-hover-v1-4:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v2-1::after, .u-btn-outline-yellow.u-btn-hover-v2-1:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v2-2::after, .u-btn-outline-yellow.u-btn-hover-v2-2:hover::after {
  background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Aqua */
.u-btn-outline-aqua {
  color: #29d6e6;
  border-color: #29d6e6;
  background-color: transparent;
}

.u-btn-outline-aqua:focus, .u-btn-outline-aqua.active {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-outline-aqua:hover {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-outline-aqua.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-1::after, .u-btn-outline-aqua.u-btn-hover-v1-1:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-2::after, .u-btn-outline-aqua.u-btn-hover-v1-2:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-3::after, .u-btn-outline-aqua.u-btn-hover-v1-3:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-4::after, .u-btn-outline-aqua.u-btn-hover-v1-4:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v2-1::after, .u-btn-outline-aqua.u-btn-hover-v2-1:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v2-2::after, .u-btn-outline-aqua.u-btn-hover-v2-2:hover::after {
  background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Cyan */
.u-btn-outline-cyan {
  color: #00bed6;
  border-color: #00bed6;
  background-color: transparent;
}

.u-btn-outline-cyan:focus, .u-btn-outline-cyan.active {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-outline-cyan:hover {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-outline-cyan.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-1::after, .u-btn-outline-cyan.u-btn-hover-v1-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-2::after, .u-btn-outline-cyan.u-btn-hover-v1-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-3::after, .u-btn-outline-cyan.u-btn-hover-v1-3:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-4::after, .u-btn-outline-cyan.u-btn-hover-v1-4:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v2-1::after, .u-btn-outline-cyan.u-btn-hover-v2-1:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v2-2::after, .u-btn-outline-cyan.u-btn-hover-v2-2:hover::after {
  background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Teal */
.u-btn-outline-teal {
  color: #18ba9b;
  border-color: #18ba9b;
  background-color: transparent;
}

.u-btn-outline-teal:focus, .u-btn-outline-teal.active {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-outline-teal:hover {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-outline-teal.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-1::after, .u-btn-outline-teal.u-btn-hover-v1-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-2::after, .u-btn-outline-teal.u-btn-hover-v1-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-3::after, .u-btn-outline-teal.u-btn-hover-v1-3:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-4::after, .u-btn-outline-teal.u-btn-hover-v1-4:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v2-1::after, .u-btn-outline-teal.u-btn-hover-v2-1:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v2-2::after, .u-btn-outline-teal.u-btn-hover-v2-2:hover::after {
  background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Brown */
.u-btn-outline-brown {
  color: #9c8061;
  border-color: #9c8061;
  background-color: transparent;
}

.u-btn-outline-brown:focus, .u-btn-outline-brown.active {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-outline-brown:hover {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-outline-brown.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-1::after, .u-btn-outline-brown.u-btn-hover-v1-1:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-2::after, .u-btn-outline-brown.u-btn-hover-v1-2:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-3::after, .u-btn-outline-brown.u-btn-hover-v1-3:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-4::after, .u-btn-outline-brown.u-btn-hover-v1-4:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v2-1::after, .u-btn-outline-brown.u-btn-hover-v2-1:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v2-2::after, .u-btn-outline-brown.u-btn-hover-v2-2:hover::after {
  background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Outline Button Bluegrey */
.u-btn-outline-bluegray {
  color: #585f69;
  border-color: #585f69;
  background-color: transparent;
}

.u-btn-outline-bluegray:focus, .u-btn-outline-bluegray.active {
  color: #fff;
  background-color: #585f69;
}

.u-btn-outline-bluegray:hover {
  color: #fff;
  background-color: #585f69;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1::after, .u-btn-outline-bluegray.u-btn-hover-v1-1:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2::after, .u-btn-outline-bluegray.u-btn-hover-v1-2:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3::after, .u-btn-outline-bluegray.u-btn-hover-v1-3:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4::after, .u-btn-outline-bluegray.u-btn-hover-v1-4:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1::after, .u-btn-outline-bluegray.u-btn-hover-v2-1:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1:hover {
  overflow: hidden;
  background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2 {
  overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2::after, .u-btn-outline-bluegray.u-btn-hover-v2-2:hover::after {
  background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2:hover {
  overflow: hidden;
  background-color: transparent;
}

/* Button Facebook */
.u-btn-outline-facebook {
  color: #3b5998;
  border-color: #3b5998;
  background-color: transparent;
}

.u-btn-outline-facebook:focus, .u-btn-outline-facebook.active {
  color: #fff;
  background-color: #3b5998;
}

.u-btn-outline-facebook:hover {
  color: #fff;
  background-color: #3b5998;
}

/* Button Twitter */
.u-btn-outline-twitter {
  color: #00acee;
  border-color: #00acee;
  background-color: transparent;
}

.u-btn-outline-twitter:focus, .u-btn-outline-twitter.active {
  color: #fff;
  background-color: #00acee;
}

.u-btn-outline-twitter:hover {
  color: #fff;
  background-color: #00acee;
}

/* Button Dribbble */
.u-btn-outline-dribbble {
  color: #ea4c89;
  border-color: #ea4c89;
  background-color: transparent;
}

.u-btn-outline-dribbble:focus, .u-btn-outline-dribbble.active {
  color: #fff;
  background-color: #ea4c89;
}

.u-btn-outline-dribbble:hover {
  color: #fff;
  background-color: #ea4c89;
}

/* Gradient Style v1 */
.u-btn-gradient-v1 {
  color: #fff;
  background: linear-gradient(to right, #4776E6 0%, #8E54E9 100%) !important;
  -o-border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
     border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  border-image-slice: 1;
}

.u-btn-gradient-v1:hover, .u-btn-gradient-v1:focus, .u-btn-gradient-v1.active {
  opacity: .9;
  color: #fff;
}

/* Gradient Style v2 */
.u-btn-gradient-v2 {
  color: #fff;
  background: linear-gradient(to right, #E040FB 0%, #00BCD4 100%) !important;
  -o-border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
     border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  border-image-slice: 1;
}

.u-btn-gradient-v2:hover, .u-btn-gradient-v2:focus, .u-btn-gradient-v2.active {
  opacity: .9;
  color: #fff;
}

/* Gradient Style v1 */
.u-btn-outline-gradient-v1 {
  color: #555;
  background: transparent;
  -o-border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
     border-image: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  border-image-slice: 1;
}

.u-btn-outline-gradient-v1:hover, .u-btn-outline-gradient-v1:focus, .u-btn-outline-gradient-v1.active {
  background: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
  color: #fff;
}

/* Gradient Style v2 */
.u-btn-outline-gradient-v2 {
  color: #555;
  background: transparent;
  -o-border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
     border-image: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  border-image-slice: 1;
}

.u-btn-outline-gradient-v2:hover, .u-btn-outline-gradient-v2:focus, .u-btn-outline-gradient-v2.active {
  background: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
  color: #fff;
}

/* Material Styles
------------------------------------*/
.u-btn-raised,
.u-btn-raised:active:focus,
.u-btn-raised:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/*------------------------------------
  Material: Floating
------------------------------------*/
.u-btn-floating {
  width: 2.85714rem;
  height: 2.85714rem;
  padding: 0;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
  line-height: 2.85714rem;
}

.u-btn-floating i {
  font-size: 1.6rem;
  line-height: 2.71429rem;
}

.u-btn-floating.u-halfway-fab {
  position: absolute;
  right: 1.71429rem;
  bottom: -1.42857rem;
}

.u-btn-floating.u-halfway-fab--left {
  right: auto;
  left: 1.71429rem;
}

.u-btn-floating--large {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
}

.u-btn-floating--large i {
  font-size: 1.6rem;
  line-height: 3.85714rem;
}

.u-btn-floating--large.u-halfway-fab {
  bottom: -2rem;
}

button.u-btn-floating {
  border: none;
}

/*------------------------------------
  Material: Flat
------------------------------------*/
.u-btn-flat {
  color: #555;
  background-color: transparent;
}

.u-btn-flat:hover {
  background-color: rgba(221, 221, 221, 0.4);
}

.u-btn-flat:hover, .u-btn-flat:focus {
  color: #555;
}


/*------------------------------------
  List Styles
------------------------------------*/
.u-list-inline {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.img-bordered {
  border: solid 6px #777;
}

.g-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.g-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 576px) {
  .g-order-1--sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .g-order-2--sm {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 768px) {
  .g-order-1--md {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .g-order-2--md {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 992px) {
  .g-order-1--lg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .g-order-2--lg {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*------------------------------------
  Box-shadows Styles
------------------------------------*/
.u-shadow-none {
  box-shadow: none !important;
}

.u-shadow-none--focus:focus {
  box-shadow: none !important;
}

.g-parent:hover .u-shadow-none--parent-hover {
  box-shadow: none !important;
}

/*------------------------------------
  Box-shadows-v1
------------------------------------*/
.u-shadow-v1-1 {
  box-shadow: 0 0 5px #999;
}

.u-shadow-v1-2 {
  box-shadow: 0 0 10px #999;
}

.u-shadow-v1-2--hover:hover {
  box-shadow: 0 0 10px #999;
}

.g-parent:hover .u-shadow-v1-2--hover-parent {
  box-shadow: 0 0 10px #999;
}

.u-shadow-v1-3 {
  box-shadow: 0 0 5px #ddd;
}

.u-shadow-v1-4 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.u-shadow-v1-5 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.u-shadow-v1-5--hover:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

*:hover > .u-shadow-v1-5--hover-parent {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.u-shadow-v1-6 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.u-shadow-v1-6--hover:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

*:hover > .u-shadow-v1-6--hover-parent {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.u-shadow-v1-7 {
  box-shadow: 0 0 8px #eee;
}

.u-shadow-v1-7--hover:hover {
  box-shadow: 0 0 8px #eee;
}

*:hover > .u-shadow-v1-7--hover-parent {
  box-shadow: 0 0 8px #eee;
}

/*------------------------------------
  Box-shadows-v2
------------------------------------*/
.u-shadow-v2 {
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}

/*------------------------------------
  Box-shadows-v3-v4-v5
------------------------------------*/
.u-shadow-v3,
.u-shadow-v4,
.u-shadow-v5 {
  position: relative;
}

.u-shadow-v3::after,
.u-shadow-v3::before,
.u-shadow-v4::before,
.u-shadow-v5::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 0.35714rem;
  bottom: 1.07143rem;
  width: 50%;
  max-width: 21.42857rem;
  background: rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.u-shadow-v3::after,
.u-shadow-v3::before,
.u-shadow-v4::before,
.u-shadow-v5::after {
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.u-shadow-v3::after,
.u-shadow-v5::after {
  left: auto;
  right: 0.35714rem;
  -webkit-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}

/*------------------------------------
  Box-shadows-v6
------------------------------------*/
.u-shadow-v6 {
  box-shadow: 0 8px 6px -6px #555;
}

/*------------------------------------
  Box-shadows-v7
------------------------------------*/
.u-shadow-v7 {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/*------------------------------------
  Box-shadows-v8
------------------------------------*/
.u-shadow-v8 {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}

.u-shadow-v8--hover:hover {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}

.u-shadow-v8-1 {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

/*------------------------------------
  Box-shadows-v9
------------------------------------*/
.u-shadow-v9 {
  box-shadow: 1px 1px 1px #eee;
}

/*------------------------------------
  Box-shadows-v10
------------------------------------*/
.u-shadow-v10 {
  box-shadow: 2px 2px 2px #eee;
}

/*------------------------------------
  Box-shadows-v11
------------------------------------*/
.u-shadow-v11 {
  box-shadow: 0 0 2px #ccc;
}

/*------------------------------------
  Box-shadows-v12
------------------------------------*/
.u-shadow-v12 {
  box-shadow: inset 2px 2px 2px 0 #ccc;
}

/*------------------------------------
  Box-shadows-v13
------------------------------------*/
.u-shadow-v13 {
  box-shadow: inset 2px 2px 2px 0 #72c02c;
}

/*------------------------------------
  Box-shadows-v14
------------------------------------*/
.u-shadow-v14 {
  box-shadow: 2px 2px 2px 0 #eee;
}

/*------------------------------------
  Box-shadows-v15
------------------------------------*/
.u-shadow-v15 {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
}

/*------------------------------------
  Box-shadows-v16
------------------------------------*/
.u-shadow-v16 {
  box-shadow: inset 5px 5px 5px 0 rgba(17, 17, 17, 0.5);
}

/*------------------------------------
  Box-shadows-v17
------------------------------------*/
.u-shadow-v17 {
  box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, 0.17);
}

/*------------------------------------
  Box-shadows-v18
------------------------------------*/
.u-shadow-v18 {
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
}

/*------------------------------------
  Box-shadows-v19
------------------------------------*/
.u-shadow-v19 {
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
}

/*------------------------------------
  Box-shadows-v20
------------------------------------*/
.u-shadow-v20 {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.u-shadow-v20--hover:hover {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

/*------------------------------------
  Box-shadows-v21
------------------------------------*/
.u-shadow-v21 {
  box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
  transition-property: all;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-duration: .3s;
}

.u-shadow-v21--hover:hover {
  box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}

/*------------------------------------
  Box-shadows-v22
------------------------------------*/
.u-shadow-v22 {
  box-shadow: 0 2px 5px #eee;
}

/*------------------------------------
  Box-shadows-v23
------------------------------------*/
.u-shadow-v23 {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
}

/*------------------------------------
  Box-shadows-v24
------------------------------------*/
.u-shadow-v24 {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}

.g-parent.active .u-shadow-v24--active {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
}

/*------------------------------------
  Box-shadows-v25
------------------------------------*/
.u-shadow-v25 {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
}

/*------------------------------------
  Box-shadows-v26
------------------------------------*/
.u-shadow-v26 {
  box-shadow: inset 5px 0 10px rgba(0, 0, 0, 0.2);
}

/*------------------------------------
  Box-shadows-v27
------------------------------------*/
.u-shadow-v27 {
  box-shadow: 0 0 3px #b5b5b5;
}

/*------------------------------------
  Box-shadows-v28
------------------------------------*/
.u-shadow-v28 {
  box-shadow: 0 10px 45px -5px rgba(0, 0, 0, 0.04);
}

/*------------------------------------
  Box-shadows-v29
------------------------------------*/
.u-shadow-v29 {
  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1);
}

/*------------------------------------
  Box-shadows-v30
------------------------------------*/
.u-shadow-v30 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/*------------------------------------
  Box-shadows-v31
------------------------------------*/
.u-shadow-v31 {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.075);
}

/*------------------------------------
  Box-shadows-v32
------------------------------------*/
.u-shadow-v32 {
  box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1);
}

/*------------------------------------
  Box-shadows-v33
------------------------------------*/
.u-shadow-v33 {
  box-shadow: 0 6px 15px -6px rgba(114, 192, 44, 0.3);
}

/*------------------------------------
  Box-shadows-v34
------------------------------------*/
.u-shadow-v34 {
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
}

/*------------------------------------
  Box-shadows-v35
------------------------------------*/
.u-shadow-v35 {
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045);
}

.u-shadow-v35--active.active {
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045);
  transition-duration: .2s;
}

.u-shadow-v35.g-bg-teal-opacity-0_1 {
  box-shadow: 0 4px 7px 0 rgba(24, 186, 155, 0.175);
}

.u-shadow-v35.g-bg-purple-opacity-0_1 {
  box-shadow: 0 4px 7px 0 rgba(154, 105, 203, 0.175);
}

.u-shadow-v35.g-bg-blue-opacity-0_1 {
  box-shadow: 0 4px 7px 0 rgba(51, 152, 220, 0.175);
}

/*------------------------------------
  Box-shadows-v36
------------------------------------*/
.u-shadow-v36 {
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.14);
}

/*------------------------------------
  Box-shadows-v37
------------------------------------*/
.u-shadow-v37 {
  box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7);
}

.u-shadow-v37--hover:hover {
  box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7);
  transition-duration: .2s;
}

/*------------------------------------
  Box-shadows-v38
------------------------------------*/
.u-shadow-v38 {
  box-shadow: 0 2px 35px 0 rgba(235, 237, 242, 0.7);
}

/*------------------------------------
  Box-shadows-v39
------------------------------------*/
.u-shadow-v39 {
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

/*------------------------------------
  Box-shadows-v40
------------------------------------*/
.u-shadow-v40 {
  box-shadow: -9px -9px 20px -9px rgba(0, 0, 0, 0.1);
}





/*------------------------------------
  Time Lines
------------------------------------*/
[class*="u-timeline-v1-wrap"],
[class*="u-timeline-v2-wrap"],
[class*="u-timeline-v3-wrap"] {
  position: relative;
}

[class*="u-timeline-v1-wrap"]::before,
[class*="u-timeline-v2-wrap"]::before,
[class*="u-timeline-v3-wrap"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
}

/*------------------------------------
  Time Lines v1
------------------------------------*/
.u-timeline-v1 {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
}

.u-timeline-v1-wrap::before {
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #f7f7f7;
  margin-left: 20px;
}

.u-timeline-v1__icon {
  position: absolute;
  top: 30px;
  font-size: 20px;
  z-index: 3;
}

.g-orientation-bottom .u-timeline-v1__icon,
.g-orientation-right .u-timeline-v1__icon,
.g-orientation-left .u-timeline-v1__icon {
  left: 0;
}

@media (min-width: 768px) {
  .u-timeline-v1-wrap:not([class*="--horizontal"])::before {
    left: 50%;
    margin-left: -2px;
  }
  .u-timeline-v1-wrap--horizontal::before {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    margin-left: 0;
    margin-top: -2px;
  }
  .g-orientation-bottom .u-timeline-v1__icon {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  .g-orientation-left .u-timeline-v1__icon {
    right: 100%;
    left: auto;
  }
  .g-orientation-right .u-timeline-v1__icon {
    right: auto;
    left: 100%;
  }
}

/*------------------------------------
  Time Lines v2
------------------------------------*/
@media (min-width: 768px) {
  .u-timeline-v2-wrap::before {
    left: 25%;
    width: 3px;
    height: 100%;
    margin-left: -1px;
    background-color: #f7f7f7;
  }
  .u-timeline-v2__icon {
    font-size: 16px;
    position: absolute;
  }
  .g-orientation-right .u-timeline-v2__icon {
    left: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .g-orientation-left .u-timeline-v2__icon {
    right: 100%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .g-orientation-bottom .u-timeline-v2__icon {
    top: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*------------------------------------
  Time Lines v3
------------------------------------*/
.u-timeline-v3-wrap::before {
  left: 21%;
  width: 1px;
  height: 100%;
  display: none;
  background-color: #eee;
}

.u-timeline-v3 {
  position: relative;
}

.u-timeline-v3__icon {
  left: 21%;
}

@media (min-width: 768px) {
  .u-timeline-v3-wrap::before {
    display: block;
  }
}

@media (min-width: 992px) {
  .u-timeline-v3-wrap::before {
    left: 18%;
  }
  .u-timeline-v3__icon {
    left: 18%;
  }
}


/*------------------------------------
  Accordions
------------------------------------*/
.u-accordion__header {
  padding: 0.71429rem 1.07143rem; }

.u-accordion__body {
  padding: 1.07143rem; }

.u-accordion__control-icon i:nth-child(1) {
  display: none; }

.collapsed .u-accordion__control-icon i:nth-child(1) {
  display: inline; }

.u-accordion__control-icon i:nth-child(2) {
  display: inline; }

.collapsed .u-accordion__control-icon i:nth-child(2) {
  display: none; }

.u-accordion [class*="et-icon-"], .u-accordion-line-icon-pro {
  position: relative;
  top: 3px; }

.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
  color: #72c02c !important; }

.u-accordion-color-white .u-accordion__header [aria-expanded="true"] {
  color: #fff !important; }

.u-accordion-bg-primary .u-accordion__header [aria-expanded="true"] {
  background-color: #72c02c !important;
  border-color: #72c02c !important; }

.u-accordion-bg-white .u-accordion__header [aria-expanded="true"] {
  background-color: #fff !important;
  border-color: #fff !important; }

.u-accordion-brd-primary .u-accordion__header [aria-expanded="true"] {
  border-color: #72c02c !important; }

.u-accordion-brd-white .u-accordion__header [aria-expanded="true"] {
  border-color: #fff !important; }
  

.card,
.card-header {
  border-color: #eee; }

.card-header {
  padding: 0.71429rem 1.07143rem; }

.card-block {
  padding: 1.07143rem; }