/* Accordions */
.beauttiotheme-accordion {
  border: 1px solid rgba(255,255,255,0.3);
  border-bottom: 0;
  border-radius: 0;
  margin: 1.5em 0;
  overflow: hidden;
  background-color: transparent;
}
.beauttiotheme-accordion .accordion-item.active .accordion-item-title {
  background-color: rgba(255,255,255,0.2);
}
.beauttiotheme-accordion .accordion-item.active .accordion-item-title .icon-for-active {
  display: inline-block;
}
.beauttiotheme-accordion .accordion-item.active .accordion-item-title .icon-for-inactive {
  display: none;
}
.beauttiotheme-accordion .accordion-item-title {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  margin: 0 !important;
  font-size: 1em;
  font-weight: inherit;
}
.beauttiotheme-accordion .accordion-item-title a {
    display: block;
    border: 0;
    padding: 0.8em 1.5em;
    background-color: rgba(255,255,255,0.1);
    text-decoration: none;
	    color: #fff;
}
.beauttiotheme-accordion .accordion-item-title a:active,
.beauttiotheme-accordion .accordion-item-title a:focus,
.beauttiotheme-accordion .accordion-item-title a:hover {
  border: 0;
   background-color: rgba(255,255,255,0.2);
}
.beauttiotheme-accordion .accordion-item-title .fa {
  margin-right: 0.6em;
  opacity: 0.8;
}
.beauttiotheme-accordion .accordion-item-title .fa.icon-for-active {
  display: none;
}
.beauttiotheme-accordion .accordion-item-content {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding: 1.5em;
}
.beauttiotheme-accordion .accordion-item-content > :first-child {
  margin-top: 0 !important;
}
.beauttiotheme-accordion .accordion-item-content > :last-child {
  margin-bottom: 0 !important;
}
/* Alerts */
.beauttiotheme-alert {
  border: transparent;
  margin: 1.5em 0;
  padding: 1em 1.5em;
  background-color: transparent;
  color: rgba(255,255,255,0.7);
  border-radius: 3px 10px;
}
.beauttiotheme-alert.has-icon {
  position: relative;
  padding-left: 3.75em;
}
.beauttiotheme-alert.has-icon > .fa {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.5em;
  font-size: 1.5em;
  opacity: 0.8;
}
.beauttiotheme-alert.color-black {
  background-color: #3a3a3a;
}
.beauttiotheme-alert.color-blue {
  background-color: #0078a9;
}
.beauttiotheme-alert.color-gray {
  background-color: #7e7e7e;
}
.beauttiotheme-alert.color-green {
  background-color: #008b5d;
}
.beauttiotheme-alert.color-orange {
  background-color: #cf7200;
}
.beauttiotheme-alert.color-red {
  background-color: #b0022e;
}
.beauttiotheme-alert.color-violet {
  background-color: #5900ae;
}
.beauttiotheme-alert.color-yellow {
  background-color: #cca900;
}
.beauttiotheme-alert .alert-content > :first-child {
  margin-top: 0 !important;
}
.beauttiotheme-alert .alert-content > :last-child {
  margin-bottom: 0 !important;
}

/* Buttons */
.beauttiotheme-button {
    display: inline-block;
    border: 0;
    border-radius: 3px 10px;
    min-width: 7em;
    background-color: #444444;
    text-align: center;
    text-decoration: none !important;
    vertical-align: bottom;
}
.beauttiotheme-button span {
  display: block;
  padding: 0.5em 1.25em;
  color: #eee;
  transition: background-color 0.2s, color 0.2s;

}
.beauttiotheme-button:active span,
.beauttiotheme-button:focus span,
.beauttiotheme-button:hover span {
  background-color: rgba(0, 0, 0, 0.15);
  color: #ddd;
}
.beauttiotheme-button.color-blue {
  background-color: #0087bd;
}
.beauttiotheme-button.color-gray {
  background-color: #888888;
}
.beauttiotheme-button.color-green {
  background-color: #009f6b;
}
.beauttiotheme-button.color-orange {
  background-color: #e37d00;
}
.beauttiotheme-button.color-red {
  background-color: #c40233;
}
.beauttiotheme-button.color-violet {
  background-color: #6400c2;
}
.beauttiotheme-button.color-yellow {
  background-color: #ffd300;
}

