/*
Theme Name: solpal8795
Theme URI: 
Description: 
Version: 1
Author: 
Author URI: 
Tags: 
License: 
License URI: 
Text Domain: solpal8795




*/




/*------------------------------------------------------------------
[Table of contents]

1. Reset CSS
2. Header styling
    2.1. Navbar styling
3. Testimonial
4. Members
5. Statistics
6. Footer
    6.1. Footer Menu
7. Boostrap styling
8. WP Gallery
9. Buttons
10. WooCommerce
    10.1. Shop columns
    10.2. Product Page
11. SIDEBAR WIDGETS
12. Sidebar Effects
13. Loaders
-------------------------------------------------------------------*/


/* 1. Reset CSS */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}
mark {
    background: transparent;
    color: #000000;
    text-decoration: underline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
    width: 100%;
}
table, th, td {
   border: 1px solid #e6e6e6;
} 
td, th {
    padding: 10px 15px !important;
}
dd {
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 15px;
}

/* General styling */
body,
html,
#page {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

section {
	position: relative;
}
section.cover {
	background-size: cover;
}
img {
    max-width: 100%;
}
.mt-full-screen {
	width: 100%;
	height: 100%;
}
.mt-half-page {
	width: 100%;
	height: 50%;
}
.mt-uppercase {
	text-transform: uppercase;
}
.mt-blue {
	background: #00adf1;
}

p.subtitle {
	font-size: 20px;
	font-weight: 600;
	color: rgba(255,255,255,0.7);
}
p:last-of-type {
	margin-bottom: 0;
}
.widget .product-title {
    font-weight: bold;
    font-size: 18px;
}
footer p {
  color: #fff;
  font-size: 20px;
}
footer .textwidget p {
    color: #3D404F;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}
.top-margin {
	padding-top: 60px;
}
.mediu-margin {
	padding-top: 25px;
	padding-bottom: 25px;
}
p,
article ul li,
article ol li {
    font-weight: 300;
    color: #666666;
    line-height: 175%;
}
.missing-redux-framework blockquote p {
	margin-bottom: 0 !important;
}
.mt-c-white {
	color: #FFFFFF;
}
.bottom-background {
	background: #FFFFFF url('images/bottom-background.png') repeat-x bottom left;
}
.mt-spacer {
	margin-bottom: 50px;
	clear: both;
}
.mt-half-spacer {
	clear: both;
	margin-bottom: 30px;
}
/* Buttons */

.button {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	display:block;
	padding: 10px 20px;
	margin: 10px;
}
.button.outline-button {
	border: 1px solid #FFFFFF;
}

.button:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.button.outline-button.mt-blue {
	border-color: #00adf1;
	color: #FFFFFF;
}
.video-background {
	height: 100%;
}
/* 2. Header styling */
header.mt-full-screen {
	background-size: cover;
}
.mt-fancy-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('images/overlay.png') no-repeat;
	background-size: cover;
}
.logo a {
    color: rgb(255, 255, 255);
    font-size: 27px;
    font-weight: 900;
    text-decoration: none;
}
.logo a:hover {
    color: #ffffff;
}
span.top-account,
span.top-cart {
    display: initial;
    color: blue;
    background: #fff;
    font-size: 16px;
    padding: 11px 14px;
    border-radius: 5px;
}
span.top-account{
	cursor: pointer;
	margin-left: -15px;
	margin-right: 10px;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}
span.top-account a,
span.top-cart a,
span.top-cart{
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}
span.top-account:hover a,
span.top-cart:hover a {
    color: #fff;
}
.top-links p.header-button {
	margin-top: -10px;
	margin-left: 15px;
    padding: 0px;
    position: relative;
    display: inline-block;
    float: right;
}
.header_mini_cart h2.widgettitle {
    text-align: left;
    margin-top: 0px;
    display: none;
}
/* 2.1. Navbar styling */
.navbar-collapse.collapse.vc_col-md-9 {
    width: 75%;
}
.navbar-collapse.collapse.in .menu .item {
    text-align: left;
    width: 100%;
}
.menu .item {
	display: inline-block;
}
.navbar-nav .search_products a, 
.navbar-nav .shop_cart a {
    color: #3F3F3F;
    font-size: 14px;
    font-weight: 600;
    padding: 30px 0;
    display: block;
    width: 40px;
}
.navbar-nav > li > a,
.menu .item a{
    font-size: 14px;
    font-weight: 600;
    padding: 37px 0;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
    line-height: 42px;
}
.navbar-nav > li > a:hover,
.menu .item a:hover {
	text-decoration: none;
}
.navbar .fullwidth {
    padding: 0px 25px;
}
.second_header #modeltheme-main-head {
    position: absolute;
}
.second_header.is_header_semitransparent #navbar ul.menu > .menu-item.buy-button {
    display: none;
}
.second_header p.header-button a,
.first_header p.header-button a {
    display: block;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 30px !important;
    border-radius: 5px;
    letter-spacing: 1px;
    color: #fff;
    background: #fff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}
.first_header p.header-button a:hover {
	background: #fff !important;
	color: #000;
}
.top-links {
    margin-top: 40px;
    text-align: right;
}
/* Section styling */
.section_welcome .section-title {
    color: #ffffff;
}
.section_quotes .section-title {
    color: #ffffff;
}
.light_border {
    opacity: 0.5;
}
.dark_border {
	opacity: 0.4;
}
.light_title {
    color: #ffffff;
}
.light_subtitle {
    color: #ffffff;
    opacity: 0.7;
}
.dark_title {
    color: #333333;
}
.dark_subtitle {
    color: #777777;
}
header.section-header {
	margin-bottom: 50px;
	position: relative;
	z-index: 10;
}
/*  Single title shortcode  */
.title-holder {
    margin-bottom: 40px;
}
.title_bored_element {
    border-bottom: 5px solid rgb(56, 169, 224);
    color: rgb(51, 51, 51);
    padding-bottom: 3px;
}
.section-single-title {
    font-weight: 500;
    text-transform: uppercase;
}
/* Blocks */
.section_shadow .vc_col-sm-4 .vc_column-inner {
    box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -webkit-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -ms-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -moz-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
}
.block-triangle {
	width: 80px;
	height: 80px;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	margin: 0 auto;
	position: relative;
	top: 25px;
	box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
	-webkit-box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
}
.block-title p {
	color: #2f383d;
	font-size: 16px;
	font-weight: 500;
}
.block-content p {
	font-size: 15px;
	color: #9aa7af;
	font-weight: 300;
}

.block-icon i {
	color: #FFFFFF;
	font-size: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%) rotate(0deg);
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
}

/* Left Block */
.left-block-container {
	margin-bottom: 20px;
}
.left-block-container .block-title p {
	text-transform: uppercase;
}
.left-block-container .block-title {
	padding-top: 20px;
}
.left-block-container {
	border-bottom: 1px solid #b1b6bb;
}
.left-block-container:last-child {
	border-bottom: 0 none;
}

/* Filters */
.filters {
	list-style: none;
	text-align: center;
	width: 100%;
}
.filters .filter {
	display: inline-block;
}
/* 3. Testimonial */
.testimonials-container ul {
	list-style: none;
	padding: 0;
}
.testimonials-container blockquote {
	border: 0 none;
	text-align: center;
	padding: 40px 0 60px 0;
	font-size: 26px;
	color: rgba(255,255,255,0.5);
	position: relative;
}
.testimonials-container blockquote * {
	font-size: 26px;
}
/* 4. Members */
.member-container {
	position: relative;
}
.member-content {
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.7s; /* For Safari 3.1 to 6.0 */
    transition: all 0.7s;
}
.member-container:hover .member-content {
	-ms-transform: translateY( -50% ); /* IE 9 */
    -webkit-transform: translateY( -50% ); /* Chrome, Safari, Opera */
    transform: translateY( -50% );
}
.member-header {
	border-bottom: 1px solid;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}
