/*
   SUB STYLE CSS Document
   produce by World Agent
   URL:http://worldagent.jp
   Theme Name: worldagent
   Author: worldagent tsuruta
   Template: worldagent
*/


/* ■■■■■■■■■■■■■■■■■■■■

 .gr width　
 
■■■■■■■■■■■■■■■■■■ */

.pc_none{display:none !important;}

/* .mgl margin left */
.mgl-10{margin-left:-10px;}
.mgl-20{margin-left:-20px;}
.mgl30{ margin-left:30px;}


/* .mgr margin right */
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr30{margin-right:30px;}


.mgt5{ margin-top:5px;}
.mgt8{ margin-top:8px;}
.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}
.mgt17{ margin-top:17px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgt40{ margin-top:40px;}
.mgt150{ margin-top:150px;}
.mgt350{ margin-top:350px;}


.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}
.mgb40{ margin-bottom:40px;}
.mgb60{ margin-bottom:60px;}
.mgb80{ margin-bottom:80px;}
.mgb90{ margin-bottom:90px;}

.mgb100{ margin-bottom:100px;}

.pd10{
	padding:10px;
}
.pd20{
	padding:20px;
}
.pd30{
	padding:30px;
}

/* .pdt padding top */

.pdt100{ padding-top:100px;}
.pdt170{ padding-top:170px;}
.pdt270{ padding-top:270px;}
.pdt500{ padding-top:500px;}
.pdt600{ padding-top:600px;}
.pdt800{ padding-top:800px;}

/* .pdt padding bottom */
.pdb20{ padding-bottom:20px;}
.pdb170{ padding-bottom:170px;}

/* .pdl padding left */
.pdl0{padding-left:0;}
.pdl5{ padding-left:5px;}
.pdl20{ padding-left:20px;}

/* .pdr padding right */
.pdr0{padding-right:0;}
.pdr5{ padding-right:5px;}
.pdr15{ padding-right:15px;}
.pdr20{ padding-right:20px;}

@media screen and (max-width: 767px) {

.pc_none{display:block !important;}
.sp_none{display:none !important;}
.sp_full{width:100%;}

.sp_fl_l{float:left;}
.sp_fl_r{float:right;}

/* no-gutters Class Rules */
.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.no-gutters [class^="col-"],
.no-gutters [class*=" col-"]{
   padding-right: 0;
   padding-left: 0;
}



/* .sppdt padding top */

.sppdt20{padding-top:20px;}
.sppdt150{padding-top:150px;}
.sppdt250{padding-top:250px;}

/* .sppdl padding left */

.sppdl5{padding-left:5px;}
.sppdr5{padding-right:5px;}

/* .spmgt margin top */

.spmgt3{ margin-top:3px;}
.spmgt4{ margin-top:4px;}
.spmgt5{ margin-top:5px;}
.spmgt10{ margin-top:10px;}
.spmgt20{ margin-top:20px;}
.spmgt30{ margin-top:30px;}
.spmgt40{ margin-top:40px;}
.spmgt50{ margin-top:50px;}
.spmgt60{ margin-top:60px;}
.spmgt70{ margin-top:70px;}
.spmgt80{ margin-top:80px;}
.spmgt90{ margin-top:90px;}
.spmgt100{ margin-top:100px;}
.spmgt150{ margin-top:150px;}
.spmgt200{ margin-top:200px;}
.spmgt250{ margin-top:250px;}

/* .spmgt margin bottom */

.spmgb0{ margin-bottom:0px}
.spmgb30{ margin-bottom:30px}

/* .spmgt margin bottom */

.spmgb30{ margin-bottom:30px}

/* .spmgr margin left */

.spmgl2{ margin-left:2px;}
.spmgl10{ margin-left:10px;}

/* .spmgl margin left */

}

/* ■■■■■■■■■■■■■■■■■■■■

 .ie alert

■■■■■■■■■■■■■■■■■■ */