/* Clear floats */
.beauttiotheme-clear-floats {
  clear: both;
}
/* Columns */
.beauttiotheme-columns:before,
.beauttiotheme-columns:after {
  display: table;
  content: "";
}
.beauttiotheme-columns:after {
  clear: both;
}
.beauttiotheme-columns .column {
  float: left;
  margin-right: 4%;
}
.beauttiotheme-columns .column.column-width-one-half {
  width: 48%;
}
.beauttiotheme-columns .column.column-width-one-third {
  width: 30.666667%;
}
.beauttiotheme-columns .column.column-width-two-thirds {
  width: 65.333334%;
}
.beauttiotheme-columns .column.column-width-one-fourth {
  width: 22%;
}
.beauttiotheme-columns .column.column-width-three-fourths {
  width: 74%;
}
.beauttiotheme-columns .column.column-width-one-fifth {
  width: 16.8%;
}
.beauttiotheme-columns .column.column-width-two-fifths {
  width: 37.6%;
}
.beauttiotheme-columns .column.column-width-three-fifths {
  width: 58.4%;
}
.beauttiotheme-columns .column.column-width-four-fifths {
  width: 79.2%;
}
.beauttiotheme-columns .column:last-child {
  margin-right: 0 !important;
}
@media ( max-width: 768px ) {
  .beauttiotheme-columns .column {
    width: 100% !important;
  }
}

/* Icons */
.beauttiotheme-icon.color-blue {
  color: #0087bd;
}
.beauttiotheme-icon.color-gray {
  color: #888888;
}
.beauttiotheme-icon.color-green {
  color: #009f6b;
}
.beauttiotheme-icon.color-orange {
  color: #e37d00;
}
.beauttiotheme-icon.color-red {
  color: #c40233;
}
.beauttiotheme-icon.color-violet {
  color: #6400c2;
}
.beauttiotheme-icon.color-yellow {
  color: #ffd300;
}
/* Tabs */
.beauttiotheme-tabs {
  margin: 1.5em 0;
  padding-top: 0.2em;
}
.beauttiotheme-tabs .headings {
  float: left;
  width: 100%;
}
.beauttiotheme-tabs .headings a {
  display: block;
  float: left;
  margin-bottom: -1px;
  padding: 0.6em 1.5em;
  border-top: 1px solid rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.1);
  text-decoration: none;
  outline: 0;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  color: rgba(255,255,255,0.6);
}
.beauttiotheme-tabs .headings a + a {
  margin-left: -1px;
}
.beauttiotheme-tabs .headings a.active,
.beauttiotheme-tabs .headings a:active,
.beauttiotheme-tabs .headings a:focus,
.beauttiotheme-tabs .headings a:hover {
  background-color: rgba(255,255,255,0.2);
}
.beauttiotheme-tabs .headings a.active {
    background-color: rgba(255,255,255,0.2);
	color:#fff;
}

.beauttiotheme-tabs .tab {
    clear: both;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 1.5em;
    background-color: transparent;
}
.beauttiotheme-tabs .tab > :first-child {
  margin-top: 0 !important;
}
.beauttiotheme-tabs .tab > :last-child {
  margin-bottom: 0 !important;
}
/* Toggles */
.beauttiotheme-toggle {
    border: 1px solid rgba(255,255,255,0.2);
    margin: 1.5em 0;
    overflow: hidden;
}
.beauttiotheme-toggle + .beauttiotheme-toggle {
  margin-top: -0.5em;
}
.beauttiotheme-toggle .toggle-title {
  margin: 0 !important;
  font-size: 1em;
  font-weight: inherit;
}
.beauttiotheme-toggle .toggle-title a {
  display: block;
  border: 0;
  padding: 0.8em 1em;
   background-color: rgba(255,255,255,0.1);
  text-decoration: none;
  color: #fff;
}
.beauttiotheme-toggle .toggle-title a:active,
.beauttiotheme-toggle .toggle-title a:focus,
.beauttiotheme-toggle .toggle-title a:hover {
    background-color: rgba(255,255,255,0.1);
    border: 0;
}
.beauttiotheme-toggle .toggle-title a.active .icon-for-active {
  display: inline-block;
}
.beauttiotheme-toggle .toggle-title a.active .icon-for-inactive {
  display: none;
}
.beauttiotheme-toggle .toggle-title .fa {
  margin-right: 0.6em;
  opacity: 0.8;
}
.beauttiotheme-toggle .toggle-title .fa.icon-for-active {
  display: none;
}
.beauttiotheme-toggle .toggle-content {
  border-top: 1px solid rgba(255,255,255,0.2);
  padding: 1.5em;
}
.beauttiotheme-toggle .toggle-content > :first-child {
  margin-top: 0 !important;
}
.beauttiotheme-toggle .toggle-content > :last-child {
  margin-bottom: 0 !important;
}