.member-header:before,
.member-header:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	width: 1px;
	height: 10px;
}
.member-header:before {
	left: 0;
}
.member-header:after {
	right: 0;
}
.member-header p,
.member-footer p {
	font-size: 12px;
	text-transform: uppercase;
}
.member-header h4,
.member-footer h4 {
	font-size: 16px;
	text-transform: uppercase;
}
.member-footer .social {
	border-top: 1px solid;
	margin-top: 20px;
	position: relative;
	padding-top: 20px;
}
.member-footer .social:before,
.member-footer .social:after {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	width: 1px;
	height: 10px;
}
.member-footer .social:before {
	left: 0;
}
.member-footer .social:after {
	right: 0;
}
.member-footer .social ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.member-footer .social ul li {
	display: inline-block;
}
.member-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
}
.social ul li i {
	font-size: 20px;
	color: #bdc0c2;
}
.social ul li a {
	display: block;
	margin: 0 5px;
}
.member-content img {
	width: 100%;
}

/* 5. Statistics */
.stats-content .skill-count {
    color: #3D404F;
    display: block;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    text-align: left;
}
.stat-number.skill.percentage {
    margin-bottom: 0;
}
.stats-head * {
	font-size: 50px;
	color: #FFF;
	text-align: center;
}
.stats-content p {
    color: #606060;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.stats-head i {
    clear: both;
    display: block;
    font-family: "FontAwesome";
    font-size: 70px;
    padding-right: 0;
}
.timeline .post-cotnent-left {
	padding-right: 60px;
}
.timeline .post-cotnent-right {
	padding-left: 60px;
}
.timeline{
	position: relative;
}
.timeline article {
	padding-bottom: 40px;
	position: relative;
}
.timeline:before {
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 2px;
	background: #00adf1;
}
.timeline article:before {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 90px;
	background: url("images/timeline-dot.jpg");
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -45px;
}
.pricing-table .table-content ul li,
.pricing-table .table-content,
.pricing-table .table-content .price_circle,
.pricing-table .table-content .title-pricing{
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.pricing-table.recommended .table-content .price_circle,
.pricing-table .table-content:hover .price_circle,
.pricing-table.recommended .table-content .title-pricing,
.pricing-table .table-content:hover .title-pricing {
    color: #ffffff;
}
.pricing-table.recommended .table-content,
.pricing-table:hover .table-content {
    background: #f7f8fa none repeat scroll 0 0 !important;
}
.pricing-table.recommended .table-content ul li,
.pricing-table .table-content:hover ul li{
    color: #A4AEBA !important;
}
.pricing-table.recommended .button.solid-button,
.pricing-table .table-content:hover .button.solid-button {
    color: #ffffff !important;
}
.pricing-table .button-holder {
    margin-bottom: 30px;
}
.pricing-table .solid-button.button {
    background-color: #cfcfcf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 17px;
}
.pricing-table ul {
    color: #9aa7af;
    font-size: 12px;
    list-style: outside none none;
    margin: 60px 0 0;
    text-transform: uppercase;
    width: 100%;
}
.table-content .title-pricing {
    background-color: #bec3c7;
    color: #fff;
    margin: 0;
    padding: 24px 0 73px;
    text-transform: uppercase;
}
.circle-container {
    left: calc(50% - 50px);
    position: absolute;
    top: 66px;
}
.button.solid-button,
.pricing-table .table-content,
button.vc_btn {
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.pricing-table.recomended .table-content,
.pricing-table .table-content:hover {
    color: #ffffff;
}
.pricing-table.recomended ul li, .pricing-table .table-content:hover ul li {
    color: #ffffff;
}
.pricing-table ul li {
    font-size: 15px;
    font-weight: 300;
    padding: 10px;
    text-transform: none;
}
.pricing-table .table-content {
	background: #ecf0f1 none repeat scroll 0 0;
}
.pricing-table .triangle-container {
	height: 65px;
}
.price_circle {
    background-color: #e3e4e8;
    border-radius: 50%;
    color: #a6b0b9;
    height: 100px;
    margin: 0 auto;
    padding: 39px 10px;
    width: 100px;
}
.circle-content .price_circle span {
    font-size: 30px;
}
.table-content {
	border: 1px solid #dadbdb;
}
.pricing-table .block-triangle .triangle-content {
	-ms-transform: rotate(-45deg) translateY(-50%);
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
	position: absolute;
	top: 50%;
}

/* 6. Footer */
footer {
	background: #1d3c39;
}
.prefooter{
	padding: 0;
}
.prefooter .container {
    padding-top: 40px;
    padding-bottom: 40px;
}
.widget_text .shop_feature_icon_v2 {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 7px 0;
    text-align: center;
}
.widget_text .shop_feature_icon_v2 i {
    color: #000000;
    font-size: 25px;
}
.widget_text .shop_feature_v2 {
    margin: 0;
    padding: 0;
}

/* 6.1. Footer Menu */
footer nav.menu {
	background: transparent;
	margin: 0;
}
nav ul li {
	display: inline-block;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer .menu .menu-item a {
	color: #3D404F;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    position: relative;
    text-transform: none;
}
footer .menu .menu-item a:after {
	content: '/';
	display: block;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: -10px;
	color: rgba(255, 255, 255, 0.8);
}
footer nav ul li:last-child a {
	margin-right: 0;
	padding-right: 0;
}
footer .theme-author {
	text-transform: uppercase;
	font-weight: 700;
}
body.single-post {
	border: 0 none;
}
/* Section: Contact */
div#primary:focus {
    outline: none;
}
.button[type="submit"] {
    border-bottom: 4px solid;
    color: rgb(255, 255, 255);
    font-style: normal;
    font-weight: 500;
    margin: 0;
    padding: 10px;
}
#contact_form .contact_input_holder {
    margin-bottom: 15px;
}
.contact_input_holder {
    margin-bottom: 20px;
}
.contact_input_holder i {
    font-size: 20px;
    left: 15px;
    opacity: 0.5;
    top: 9px;
}
#contact_form input[type="text"]::-webkit-input-placeholder, 
#contact_form input[type="text"]:-moz-placeholder, 
#contact_form input[type="text"]::-moz-placeholder, 
#contact_form input[type="text"]:-ms-input-placeholder, 
#contact_form textarea::-webkit-input-placeholder,
#contact_form textarea:-moz-placeholder,
#contact_form textarea::-moz-placeholder,
#contact_form textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.1);
}
#contact_form {
    background-color: rgb(242, 245, 248);
    overflow: hidden;
    padding: 21px 7px;
}
#contact_form .form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
/* 7. Boostrap styling */
.btn-default:after {
	background: #2c3e50;
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
	content: "";
	position: absolute;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	z-index: -1;
}
.btn-default:hover:after {
	width: 100%;
}
.alert-success {
	background-color: #2ecc71;
	border-color: #27ae60;
	color: #FFFFFF;
}
.alert-info {
	background-color: #3498db;
	border-color: #2980b9;
	color: #FFFFFF;
}
.alert-warning {
	background-color: #f39c12;
	border-color: #e67e22;
	color: #FFFFFF;
}
.alert-danger {
	background-color: #e74c3c;
	border-color: #c0392b;
	color: #FFFFFF;
}
.progress-bar {
	background-color: #2c3e50;
}
.progress-bar-success {
	background-color: #2ecc71;
}
.progress-bar-info {
	background-color: #3498db;
}
.progress-bar-warning {
	background-color: #f39c12;
}
.progress-bar-danger {
	background-color: #e74c3c;
}
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus {
	background-color: #092038;
	border-color: #ecf0f1;
}
.list-group-item {
    padding: 15px;
}
.list-group-item {
	border-color: #ecf0f1;
}
.panel-primary,
.panel-primary > .panel-heading {
	border-color: #2c3e50;
}
.panel-primary > .panel-heading {
	background-color: #2c3e50;
}
.panel-success > .panel-heading {
	background-color: #2ecc71;
	color: #FFF;
	border-color: #27ae60;
}
.panel-success {
	border-color: #27ae60;
}
.panel-info > .panel-heading {
	color: #FFF;
	background-color: #3498db;	
	border-color: #2980b9;
}
.panel-info {
	border-color: #2980b9;
}
.panel-warning > .panel-heading {
	background-color: #f39c12;
	color: #FFF;
	border-color: #e67e22;	
}
.panel-warning {
	border-color: #e67e22;
}
.panel-danger > .panel-heading {
	background-color: #e74c3c;
	border-color: #c0392b;
	color: #FFFFFF;
}
.panel-danger {
	border-color: #c0392b;
}
.thumbnail {
	background: transparent;
	padding: 0;
	border: 0 none;
}
.btn-primary:hover{
	background: rgba(52, 73, 94,1.0);
}
.navbar {
	margin-bottom: 0;
}
.vc_container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .vc_container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .vc_container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .vc_container {
    width: 1200px;
  }
}