#ie-alert-overlay{width:100%;height:100%;background-image:url(../img/common/iealert/bg.png);position:fixed;top:0;left:0;z-index:999999}
* html #ie-alert-overlay{position:absolute}
#ie-alert-panel{width:600px;height:auto;top:200px;left:50%;position:fixed;z-index:1000001;margin:0 0 0 -300px;
_position:absolute;
_top:expression(200+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.ie-p{font-size:14px;color:#565656;line-height:1.6em;text-align:left}
#ie-alert-panel a{text-decoration:none}
.ie-span{font-size:18px;color:#464646;display:block;font-weight:bold;line-height:1.6em;margin:0 0 15px 0;}
.ie-r-b-c,.ie-r-t-c,.ie-l-t-c,.ie-l-b-c{background:url(../img/common/iealert/iesprites.png) no-repeat}
.ie-l-t-c{width:47px;height:47px;background-position:-18px -9px;float:left}
.ie-l{height:100%;width:47px;float:left;clear:both;background:url(../img/common/iealert/left.png)}
.ie-l-b-c{width:47px;height:46px;background-position:-17px -66px;float:left;clear:both}
.ie-b{height:46px;width:506px;float:left;background:url(../img/common/iealert/bottom.png)}
.ie-r-t-c{width:47px;height:47px;background-position:-83px -10px;float:right;cursor:pointer}
.ie-r-t-c:hover{background-position:-143px -9px}
.ie-r{height:100%;width:47px;float:right;background:url(../img/common/iealert/right.png)}
.ie-c{width:506px;height:100%;background:#f6f6f6;float:left}
.ie-r-b-c{width:47px;height:46px;background-position:-83px -65px;float:right}
.ie-t{height:47px;width:506px;float:left;background:url(../img/common/iealert/top.png)}
.ie-u{width:auto;height:43px;margin:30px auto 0 -66px;position:relative;left:50%}
.ie-u-l{width:14px;height:43px;background:url(../img/common/iealert/u-left.png);float:left}
.ie-u-c{width:auto;height:33px;background:url(../img/common/iealert/u-center.png);float:left;padding:11px 0 0 0;cursor:pointer}
.ie-u-s{margin:8px 25px 8px 25px;color:#fff;font-size:12px;font-weight:bold;line-height:1.3em;}
.ie-u-r{width:14px;height:43px;background:url(../img/common/iealert/u-right.png);float:left}
#ie-alert-panel.ie6-style .ie-r-b-c{background:url(../img/common/iealert/6_r_b_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-r-t-c{background:url(../img/common/iealert/6_r_t_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-r-t-c:hover{background:url(../img/common/iealert/6_r_t_c_h.png) no-repeat}
#ie-alert-panel.ie6-style .ie-l-t-c{background:url(../img/common/iealert/6_l_t_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-l-b-c{background:url(../img/common/iealert/6_l_b_c.png) no-repeat}
#ie-alert-panel.ie6-style .ie-l{background:url(../img/common/iealert/6_left.png)}
#ie-alert-panel.ie6-style .ie-r{background:url(../img/common/iealert/6_right.png)}
#ie-alert-panel.ie6-style .ie-b{background:url(../img/common/iealert/6_bottom.png)}
#ie-alert-panel.ie6-style .ie-t{background:url(https://livewellworld.com/wp-content/themes/livewell_world/img/common/iealert/6_top.png)}


/* ■■■■■■■■■■■■■■■■■■■■

sub time line

■■■■■■■■■■■■■■■■■■ */

.message-item {
margin-bottom: 25px;
margin-left: 40px;
position: relative;
}
.message-item .message-inner {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
position: relative;
}
.message-item .message-inner:before {
border-right: 10px solid #ddd;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -20px;
top: 6px;
width: 0;
}
.message-item .message-inner:after {
border-right: 10px solid #fff;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -18px;
top: 6px;
width: 0;
}
.message-item:before {
background: #fff;
border-radius: 2px;
bottom: -30px;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
content: "";
height: 100%;
left: -30px;
position: absolute;
width: 3px;
}
.message-item:after {
background: #fff;
border: 2px solid #ccc;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
content: "";
height: 15px;
left: -36px;
position: absolute;
top: 10px;
width: 15px;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.message-item .message-head {
border-bottom: 1px solid #eee;
margin-bottom: 8px;
padding-bottom: 8px;
}
.message-item .message-head .avatar {
margin-right: 20px;
}
.message-item .message-head .user-detail {
overflow: hidden;
}
.message-item .message-head .user-detail h5 {
font-size: 16px;
font-weight: bold;
margin: 0;
}
.message-item .message-head .post-meta {
float: left;
padding: 0 15px 0 0;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}


/* ■■■■■■■■■■■■■■■■■■■■

arrow_box

■■■■■■■■■■■■■■■■■■ */

.arrow_box_left {
	position: relative;
	background: #FFF;
	border: 1px solid #ccc;
	padding:10px;	
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box_left:before {
	border-color: rgba(51, 51, 51, 0);
	border-right-color: #ccc;
	border-width: 11px;
	margin-top: -11px;
}

.arrow_box_right {
	position: relative;
	background: #FFF;
	border: 1px solid #ccc;
	padding:10px;
}
.arrow_box_right:after, .arrow_box_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_right:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFF;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box_right:before {
	border-color: rgba(51, 51, 51, 0);
	border-left-color: #ccc;
	border-width: 11px;
	margin-top: -11px;
}
@media screen and (max-width: 767px) {

.arrow_box_right,arrow_box_left {
	position: relative;
	background: #FFF;
}
.arrow_box_right:after,.arrow_box_left:after, .arrow_box_right:before,.arrow_box_left:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_right:after,.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 0px;
	margin-left: 0px;
}
.arrow_box_right:before,.arrow_box_left:before {
	border-color: rgba(51, 51, 51, 0);
	border-width: 0px;
	margin-left: 0px;
}
}

/*!
 * form
 */
 
.form-control{
    background: transparent;
	padding: 6px 6px;
}
form {
	width: 100%;
	margin:0 auto;
}
form > div {
	position: relative;
	overflow: hidden;
}
form .form-group{
	width:95%;
	margin:15px auto;
}
form input[type="text"], form textarea {
	width: 100%;
	background: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 8px 12px;
	outline: 0;
}
form input[type="text"]:valid, form textarea:valid {
	background: white;
}
form input:focus, form textarea:focus {
	border-color: #34B6D0;
}
form input:focus + label, form textarea:focus + label {
	background: #34B6D0;
	color: white;
	font-size: 70%;
	padding: 1px 6px;
	z-index: 2;
	text-transform: uppercase;
}
form label {
	-webkit-transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
	transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
	position: absolute;
	color: #333;
	padding: 7px 12px;
	font-weight: normal;
}
form textarea {
	height:400px;
	display: block;
	resize: vertical;
}
form.go-bottom input[type="text"], form.go-bottom textarea{
	padding: 12px 12px 12px 12px;
}
form.go-bottom label {
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
form.go-bottom input[type="text"]:focus, form.go-bottom textarea:focus {
	padding: 15px 6px 35px 6px;
}
form.go-bottom input:focus + label, form.go-bottom textarea:focus + label {
	top: 100%;
	margin-top: -16px;
}
form.go-right label {
	border-radius: 0 5px 5px 0;
	height: 100%;
	top: 0;
	right: 100%;
	width: 100%;
	margin-right: -100%;
}
form.go-right input:focus + label, form.go-right textarea:focus + label {
	right: 0;
	margin-right: 0;
	width: 40%;
	padding-top: 5px;
}


/* ■■■■■■■■■■■■■■■■■■■■

Plans

■■■■■■■■■■■■■■■■■■ */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
.my_planTitle {
    font-size:16px;
	padding:20px 0;
	color:#fff;
}

@media (max-width: 768px) {
    .my_planTitle {
        font-size:small;
    }    
}

/* --- Features ------------------------- */

.my_feature {
    line-height:32px;   
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
 }

.my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border:1px solid #eee;
	background:#fefefe;
}    

/* --- Plan 1 --------------------------- */
.my_plan1 {
    background: #91E4F4;
}


.my_planHeader.my_plan1 {
    background: #44c3dc;
    border-bottom: thick solid #34b6d0;
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
    background: #81DDEF;
}

.my_planHeader.my_plan2 {
    background: #34b6d0;
    border-bottom: thick solid #0c8ca5;
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
    background: #6CCEE2;
}

.my_planHeader.my_plan3 {
    background: #0c8ca5;
    border-bottom: thick solid #045767;
}

.my_planFeature {
    text-align: center;
    font-size: 16px;
	line-height:32px;
}

/* ■■■■■■■■■■■■■■■■■■■■

hot40yoga スケジュール

■■■■■■■■■■■■■■■■■■ */

    .event-list {
		list-style: none;
		font-family: 'Lato', sans-serif;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
	}
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: #34B6D0;
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: #91E4F4;
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		display: block;
		font-size: 42px;
	}
	.event-list > li time > .month {
		display: block;
	}
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		margin: 0px;
	}
	.event-list > li > .info > ul,
	.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .social > ul {
		margin: 0px;
	}
	.event-list > li > .info > ul > li,
	.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 90px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 90px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 90px;
			text-align: left;
			padding-right: 40px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}

span.wpcf7-not-valid-tip {
    background: #f00;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    display: block;
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    background: #f7e700;
    font-size: 1.2em;
    font-weight: bold;
}
/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */
 
.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}