/* 8. WP Gallery*/
.gallery-caption{
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.alignright{
	text-align: right;
}
.alignleft{
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.text-center {
	text-align: center;
}
.clearfix {
	clear: both;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 2px solid rgba(204, 204, 204, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 1.42857;
    padding: 6px 40px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

/* 9. Buttons */
.wpb_button {
	border: 1px solid #FFFFFF;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
	background-color: transparent;
	color: #FFFFFF;
	text-shadow: none;
}
.wpb_button:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: transparent;
}
.wpb_button:after {
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
	content: "";
	position: absolute;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	z-index: -1;
}
.wpb_button:hover:after {
	width: 100%;
}
body .vc_btn, 
body a.vc_btn, 
body button.vc_btn {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
	border-radius: 0;
}
/* Remove margin bottom from rows in section with high padding */
.vc_container .vc_row:nth-last-of-type(2) {
	margin-bottom: 0;
}
/* Top bar on One Page */
header#one-page-header {
	position: absolute;
	z-index: 999;
	width: 100%;
	top: 0;
	background: rgba(0,0,0,0.2);
}
.mt-top-bar > div {
	padding: 20px 0;
}
.mt-top-bar h1.logo {
    margin: 0;
}
.navbar-header .logo {
    margin: 27px 0;
    line-height: 1;
}
body.missing-redux-framework .navbar-header .logo {
    margin-top: 38px;
}
.list-view .post-thumbnail {
	margin-left: 0;
	padding: 0;
}
.list-view .post-details {
	padding-right: 0;
}
.grid-two-columns:nth-child(2n+1) {
	clear: left;
}
.grid-three-columns:nth-child(3n+1) {
	clear: left;
}
.grid-four-columns:nth-child(4n+1) {
	clear: left;
}
.full-width-part {
	width: 100%;
}
article.single-post {
    padding-bottom: 50px;
}
.single-post {
    border-bottom: medium none !important;
}
.single-post .blog_custom {
    overflow: hidden;
    border-radius: 5px;
}
.page-template-template-blog .single-post.grid-view.grid-three-columns .blog_custom {  
	display: block;
}
/* Mt icon shortcode */
.mt_icon_services_item img {
	max-width: 60px;
}
.mj .mt_icon_services_item img {
    max-width: 90px;
}
/*10. WooCommerce*/
.woocommerce.single-product .summary .compare.button {
    padding: 10px 10px 10px 32px;
}
.woocommerce ul.products li.product .product_top_block a.compare.button {
    overflow: hidden;
    padding: 5px 16px;
    text-indent: -2000px;
}
.single-product figure.woocommerce-product-gallery__wrapper {
    margin: 0;
}
.woocommerce .star-rating span::before{
	font-family: "star";
}
.hover-container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.hover-container .thumbnail-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
    		transition: opacity 0.5s;
}
.hover-components-holder {
    margin: 0 auto;
    width: 50%;
}
.hover-components {
    bottom: 0;
    opacity: 1;
    padding: 35% 0;
    position: absolute;
    width: 100%;
    z-index: 11;
}
.hover-components .component {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0);
}
.hover-components .component a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff !important;
    display: block;
    font-size: 15px !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 24px 13px;
    transition: all 250ms ease-in-out 0s;
    -webkit-transition: all 250ms ease-in-out 0s;
    text-align: center;
    width: 100%;
}

.columns-4 .hover-components .component a, 
.vc_col-md-4 .hover-components .component a, 
.columns-6 .hover-components .component a, 
.vc_col-md-6 .hover-components .component a, 
.no-sidebar .vc_col-md-3 .hover-components .component a {
	font-size: 14px !important;
	line-height: 28px !important;
	padding-left: 35px; 
}
.vc_col-md-6 .hover-components .component:before,
.vc_col-md-4 .hover-components .component:before,
.no-sidebar .vc_col-md-3 .hover-components .component:before {
	font-size: 18px;
	width: 30px;
}

.component .yith-wcwl-add-to-wishlist .ajax-loading {
	display: none !important;
}

.hover-components .component div {
	margin-top: 0;
}

.hover-components .component a:hover {
	background: none;
}

.hover-components .component {
	margin-top: 5px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.hover-components .component.wishlist {
    margin-right: 10px;
}
.hover-components .component.quick-view {
    margin-left: 10px;
}
.hover-components .component.wishlist .yith-wcwl-wishlistaddedbrowse {
    padding: 16px 5px;
}
.component.quick-view, .component.wishlist, .component.compare {
    display: inline-block !important;
    border-radius: 5px;
    position: relative;
}
.component.add-to-cart {
    border-radius: 5px;
    float: left;
    max-width: 92%;
    position: relative;
}
.woocommerce a.added_to_cart {
    padding: 10px 5px !important;
}
.single-product .summary.entry-summary .cart {
    display: inline-block;
    margin: 20px 0 20px;
    width: 100%;
}
.single-product .summary.entry-summary .cart a {
	font-weight: 600;
}
.woocommerce.single form .form-row label, .woocommerce-page.single form .form-row label {
    display: none;
}
.woocommerce input[readonly]{
	border: 1px solid #ddd;
    line-height: normal;
    padding: 8px 16px;
    font-size: 15px;
    border-radius: 25px !important;
    -webkit-border-radius: 5px !important;
    transition: border 0.3s ease;
    width: 100%;
}
body .picker__nav--prev:hover, 
body .picker__nav--next:hover{
	background: #fff;
}
.woocommerce .wceb_picker_wrap {
    margin-bottom: 15px;
    font-weight: 500;
}
.woocommerce p.booking_price span {
    margin-bottom: 20px;
    margin-top: 15px;
    display: block;
}
.woocommerce .wceb_picker_wrap p.booking_details {
    font-size: 16px;
    line-height: 25px;
}
.woocommerce form .wceb_picker_wrap .form-row {
    padding-left: 0px;
}
.woocommerce form  p.form-row.form-row-wide.show_if_two_dates {
    padding-top: 15px;
}
.single-product .summary.entry-summary .variations_form.cart {
    display: table;
    width: 100%;
}
.woocommerce.single-product .summary .compare.button.added {
    padding: 10px 10px 24px 30px;
}
.woocommerce_action_holder .component::before {
    color: #333333;
    display: block;
    font-family: "FontAwesome";
    font-size: 15px;
    height: 50px;
    left: -16px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 50px;
}
.woocommerce ul.products li.product .overlay-components {
    background-color: #fff;
    padding: 15px 0;
    width: 35px;
    text-align: center;
}
.woocommerce ul.products li.product .overlay-components a.button.yith-wcqv-button {
  display: inline-block !important;
}
.product .yith-wcqv-button {
    display: none !important;
}
.woocommerce ul.products li.product .component.add-to-cart .button .fa-shopping-basket:before {
    content: "\f217" !important;
}
.woocommerce_action_holder .component.add-to-cart a.add_to_cart_button {
    padding: 10px 0 !important;
}
.woocommerce_action_holder .component.quick-view::before {
    content: "???";
    left: -8px;
    top: 8px;
}
.woocommerce_action_holder .component.quick-view::before {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.quick-view:hover::before {
    color: rgb(255, 255, 255);
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.quick-view:hover {
    background: rgb(27,218,201) none repeat scroll 0 0;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.quick-view:hover .button {
    border-color: rgb(27,218,201);
}
.woocommerce_action_holder .component.quick-view {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    margin: 0 5px;
}
.single-product .compare.button.added::before, .woocommerce_action_holder .component.compare::before {
    content: "???";
    left: -9px;
    top: 8px;
}
.woocommerce_action_holder .component.compare::before {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.compare:hover::before {
    color: rgb(255, 255, 255);
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.compare:hover {
    background: rgb(27,218,201) none repeat scroll 0 0;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.compare:hover .button {
    border-color: rgb(27,218,201);
}
.woocommerce_action_holder .component.compare {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    margin: 0 5px;
}

.related .woocommerce_action_holder .component.wishlist::before {
    display: none;
}

.woocommerce_action_holder .component.wishlist::before {
    content: "???";
    left: -9px;
    top: 8px;
}
.woocommerce_action_holder .component.wishlist::before {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.wishlist:hover::before {
    color: rgb(255, 255, 255);
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.wishlist:hover {
    background: rgb(27,218,201) none repeat scroll 0 0;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.wishlist:hover .button {
    border-color: rgb(27,218,201);
}
.woocommerce_action_holder .component.wishlist {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    margin: 0 5px;
}
.products li.product:hover .hover-container .thumbnail-overlay {
	opacity: 1;
}
.woocommerce ul.products li.product:hover .thumbnail-and-details {
	transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.thumbnail-and-details {
	box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -webkit-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -ms-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -moz-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    overflow: hidden;
    position: relative;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    border-radius: 5px;
}
.woocommerce ul.products li.product:hover .product_top_block {
	transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.product_top_block {
    box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -webkit-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -ms-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    -moz-box-shadow: 0 0 20px rgba(67, 73, 89, .1);
    padding: 15px 40px 35px;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    background: #fff;
}
.details-container > div.details-item {
	width: 100%;
	float: left;
	text-align: left;
}
.details-container > div.details-item .amount, 
.details-container > div.details-item ins {
    background-color: transparent !important;
    color: #252525;
}
.details-container .details-price-container {
	color: #2C3E50;
}
.details-container > div.details-item .price {
	margin-bottom: 0 !important;
}
.details-container .price ins,
.details-container .price del {
	display: inline-block !important;
}
.woocommerce .products .details-review-container .star-rating {
	margin: 8px auto;
	height: 14px;
}
.woocommerce ul.products li.product .archive-product-title {
	text-align: center;
	padding: 12px 10px;
}
.woocommerce ul.products li.product .star-rating{
	margin: 0 auto;
	display: block !important;
}
.woocommerce ul.products li.product .archive-product-title a {
	width: 100%;
	display: block;
	color: black;
	font-size: 17px;
}
.woocommerce ul.products li.product i {
	margin-right: 0;
}
.woocommerce ul.products li.product .exists .yith-wcwl-wishlistaddedbrowse.hide a {
	display: block;
}
.woocommerce ul.products li.product .exists .tooltip {
	display: none;
}
.woocommerce ul.products li.product .exists .yith-wcwl-wishlistexistsbrowse.hide {
	display: inline !important;
}
nav.woocommerce-pagination {
	background: transparent;
}
.vc_row-fluid.no-margin-bottom {
    margin-bottom: 0;
}

.wpb_wrapper h2.heading-bottom:first-child {
    margin-top: 0;
}
.woocommerce ul.products li.product .component.add-to-cart .button {
	font-size: 18px !important;
}
.woocommerce ul.products li.product .button {
    border: 0;
    color: #223441 !important;
	background: #fff!important;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    display: inline-block;
    margin: 0 auto !important;
    text-transform: capitalize;
    font-size: 18px !important;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 130px;
    text-align: center;
}
.woocommerce ul.products li.product .added_to_cart {
    border: 0;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    border-radius: 20px !important;
    display: inline-block;
    margin: 0 auto !important;
    text-transform: capitalize;
    font-size: 18px !important;
    height: 40px;
    line-height: 40px;
    padding: 0!important;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    max-width: 130px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
	background: #fff!important;
}
.woocommerce ul.products li.product .button::after {
    top: 0;
    right: 6px;
    font-size: 14px;
}
.woocommerce ul.products li.product .price ins {
	text-decoration: none;
}
.woocommerce_action_holder .component:hover {
	color: red;
}
.product_top_block .woocommerce_action_holder {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.yith-wcwl-add-to-wishlist {
    margin-top: 0px;
}
.woocommerce #content div.product .woocommerce-tabs, 
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, 
.woocommerce #content div.product div.thumbnails a.first, 
.woocommerce #content div.product div.thumbnails::after, 
.woocommerce .cart-collaterals::after, 
.woocommerce .col2-set::after, 
.woocommerce .woocommerce-pagination ul.page-numbers::after, 
.woocommerce div.product .woocommerce-tabs, 
.woocommerce div.product .woocommerce-tabs ul.tabs::after, 
.woocommerce div.product div.thumbnails a.first, 
.woocommerce div.product div.thumbnails::after, 
.woocommerce ul.products, 
.woocommerce ul.products li.first, 
.woocommerce ul.products::after, 
.woocommerce-page #content div.product .woocommerce-tabs, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, 
.woocommerce-page #content div.product div.thumbnails a.first, 
.woocommerce-page #content div.product div.thumbnails::after, 
.woocommerce-page .cart-collaterals::after, 
.woocommerce-page .col2-set::after, 
.woocommerce-page .woocommerce-pagination ul.page-numbers::after, 
.woocommerce-page div.product .woocommerce-tabs, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after, 
.woocommerce-page div.product div.thumbnails a.first, 
.woocommerce-page div.product div.thumbnails::after, 
.woocommerce-page ul.products, 
.woocommerce-page ul.products li.first, 
.woocommerce-page ul.products::after {
    clear: right !important;
}
.woocommerce ul.products li.product:hover .thumbnail-and-details img {
    transform: scale(1.05);
     transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce ul.products li.product .thumbnail-and-details img {
     transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    margin: 0;
}
.woocommerce_action_holder .component.quick-view::before {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.quick-view:hover::before {
    color: rgb(255, 255, 255);
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.quick-view:hover {
    background: rgb(27,218,201) none repeat scroll 0 0;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.woocommerce_action_holder .component.quick-view:hover .button {
    border-color: rgb(27,218,201);
}
.woocommerce_action_holder .component.quick-view {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    margin: 0 5px;
}
#yith-quick-view-content div.images {
    width: 100%;
    float: left;
    opacity: 1 !important;
    margin: 0;
}
#yith-quick-view-content .product .images img,
#yith-quick-view-content .product .images.woocommerce-product-gallery {
	border-radius: 0 !important;
}
#yith-quick-view-content div.summary {
	width: 100%;
}
#yith-quick-view-content div.summary p.price .amount {
	font-size: 25px;
}
#yith-quick-view-content div.summary .product-title h2 {
	font-size: 35px;
}
#yith-quick-view-content div.summary .woocommerce-product-details__short-description {
    margin-top: 15px;
}



/* 10.1. Shop columns */
.woocommerce .products ul, 
.woocommerce ul.products {
	margin: 0 -15px;
}
.woocommerce ul.products li.product.vc_col-md-3, 
.woocommerce-page ul.products li.product.vc_col-md-3,
.woocommerce ul.products li.product.vc_col-md-4, 
.woocommerce-page ul.products li.product.vc_col-md-4,
.woocommerce ul.products li.product.vc_col-md-6, 
.woocommerce-page ul.products li.product.vc_col-md-6 {
	position: relative;
  	min-height: 1px;
  	padding-left: 15px;
  	padding-right: 15px;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 15px 0 !important;
}	
.yith-wcwl-wishlistaddedbrowse .feedback {
    color: #ffffff !important;
    display: block;
}
.woocommerce ul.cart_list li dl, 
.woocommerce ul.product_list_widget li dl {
    border-left: 0 none;
    clear: right;
    float: left;
    padding-left: 0;
    display: none;
}
.woocommerce ul.products li.product.vc_col-md-3, 
.woocommerce-page ul.products li.product.vc_col-md-3 {
	width: 25%;
}

.woocommerce ul.products li.product.vc_col-md-4, 
.woocommerce-page ul.products li.product.vc_col-md-4 {
	width: 33.33333333%;
}

.woocommerce ul.products li.product.vc_col-md-6, 
.woocommerce-page ul.products li.product.vc_col-md-6 {
	width: 50%;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    border-radius: 20px;
    top: 15px;
    left: 15px;
    width: fit-content;
    text-transform: capitalize;
}
li.product .product-badge {
	top: 20px;
	width: auto;
	right: 0;
	padding: 0 7px;
	left: auto;
}

/* 10.2. Product Page */
h1.product_title {
	font-size: 18px;
	font-weight: normal;
}
.single-product.woocommerce div.product p.price del,
.single-product .price ins {
	display: inline-block;
}

.single-product .price ins {
	text-decoration: none;
}
tfoot span.amount {
    font-weight: bold;
}

span.amount {
    font-size: 16px;
    color: #2f383d !important;
}
del span.amount {
	font-size: 18px;
	color: rgba( 0,0,0,0.5);
}
.product-description p {
	font-size: 14px;
}
.product_meta > span {
    display: block;
    margin: 10px 0;
    color: #5C5E6C;
}
.product_meta > span a, 
.product_meta > span span {
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    font-weight: bold;
    color: #5C5E6C;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td p {
	padding: 10px 15px !important;
}
.woocommerce div.product form.cart {
	margin-bottom: 0;
}
.wishlist-container {
	display: inline-block;
	margin-left: 10px;
}
.woocommerce.single-product div.product form.cart .button {
    position: relative;
    outline: 0;
    text-transform: capitalize;
    font-weight: 500;
    padding: 15px 30px !important;
    line-height: 1.33;
    height: auto;
    font-size: 12px !important;
    text-transform: uppercase;
    border-radius: 5px!important;
    letter-spacing: 1px;
}
.woocommerce.single-product div.product .woocommerce-product-rating {
    margin-bottom: 10px;
}
.woocommerce.single-product .woocommerce-product-details__short-description {
    margin-top: 30px;
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse {
	padding: .4em 1em;
}
.single-product .price ins span, .single-product .price del span {
    font-size: 20px;
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse a {
	color: #FFF;
	font-weight: 400;
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse span {
	color: rgba(255,255,255,0.7);
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse.show {
    position: relative;
}
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse.show {
    border: 1px solid #c1c1c1;
    height: 31px;
    width: 31px;
}
.woocommerce.single-product .summary .wishlist-container a.button {
    margin-bottom: 1px;
    padding: 10px 10px 10px 30px;
}
.product_meta {
    margin-top: 10px;
}
.woocommerce-page .thumbnail-and-details img {
    height: auto;
    width: 100%;
}
.woocommerce.single-product .thumbnails-summary .summary.entry-summary .wishlist-container {
    margin-left: 4px;
}
.woocommerce.single-product .summary .compare.button {
    margin-bottom: 1px;
    padding: 10px 10px 10px 30px;
    position: relative;
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistexistsbrowse.show a{
    padding: 17px 19px;

}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse.show {
    padding: 17px 19px;
}
.single-product .yith-wcwl-add-to-wishlist{
	margin-top: 0;
}
.related.products .compare.button:before,
.woocommerce.single-product .compare.button:before {
	content: "\f0ec";
	width: 20px;
	display: block;
	position: absolute;
	top: 10px;
	left: 12px;
	font-size: 100%;
	font-family: "FontAwesome";
}
.woocommerce #respond input#submit.added::after, 
.woocommerce a.button.added::after, 
.woocommerce button.button.added::after, 
.woocommerce input.button.added::after{
	content: none;
}
.woocommerce.single-product .wishlist-container a.button:before {
	content: "\f06b";
	width: 20px;
	display: block;
	position: absolute;
	top: 10px;
	left: 13px;
	font-size: 100%;
	font-family: "FontAwesome";
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse:before {
	content: "\f046";
	width: 20px;
	display: block;
	position: absolute;
	top: 5px;
	left: 12px;
	font-size: 100%;
	font-family: "FontAwesome";
	color: #FFF;
}
.woocommerce.single-product .wishlist-container .yith-wcwl-wishlistaddedbrowse.show:before {
	top: 7px;
}
.woocommerce div.product form.cart div.quantity {
	margin-right: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  left: -5px !important;
  box-shadow: 2px 2px 0 transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right: -5px !important;
    box-shadow: -2px 2px 0 transparent !important;
}
body.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    font-family: Jost;
    float: none;
    border-radius: 50px;
    margin: 0 5px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #006BA6 !important;
    color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    z-index: 2;
    border-bottom-color: #fff !important;
}

/*adad*/

.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
}
.shipping-calculator,
.cart-totals-container {
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart .cart-collaterals .cart_totals p.form-row {
	margin-bottom: 15px;
}
.woocommerce-shipping-calculator p.form-row:nth-child(2),
.woocommerce-shipping-calculator p.form-row:nth-child(3) {
	width: 48%;
	display: inline-block;
}
.woocommerce-shipping-calculator p.form-row:nth-child(2) {
	margin-right: 3%;
}
p.form-row-button {
	width: 100%;
	text-align: right;
}
.cart_totals h2 {
	font-size: 18px;
	margin-bottom: 20px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th {
	border-top: 0 none;
	border-bottom: 1px solid #e1e1e1 ;
}
.woocommerce-cart .cart-collaterals  tr.cart-subtotal th, .woocommerce-cart .cart-collaterals  tr.cart-subtotal td {
    border-bottom: none !important;
    border-top: none !important;
}
.woocommerce-cart .cart-collaterals span.amount{
	font-weight: normal;
}
.woocommerce-cart .cart-collaterals .order-total span.amount{
    font-weight: bold;
}
.cart-totals-container span.amount {
	font-size: 14px;
	font-weight: bold;
}
.cart-totals-container label {
	text-indent: 0;
}
.wc-proceed-to-checkout {
	text-align: right;
	float: left;
	padding-bottom: 0 !important;
}
.wc-proceed-to-checkout a {
	display: inline-block !important;
	margin-bottom: 0 !important;
}
.woocommerce-cart table.cart img {
	width: 100px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart table.cart .product-thumbnail {
	text-align: center;
}
.woocommerce-cart table.cart td.product-name {
    font-size: 16px;
    color: #2f383d;
    font-weight: bold;
}
.woocommerce .woocommerce-result-count {
    margin: 11px 0 !important;
    margin-top: 8px !important;
}
.woocommerce-cart .entry-content h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 25px;
}
.woocommerce-cart  table.shop_table tr.cart-subtotal th,
.woocommerce-cart  table.shop_table tr.cart-subtotal td, 
.woocommerce-cart  table.shop_table tr.order-total th,
.woocommerce-cart  table.shop_table tr.order-total td,
.woocommerce-cart  table.shop_table tr.ywsbs-recurring-totals-items th,
.woocommerce-cart  table.shop_table tr.ywsbs-recurring-totals-items td {
	padding: 15px 0 15px 5px !important;
}
.woocommerce-cart .cart-collaterals .shop_table th {
    width: 20% !important;
    font-size: 18px;
}
table tr {
    border: 1px solid #e1e1e1;
}
.woocommerce-page div.woocommerce .shop_table tr {
    border-left: none;
    border-right: none;
    border-top: none;
}
.woocommerce-checkout 
.heading-holder h2,
.heading-holder{
	font-size: 18px;
	color: #2f383d;
}
.heading-holder h2,
.heading-holder i {
	display: block;
}
.heading-holder i {
	float: right;
	padding: 5px;
	color: #e1e1e1;
	border: 1px solid #e1e1e1;
	margin-top: 10px;
	cursor: pointer;
}
.heading-holder h2 {
	float: left;
}
.form-holder-addon {
	width: 48%;
	float:left;
}
.woocommerce form.checkout_coupon_form {
	border-radius: 0;
}
.woocommerce form.checkout_coupon_form .form-row {
	width: 100%;
}
.woocommerce form.checkout_coupon_form .form-row-last {
	text-align: right;
	padding: 0;
	margin: 0;
}
.woocommerce .u-column1 h2, .woocommerce .u-column2 h2 {
    margin-top: 0px;
}
.woocommerce form.checkout_coupon_form, 
.woocommerce form.login,
.woocommerce form.register {
	margin: 10px 0;
	padding: 20px 30px 30px;
}
.form-holder-addon:nth-of-type(2) {
	margin-left: 4%;
}
.woocommerce form.checkout_coupon_form {
	border: 1px solid #e1e1e1;
	padding: 20px;
}
.woocommerce form.login {
	border-radius: 5px;
}
.checkout-form-holder .login .form-row:nth-of-type(4) {
	width: 50%;
	float: right;
	text-align: right;
}
.checkout-form-holder .login .form-row:nth-of-type(4) label {
	display: inline-block;
	margin-right: 10px;
	line-height: 30px;
}
.checkout-form-holder .login .form-row:nth-of-type(4) .button {
	float: right;
}
.checkout-form-holder .login .lost_password {
	line-height: 30px;
	margin-left: 5px;
}
.woocommerce-billing-fields h3,
#ship-to-different-address,
h3#order_review_heading {
	font-size: 25px;
    clear: both; 
}
.woocommerce-billing-fields h3,
#ship-to-different-address,
h3#order_review_heading,
.woocommerce-additional-fields h3 {
	margin-bottom: 30px;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address .checkbox {
    margin: 0;
    font-weight: 400;
}
h3#order_review_heading {
    margin: 65px 0 30px;
}
.change-shipping-address {
	float: right;
	margin-top: 15px;
}
.change-shipping-address label,
.change-shipping-address input {
	display: inline-block;
	font-size: 12px;
	color: #9aa7af;
	margin: 0;
}
.select2-container .select2-choice {
	border-radius: 0;
	border-color: #e1e1e1;
	padding: 5px 10px;
}
.woocommerce ul#shipping_method li {
	text-indent: 0;
	padding-left: 0;
}
.woocommerce-checkout #payment {
	background: #FFF;
	border-radius: 0;
	border: 0;
}
.woocommerce-checkout #payment div.payment_box {
	background: #e1e1e1;
	width: 100%;
}
.woocommerce-checkout #payment ul.payment_methods li {
    background: #FFFFFF;
    padding: 0px;
    box-shadow: none;
    margin-bottom: 10px !important;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    margin-left: 10px;
}
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 0 none;
	padding: 0px 0 0;
}
.woocommerce-checkout #payment div.form-row {
	padding: 0 20px 10px;
}
.wpb_tabs .wpb_tabs_nav {
	background: #f5f6f7;
	position: relative;
	border-bottom: 1px solid #dfe5e9;
}
.wpb_tabs .wpb_tabs_nav:before{
	position: absolute;
	content: "";
	display: block;
	height: 5px;
	width: 100%;
	left: 0;
	top: 0;
	background: #e9edef;
}
.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
	padding: 10px 20px;
}
.wpb_tabs .wpb_tabs_nav li{
	border-top: 5px solid transparent;
}
.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
	background: #FFF;
}
.wpb_tabs{
	border-top: 0 none;
	border-bottom: 1px solid #dfe5e9;
	border-left: 1px solid #dfe5e9;
	border-right: 1px solid #dfe5e9;
}
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
	background: #FFF;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
	background: #FFF;
	position: relative;
}
.wpb_content_element .wpb_tabs_nav li {
	background: transparent;
}
.wpb_tabs .wpb_tabs_nav li a {
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}
.wpb_content_element .wpb_tabs_nav li:first-child a {
	border-left: 0 none;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
	position: relative;
	border-color: #dfe5e9;
}
.wpb_tabs .wpb_tabs_nav li.ui-tabs-active a:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #FFF;
	opacity: 1;
}
.wpb_content_element .wpb_tabs_nav {
	background: #f5f6f7;
	position: relative;
	border-right: 1px solid #dfe5e9;
}
.wpb_tour {
	border-right: 1px solid #dfe5e9;
	border-top: 1px solid #dfe5e9;
	border-bottom: 1px solid #dfe5e9;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
	padding: 15px 20px;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
	padding-top: 10px;
	padding-left: 10px;
}
.wpb_tour_next_prev_nav {
	padding-right: 10px;
	padding-left: 10px;
}
.wpb_tour .wpb_tabs_nav:before {
	position: absolute;
	content: "";
	display: block;
	height: 100%;
	width: 5px;
	left: 0;
	top: 0;
	background: #e9edef;
}
.wpb_tour .wpb_tabs_nav li {
	border-left: 5px solid transparent;
}
.wpb_tour.wpb_content_element .wpb_tabs_nav li a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.wpb_tour .wpb_tabs_nav li:first-child a {
	border-top: 0 none;
}
.wpb_tour .wpb_tabs_nav li:last-child a {
	border-bottom: 0 none;
}
.wpb_tour .wpb_tabs_nav li.ui-tabs-active a {
	border-color: #dfe5e9;
	position: relative;
}
.wpb_tour .wpb_tabs_nav li.ui-tabs-active a:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: -1px;
	top: 0;
	background: #FFF;
	opacity: 1;
}
.widget-title{
	margin-bottom: 15px;
}
.no-margin-head .section-title {
    margin-top: 0;
}
.comment-respond:focus {
	outline: 0 !important;
}
#comment-nav-above .screen-reader-text,
.widget-title,
h3#reply-title,
#comments .comment-list >h3,
h2.heading-bottom {
	font-size: 24px;
	line-height: 1.2;
	margin-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	position: relative;
	font-weight: 600;
	color: #3D404F;
}
.comment-list.comments-area.theme_comments.comments {
    margin-top: 60px;
}
#reply-title > a {
    margin-left: 10px;
}
.widget-title {
	font-size: 20px;
}
.post_thumbnails_slider{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}
.lms-single-tab .learn-press-message {
    margin: 0;
}
.lms-single-tab h3 {
    border-bottom: 1px solid #d5dadd;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    position: relative;
}
.lms-single-tab .profile-courses {
    margin: 0;
    padding: 0;
}
.lms-single-tab h3::before {
    background: #c1c1c1 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 10%;
}

#comment-nav-above .screen-reader-text:after,
.curriculum-sections .section .section-header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100px;
    height: 4px;
    border-radius: 3px;
}
h2.heading-bottom.text-left:after {
	right: auto;
	left: 0;
}
h2.heading-bottom.text-center:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}
h2.heading-bottom.text-right:after {
	right: 0;
	left: auto;
}
.blog-posts.portfolio-posts.portfolio-shortcode {
	margin: 10px 0 2px;
}

.smartowl_call-to-action h2 {
	font-size: 20px;
	color: #FFF;
}
.smartowl_call-to-action p {
	font-size: 12px;
	color: rgba( 255,255,255,0.8 );
	font-weight: normal;
	margin: 0;
}
.smartowl_call-to-action .vc_col-md-4 {
	padding-right: 0;
	text-align: center;
}
.smartowl_call-to-action .vc_col-md-8 {
	padding-left: 0;
}
.smartowl_call-to-action {
	padding: 40px 0;
}
.vc_row {
	background-size: cover;
}
.smartowl_call-to-action .wpb_button {
	margin-top: 20px;
}
.smartowl_shortcode_blog {
  padding: 0;
  overflow: hidden;
}
.wpb_content_element {
	margin: 20px 0;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
	background: #FFFFFF;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active {	
	border-bottom: 1px solid #d5dadd;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a {
	color: #FFF;
}
.wpb_accordion_section {
	margin-bottom: 10px;
	border: 1px solid #d5dadd;
}
div#faq-accordion {
    max-width: 750px;
    margin: 0 auto;
}
div#faq-accordion .vc_tta-panel-heading {
    background: rgba(255, 255, 255, 0.15);
    border: 0;
    margin-top: 30px;
    padding: 20px;
    border-radius: 13px;
    letter-spacing: .5px;
}
div#faq-accordion .vc_active .vc_tta-panel-heading {
    background: #fff;
    border-radius: 13px 13px 0px 0px;
}


div#faq-accordion .vc_tta-panel.vc_active .vc_tta-panel-body {
    padding: 0px 40px 32px !important;
    background: #fff !important;
    border-radius: 0 0 13px 13px !important;
    border: 0 !important;
}
div#faq-accordion .vc_tta-panel.vc_active .vc_tta-panel-body p {
    letter-spacing: 0.5px;
}
.vc_carousel-inner img,
.vc_carousel-inner .vc_inner > a {
  min-width: 100% !important;
}
.vc_images_carousel .vc_carousel-control .icon-next {
	color: #FFF;
}
.masonry_banner a {
    display: block;
}
.masonry_banner a:before, 
.masonry_banner a:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.masonry_banner a:before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.masonry_banner a:after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}
.masonry_banner:hover a:before, 
.masonry_banner:hover a:after {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.masonry_holder {
    margin: 30px 40px;
    position: absolute;
    top: 20px;
    width: 80%;
}
.masonry_holder .category_name {
    color: rgb(255, 255, 255);
    font-size: 45px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.masonry_banner .read-more {
    border: 1px solid;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    margin-top: 25px;
    padding: 10px 25px;
}
.button-winona {
	border-radius: 4px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

/* Winona */
.button-winona:hover span {
	color: #fff !important;
}
.button-winona {
	overflow: hidden;
	padding: 0;
	-webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s;
    transition: color 0.3s,border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #FFF;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
	padding: 10px 15px;
}
.button-winona > span {
	display: block;
}
.button-winona::after,
.button-winona > span {
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button-winona:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button-winona:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}

.shop_feature {
	margin-top: 40px;
	padding-bottom: 40px;
}
.title-subtile-holder .section-title {
	margin-top:0; 
	font-weight: bold;
}
.title-subtile-holder {
	margin-bottom: 40px;
}
.wpb_column > .wpb_wrapper > .clients-container {
	margin: 20px 0;
}
.no-padding-bottom .container #main article .entry-content > .wpb_row.no-bottom-margin {
	margin-bottom: 0;
}
.top_section .wpb_wrapper h1 span {
    font-size: 80px;
}
.facility,
.recent_products,
.members {
	z-index: 999;
}


/*11. SIDEBAR WIDGETS*/
footer .widget_recent_comments li,
footer .widget_pages li,
footer .widget_meta li,
footer .widget_categories li,
footer .widget_archive li,
footer .widget_nav_menu li {
    padding-left: 0;
    position: relative;
}

.sidebar-content .widget_nav_menu .menu{
    padding: 0;
}
.widget_recent_comments li,
.widget_pages li,
.widget_pages a,
.widget_meta li,
.widget_meta a,
.widget_categories li,
.widget_archive li,
.widget_nav_menu li,
.widget_nav_menu a {
    display: block;
    width: 100%;
    text-align: left;
}
.widget_recent_comments .children,
.widget_categories .children,
.widget_pages .children {
    padding-left: 0px;
    list-style-type: none;
}

.widget_nav_menu .sub-menu > li > a {padding-left: 10px;}
.widget_nav_menu .sub-menu .sub-menu > li > a {padding-left: 20px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 30px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 40px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 50px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 60px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 70px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 80px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 90px;}
.widget_nav_menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a {padding-left: 100px;}

.widget_recent_comments .children  .children .children .children > li > a, 
.widget_categories .children  .children .children .children > li > a, 
.widget_pages .children  .children .children .children > li > a {
    padding-left: 40px;
}
.widget_recent_comments .children .children .children > li > a, 
.widget_categories .children .children .children > li > a, 
.widget_pages .children .children .children > li > a {
    padding-left: 30px;
}
.widget_recent_comments .children .children > li > a, 
.widget_categories .children .children > li > a, 
.widget_pages .children .children > li > a {
    padding-left: 20px;
}
.widget_recent_comments .children > li > a, 
.widget_categories .children > li > a, 
.widget_pages .children > li > a {
    padding-left: 10px;
}
body .widget_nav_menu ul {
    padding-left: 0;
}

.bypostauthor {
	background: transparent;
}
div#faq-accordion .vc_active .vc_tta-panel-heading a {
	color: #434959;
}

/*Sidebar Effects*/
.st-content,
.st-content-inner {
	position: relative;
}

.st-container {
	position: relative;
	overflow: hidden;
}

.st-pusher {
	position: relative;
	left: 0;
	z-index: 200;
	height: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-pusher::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.4);
	content: '';
	opacity: 0;
	z-index: 201;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu-open .st-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	width: 300px;
	height: 100%;
	background: #48a770;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */

.st-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.st-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.st-menu ul li a {
	display: block;
	padding: 1em 1em 1em 1.2em;
	outline: none;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}


.st-menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	color: #fff;
}

/* Individual effects */

/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
	display: none;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 300px;
}


/*Loaders*/
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }

.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

.ball-scale-random {
  width: 37px;
  height: 40px; }
  .ball-scale-random > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 30px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite; }
    .ball-scale-random > div:nth-child(1) {
      margin-left: -7px;
      -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
              animation: ball-scale 1s 0.2s ease-in-out infinite; }
    .ball-scale-random > div:nth-child(3) {
      margin-left: -2px;
      margin-top: 9px;
      -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
              animation: ball-scale 1s 0.5s ease-in-out infinite; }

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

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

.ball-rotate {
  position: relative; }
  .ball-rotate > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: relative; }
    .ball-rotate > div:first-child {
      -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
              animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
    .ball-rotate > div:before, .ball-rotate > div:after {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      content: "";
      position: absolute;
      opacity: 0.8; }
    .ball-rotate > div:before {
      top: 0px;
      left: -28px; }
    .ball-rotate > div:after {
      top: 0px;
      left: 25px; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px); }
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #fff;
      height: 16px;
      width: 16px;
      top: 7px;
      left: -7px;
      -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #fff;
      width: 30px;
      height: 30px;
      left: -16px;
      top: -2px;
      background: transparent;
      border: 2px solid;
      border-color: #fff transparent #fff transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
  position: relative; }
  .ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
            animation: rotate 1s 0s ease-in-out infinite; }
    .ball-clip-rotate-multiple > div:last-child {
      display: inline-block;
      top: -10px;
      left: -10px;
      width: 15px;
      height: 15px;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      border-color: #fff transparent #fff transparent;
      -webkit-animation-direction: reverse;
              animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
          animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px); }
  .ball-scale-ripple-multiple > div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .ball-scale-ripple-multiple > div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .ball-scale-ripple-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-ripple-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-ripple-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -0.35s !important;
            animation-delay: -0.35s !important; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.994px, -37.50938px);
      -ms-transform: translate(-29.994px, -37.50938px);
          transform: translate(-29.994px, -37.50938px); }
  .ball-triangle-path > div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
            animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
            animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
            animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 2px solid #fff; }
    .ball-triangle-path > div:nth-of-type(1) {
      top: 50px; }
    .ball-triangle-path > div:nth-of-type(2) {
      left: 25px; }
    .ball-triangle-path > div:nth-of-type(3) {
      top: 50px;
      left: 50px; }

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
          animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }
  .ball-pulse-rise > div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
            animation-name: ball-pulse-rise-even; }
  .ball-pulse-rise > div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

.ball-grid-beat {
  width: 57px; }
  .ball-grid-beat > div:nth-child(1) {
    -webkit-animation-delay: 0.21s;
            animation-delay: 0.21s;
    -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s; }
  .ball-grid-beat > div:nth-child(2) {
    -webkit-animation-delay: -0.08s;
            animation-delay: -0.08s;
    -webkit-animation-duration: 0.94s;
            animation-duration: 0.94s; }
  .ball-grid-beat > div:nth-child(3) {
    -webkit-animation-delay: 0.59s;
            animation-delay: 0.59s;
    -webkit-animation-duration: 1.37s;
            animation-duration: 1.37s; }
  .ball-grid-beat > div:nth-child(4) {
    -webkit-animation-delay: 0.06s;
            animation-delay: 0.06s;
    -webkit-animation-duration: 1.05s;
            animation-duration: 1.05s; }
  .ball-grid-beat > div:nth-child(5) {
    -webkit-animation-delay: 0.65s;
            animation-delay: 0.65s;
    -webkit-animation-duration: 1.59s;
            animation-duration: 1.59s; }
  .ball-grid-beat > div:nth-child(6) {
    -webkit-animation-delay: 0.74s;
            animation-delay: 0.74s;
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s; }
  .ball-grid-beat > div:nth-child(7) {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; }
  .ball-grid-beat > div:nth-child(8) {
    -webkit-animation-delay: 0.26s;
            animation-delay: 0.26s;
    -webkit-animation-duration: 0.73s;
            animation-duration: 0.73s; }
  .ball-grid-beat > div:nth-child(9) {
    -webkit-animation-delay: 0.38s;
            animation-delay: 0.38s;
    -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s; }
  .ball-grid-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
            animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-grid-pulse {
  width: 57px; }
  .ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
    -webkit-animation-duration: 0.71s;
            animation-duration: 0.71s; }
  .ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-delay: -0.13s;
            animation-delay: -0.13s;
    -webkit-animation-duration: 1.23s;
            animation-duration: 1.23s; }
  .ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-delay: 0.53s;
            animation-delay: 0.53s;
    -webkit-animation-duration: 1.36s;
            animation-duration: 1.36s; }
  .ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-delay: 0.38s;
            animation-delay: 0.38s;
    -webkit-animation-duration: 0.79s;
            animation-duration: 0.79s; }
  .ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-delay: 0.45s;
            animation-delay: 0.45s;
    -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s; }
  .ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-delay: 0.46s;
            animation-delay: 0.46s;
    -webkit-animation-duration: 1.56s;
            animation-duration: 1.56s; }
  .ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-delay: -0.07s;
            animation-delay: -0.07s;
    -webkit-animation-duration: 1.17s;
            animation-duration: 1.17s; }
  .ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-delay: 0.31s;
            animation-delay: 0.31s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; }
  .ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
    -webkit-animation-duration: 1.13s;
            animation-duration: 1.13s; }
  .ball-grid-pulse > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px; }
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.ball-spin-loader {
  position: relative; }
  .ball-spin-loader > span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear; }
  .ball-spin-loader > span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear; }
  .ball-spin-loader > span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear; }
  .ball-spin-loader > span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear; }
  .ball-spin-loader > span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear; }
  .ball-spin-loader > span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear; }
  .ball-spin-loader > span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear; }
  .ball-spin-loader > span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear; }
  .ball-spin-loader > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green; }

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
      -ms-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    .ball-zig-zag > div:first-child {
      -webkit-animation: ball-zig 0.7s 0s infinite linear;
              animation: ball-zig 0.7s 0s infinite linear; }
    .ball-zig-zag > div:last-child {
      -webkit-animation: ball-zag 0.7s 0s infinite linear;
              animation: ball-zag 0.7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
      -ms-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag-deflect > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    .ball-zig-zag-deflect > div:first-child {
      -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
              animation: ball-zig-deflect 1.5s 0s infinite linear; }
    .ball-zig-zag-deflect > div:last-child {
      -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
              animation: ball-zag-deflect 1.5s 0s infinite linear; }

/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s; }

.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.68s;
          animation-delay: 0.68s;
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s; }

.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
  -webkit-animation-duration: 0.39s;
          animation-duration: 0.39s; }

.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.17s;
          animation-delay: 0.17s;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s; }

.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
          animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
            animation-delay: -0.4s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
            animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
          animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
  .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: -0.25s !important;
            animation-delay: -0.25s !important; }
  .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important; }

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px; }
  .line-spin-fade-loader > div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(2) {
    top: 13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(4) {
    top: -13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(6) {
    top: -13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(8) {
    top: 13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
  .line-spin-fade-loader > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px; }

/**
 * Misc
 */
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.triangle-skew-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@-webkit-keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative; }
  .pacman > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
            animation: pacman-balls 1s -0.99s infinite linear; }
  .pacman > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
            animation: pacman-balls 1s -0.66s infinite linear; }
  .pacman > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
            animation: pacman-balls 1s -0.33s infinite linear; }
  .pacman > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
            animation: pacman-balls 1s 0s infinite linear; }
  .pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
            animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
            animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(3),
  .pacman > div:nth-child(4),
  .pacman > div:nth-child(5),
  .pacman > div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
        -ms-transform: translate(0, -6.25px);
            transform: translate(0, -6.25px);
    top: 25px;
    left: 70px; }

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
      -ms-transform: translate(-25px, -25px);
          transform: translate(-25px, -25px); }
  .cube-transition > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
            animation: cube-transition 1.6s 0s infinite ease-in-out; }
    .cube-transition > div:last-child {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s; }

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

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

.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden; }
  .semi-circle-spin > div {
    position: absolute;
    border-width: 0px;
    border-radius: 100%;
    -webkit-animation: spin-rotate 0.6s 0s infinite linear;
            animation: spin-rotate 0.6s 0s infinite linear;
    background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%; }