@-webkit-keyframes form-checkbox-animate-tick {0% {
    opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0)
}
50% {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale3d(1.4, 1.4, 1.4);
	-o-transform: scale3d(1.4, 1.4, 1.4);
	-moz-transform: scale3d(1.4, 1.4, 1.4);
	transform: scale3d(1.4, 1.4, 1.4)
}
100% {
	-webkit-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
@keyframes form-checkbox-animate-tick {0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0)
}
50% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale3d(1.4, 1.4, 1.4);
-o-transform: scale3d(1.4, 1.4, 1.4);
-moz-transform: scale3d(1.4, 1.4, 1.4);
transform: scale3d(1.4, 1.4, 1.4)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}

}
.fp-inp .input-group,.fp-inp .input-group-two,.fp-inp .input-group-three {
width: 100%
}
.fp-inp .input-group:before,.fp-inp .input-group-two:before,.fp-inp .input-group-three:before,.fp-inp .input-group:after,.fp-inp .input-group-two:after,.fp-inp .input-group-three:after {
content: " ";
display: table
}
.fp-inp .input-group:after,.fp-inp .input-group-two:after,.fp-inp .input-group-three:after {
clear: both
}
.fp-inp .input-group input,.fp-inp .input-group-two input,.fp-inp .input-group-three input {
margin-left: -1px
}
.fp-inp .input-group input:first-child,.fp-inp .input-group-two input:first-child,.fp-inp .input-group-three input:first-child {
margin-left: 0px
}
.fp-inp .input-group .input-icon input,.fp-inp .input-group-two .input-icon input,.fp-inp .input-group-three .input-icon input {
width: 100%
}
.fp-inp .input-group .input-icon:first-child input,.fp-inp .input-group-two .input-icon:first-child input,.fp-inp .input-group-three .input-icon:first-child input {
margin-left: 0px
}
.fp-inp._s-line .input-group input,.fp-inp._s-line .input-group-two input,.fp-inp._s-line .input-group-three input {
border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-clip: padding-box
}
.fp-inp._s-line .input-group input:first-child,.fp-inp._s-line .input-group-two input:first-child,.fp-inp._s-line .input-group-three input:first-child {
border-radius: 2px 0px 0px 2px;
-o-border-radius: 2px 0px 0px 2px;
-ms-border-radius: 2px 0px 0px 2px;
-moz-border-radius: 2px 0px 0px 2px;
-webkit-border-radius: 2px 0px 0px 2px;
background-clip: padding-box
}
.fp-inp._s-line .input-group input:last-child,.fp-inp._s-line .input-group-two input:last-child,.fp-inp._s-line .input-group-three input:last-child {
border-radius: 0px 2px 2px 0px;
-o-border-radius: 0px 2px 2px 0px;
-ms-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
-webkit-border-radius: 0px 2px 2px 0px;
background-clip: padding-box
}
.fp-inp._s-line .input-group .input-icon:first-child input,.fp-inp._s-line .input-group-two .input-icon:first-child input,.fp-inp._s-line .input-group-three .input-icon:first-child input {
border-radius: 2px 0px 0px 2px;
-o-border-radius: 2px 0px 0px 2px;
-ms-border-radius: 2px 0px 0px 2px;
-moz-border-radius: 2px 0px 0px 2px;
-webkit-border-radius: 2px 0px 0px 2px;
background-clip: padding-box
}
.fp-inp._s-line .input-group .input-icon:last-child input,.fp-inp._s-line .input-group-two .input-icon:last-child input,.fp-inp._s-line .input-group-three .input-icon:last-child input {
border-radius: 0px 2px 2px 0px;
-o-border-radius: 0px 2px 2px 0px;
-ms-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
-webkit-border-radius: 0px 2px 2px 0px;
background-clip: padding-box
}
.fp-inp._s-raised .input-group,.fp-inp._s-raised .input-group-two,.fp-inp._s-raised .input-group-three {
margin-bottom: 1.5em;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2)
}
.fp-inp._s-raised .input-group input,.fp-inp._s-raised .input-group-two input,.fp-inp._s-raised .input-group-three input {
margin: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}
.fp-inp .input-group-two input,.fp-inp .input-group-two .input-icon {
float: left;
position: relative;
width: 50%
}
.fp-inp .input-group-three input,.fp-inp .input-group-three .input-icon {
float: left;
position: relative;
width: 33.33333%
}
.fp-inp .input-icon {
position: relative
}
.fp-inp .input-icon i {
position: absolute;
right: 12px;
margin-top: 17px;
font-size: 16px;
font-size: 1rem;
z-index: 4
}
.fp-inp .input-icon input {
padding-right: 36px
}
@font-face {
font-family: 'formplate';
src: url("//info.allaboutlearningpress.com/hubfs/formplate-webfont/icomoon.eot?c4hmew");
src: url("//info.allaboutlearningpress.com/hubfs/formplate-webfont/icomoon.eot?#iefixc4hmew") format("embedded-opentype"),url("//info.allaboutlearningpress.com/hubfs/formplate-webfont/icomoon.woff?c4hmew") format("woff"),url("//info.allaboutlearningpress.com/hubfs/formplate-webfont/icomoon.ttf?c4hmew") format("truetype"),url("//info.allaboutlearningpress.com/hubfs/formplate-webfont/icomoon.svg?c4hmew#icomoon") format("svg");
font-weight: normal;
font-style: normal
}
.fp-check {
position: relative;
font-family: "formplate"
}
.fp-check:before {
content: "";
display: inline-block;
position: relative;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 2px;
width: 25px;
height: 25px;
vertical-align: middle;
border: 1px solid #fff;
background-clip: border-box;
z-index: 1;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s
}
.fp-check:after {
content: "";
position: absolute;
top: 1px;
left: 7px;
height: 25px;
color: #fff;
line-height: 25px;
line-height: 1.5625rem;
font-size: 11px;
font-size: 0.6875rem;
z-index: 2
}
.fp-check._checked:after {
content: "\e600";
-webkit-animation: form-checkbox-animate-tick 0.5s;
animation: form-checkbox-animate-tick 0.5s
}
.fp-check>input {
padding: 0;
margin: 0;
position: absolute;
left: 0;
display: inline-block;
width: 25px;
height: 25px;
opacity: 0;
filter: alpha(opacity=0);
z-index: 3
}
.fp-check>input:hover {
cursor: pointer
}
.fp-check._s-line:before {
border: 1px solid #d9d9d9;
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box
}
.fp-check._s-flat:before {
background-color: #f5f5f5;
border: 1px solid #f5f5f5
}
.fp-check._s-raised:before {
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box;
box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15)
}
.fp-check._c-grey._checked:before,.fp-no-touch .fp-check._c-grey._checked:hover:before {
background-color: #e6e6e6;
border: 1px solid #e6e6e6
}
.fp-no-touch .fp-check._c-grey:hover:before {
border: 1px solid #e6e6e6
}
.fp-check._c-black._checked:before,.fp-no-touch .fp-check._c-black._checked:hover:before {
background-color: #383838;
border: 1px solid #383838
}
.fp-no-touch .fp-check._c-black:hover:before {
border: 1px solid #383838
}
.fp-check._c-white._checked:before,.fp-no-touch .fp-check._c-white._checked:hover:before {
background-color: #fff;
border: 1px solid #fff
}
.fp-no-touch .fp-check._c-white:hover:before {
border: 1px solid #fff
}
.fp-check._c-aqua._checked:before,.fp-no-touch .fp-check._c-aqua._checked:hover:before {
background-color: #1abc9c;
border: 1px solid #1abc9c
}
.fp-no-touch .fp-check._c-aqua:hover:before {
border: 1px solid #1abc9c
}
.fp-check._c-blue._checked:before,.fp-no-touch .fp-check._c-blue._checked:hover:before {
background-color: #3498db;
border: 1px solid #3498db
}
.fp-no-touch .fp-check._c-blue:hover:before {
border: 1px solid #3498db
}
.fp-check._c-green._checked:before,.fp-no-touch .fp-check._c-green._checked:hover:before {
background-color: #2ecc71;
border: 1px solid #2ecc71
}
.fp-no-touch .fp-check._c-green:hover:before {
border: 1px solid #2ecc71
}
.fp-check._c-orange._checked:before,.fp-no-touch .fp-check._c-orange._checked:hover:before {
background-color: #f39c12;
border: 1px solid #f39c12
}
.fp-no-touch .fp-check._c-orange:hover:before {
border: 1px solid #f39c12
}
.fp-check._c-pink._checked:before,.fp-no-touch .fp-check._c-pink._checked:hover:before {
background-color: #eb5367;
border: 1px solid #eb5367
}
.fp-no-touch .fp-check._c-pink:hover:before {
border: 1px solid #eb5367
}
.fp-check._c-purple._checked:before,.fp-no-touch .fp-check._c-purple._checked:hover:before {
background-color: #9b59b6;
border: 1px solid #9b59b6
}
.fp-no-touch .fp-check._c-purple:hover:before {
border: 1px solid #9b59b6
}
.fp-check._c-red._checked:before,.fp-no-touch .fp-check._c-red._checked:hover:before {
background-color: #e74c3c;
border: 1px solid #e74c3c
}
.fp-no-touch .fp-check._c-red:hover:before {
border: 1px solid #e74c3c
}
.fp-check._c-grey-blue._checked:before,.fp-no-touch .fp-check._c-grey-blue._checked:hover:before {
background-color: #aab2bd;
border: 1px solid #aab2bd
}
.fp-no-touch .fp-check._c-grey-blue:hover:before {
border: 1px solid #aab2bd
}
._t-radio:before,._t-radio._s-flat:before,._t-radio._s-line:before,._t-radio._s-raised:before {
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-clip: padding-box;
background-clip: border-box
}
@-moz-document url-prefix() {.fp-check._s-line,.fp-check._s-raised,.fp-check._s-flat {
line-height: 24px;
line-height: 1.5rem
}

}
.fp-inp input {
width: 100%;
padding: 14px;
margin: 0px;
margin-bottom: 1.5em;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 13px;
font-size: 0.8125rem;
background-color: #fff;
border: 1px solid #fff;
z-index: 1;
outline: none;
-webkit-appearance: none;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s
}
.fp-inp input:focus {
z-index: 2
}
@media only screen and (min-width: 43.813em) {.fp-inp input {
font-size: 14px;
font-size: 0.875rem
}

}
.fp-inp._s-line input {
border: 1px solid #d9d9d9;
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box
}
.fp-inp._s-line input:focus {
border: 1px solid #666;
background-color: #fff
}
.fp-inp._s-flat input {
background-color: #f5f5f5;
border: 1px solid #f5f5f5
}
.fp-inp._s-flat input:focus {
border: 1px solid #e6e6e6
}
.fp-inp._s-raised input {
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box;
box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15)
}
.fp-inp._s-raised input:focus {
border: 1px solid gray
}
.fp-inp._c-grey input:active,.fp-inp._c-grey input:focus {
border: 1px solid #e6e6e6
}
.fp-inp._c-black input:active,.fp-inp._c-black input:focus {
border: 1px solid #383838
}
.fp-inp._c-white input:active,.fp-inp._c-white input:focus {
border: 1px solid #fff
}
.fp-inp._c-aqua input:active,.fp-inp._c-aqua input:focus {
border: 1px solid #1abc9c
}
.fp-inp._c-blue input:active,.fp-inp._c-blue input:focus {
border: 1px solid #3498db
}
.fp-inp._c-green input:active,.fp-inp._c-green input:focus {
border: 1px solid #2ecc71
}
.fp-inp._c-orange input:active,.fp-inp._c-orange input:focus {
border: 1px solid #f39c12
}
.fp-inp._c-pink input:active,.fp-inp._c-pink input:focus {
border: 1px solid #eb5367
}
.fp-inp._c-purple input:active,.fp-inp._c-purple input:focus {
border: 1px solid #9b59b6
}
.fp-inp._c-red input:active,.fp-inp._c-red input:focus {
border: 1px solid #e74c3c
}
.fp-inp._c-grey-blue input:active,.fp-inp._c-grey-blue input:focus {
border: 1px solid #aab2bd
}
label {
display: inline-block;
padding: 0;
margin: 0;
margin-bottom: 6px;
color: #383838;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: normal
}
.fp-no-touch label:hover {
cursor: pointer
}
.fp-sel {
display: inline-block;
position: relative;
width: auto;
font-family: "formplate";
background-color: #fff;
border: 1px solid #fff;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s
}
.fp-sel:before {
position: absolute;
right: 7px;
height: 45px;
content: "\e601";
font-size: 20px;
line-height: 46px;
line-height: 2.875rem;
color: #d9d9d9;
z-index: 1;
-webkit-transition: color 0.2s ease-out 0s;
-moz-transition: color 0.2s ease-out 0s;
-o-transition: color 0.2s ease-out 0s;
-ms-transition: color 0.2s ease-out 0s;
transition: color 0.2s ease-out 0s
}
.fp-sel select {
position: relative;
height: 45px;
width: 110%;
margin: 0px;
padding-left: 12px;
padding-right: 48px;
border: medium none #000;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
letter-spacing: normal;
font-size: 14px;
font-size: 0.875rem;
text-transform: none;
word-spacing: normal;
word-wrap: normal;
outline: none;
-webkit-user-select: text;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
z-index: 2
}
.fp-sel select::-ms-expand {
display: none
}
.fp-no-touch .fp-sel:hover:before {
color: #666
}
.fp-sel._s-line {
border: 1px solid #d9d9d9;
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box
}
.fp-no-touch .fp-sel._s-line:hover {
border: 1px solid #666
}
.fp-sel._s-flat {
background-color: #f5f5f5;
border: 1px solid #f5f5f5
}
.fp-no-touch .fp-sel._s-flat:hover {
border: 1px solid gray
}
.fp-sel._s-raised {
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box;
box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2)
}
.fp-no-touch .fp-sel._s-raised:hover {
border: 1px solid gray
}
.fp-no-touch .fp-sel._c-grey:hover {
border: 1px solid #e6e6e6
}
.fp-no-touch .fp-sel._c-grey:hover:before {
color: #e6e6e6
}
.fp-no-touch .fp-sel._c-black:hover {
border: 1px solid #383838
}
.fp-no-touch .fp-sel._c-black:hover:before {
color: #383838
}
.fp-no-touch .fp-sel._c-white:hover {
border: 1px solid #fff
}
.fp-no-touch .fp-sel._c-white:hover:before {
color: #fff
}
.fp-no-touch .fp-sel._c-aqua:hover {
border: 1px solid #1abc9c
}
.fp-no-touch .fp-sel._c-aqua:hover:before {
color: #1abc9c
}
.fp-no-touch .fp-sel._c-blue:hover {
border: 1px solid #3498db
}
.fp-no-touch .fp-sel._c-blue:hover:before {
color: #3498db
}
.fp-no-touch .fp-sel._c-green:hover {
border: 1px solid #2ecc71
}
.fp-no-touch .fp-sel._c-green:hover:before {
color: #2ecc71
}
.fp-no-touch .fp-sel._c-orange:hover {
border: 1px solid #f39c12
}
.fp-no-touch .fp-sel._c-orange:hover:before {
color: #f39c12
}
.fp-no-touch .fp-sel._c-pink:hover {
border: 1px solid #eb5367
}
.fp-no-touch .fp-sel._c-pink:hover:before {
color: #eb5367
}
.fp-no-touch .fp-sel._c-purple:hover {
border: 1px solid #9b59b6
}
.fp-no-touch .fp-sel._c-purple:hover:before {
color: #9b59b6
}
.fp-no-touch .fp-sel._c-red:hover {
border: 1px solid #e74c3c
}
.fp-no-touch .fp-sel._c-red:hover:before {
color: #e74c3c
}
.fp-no-touch .fp-sel._c-grey-blue:hover {
border: 1px solid #aab2bd
}
.fp-no-touch .fp-sel._c-grey-blue:hover:before {
color: #aab2bd
}
@-moz-document url-prefix() {.fp-sel select {
padding-top: 10px;
padding-bottom: 8px
}

}
.no-cssanimations .fp-sel:after {
display: none;
content: ""
}
.no-cssanimations .fp-sel select {
width: 100%;
padding-top: 7px;
padding-right: 12px;
padding-bottom: 9px;
padding-left: 12px
}
.fp-text textarea {
width: 100%;
height: 114px;
padding: 12px;
margin: 0px;
margin-bottom: 1.5em;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 13px;
font-size: 0.8125rem;
background-color: #fff;
border: 1px solid #fff;
z-index: 1;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
outline: none;
-webkit-appearance: none
}
.fp-text textarea:focus {
z-index: 2
}
@media only screen and (min-width: 43.813em) {.fp-text textarea {
font-size: 14px;
font-size: 0.875rem
}

}
.fp-text._s-line textarea {
border: 1px solid #d9d9d9;
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box
}
.fp-text._s-line textarea:focus {
border: 1px solid #666
}
.fp-text._s-flat textarea {
background-color: #f5f5f5;
border: 1px solid #f5f5f5
}
.fp-text._s-flat textarea:focus {
border: 1px solid #e6e6e6
}
.fp-text._s-raised textarea {
border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box;
box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15)
}
.fp-text._s-raised textarea:focus {
border: 1px solid gray
}
.fp-text._c-grey textarea:active,.fp-text._c-grey textarea:focus {
border: 1px solid #e6e6e6
}
.fp-text._c-black textarea:active,.fp-text._c-black textarea:focus {
border: 1px solid #383838
}
.fp-text._c-white textarea:active,.fp-text._c-white textarea:focus {
border: 1px solid #fff
}
.fp-text._c-aqua textarea:active,.fp-text._c-aqua textarea:focus {
border: 1px solid #1abc9c
}
.fp-text._c-blue textarea:active,.fp-text._c-blue textarea:focus {
border: 1px solid #3498db
}
.fp-text._c-green textarea:active,.fp-text._c-green textarea:focus {
border: 1px solid #2ecc71
}
.fp-text._c-orange textarea:active,.fp-text._c-orange textarea:focus {
border: 1px solid #f39c12
}
.fp-text._c-pink textarea:active,.fp-text._c-pink textarea:focus {
border: 1px solid #eb5367
}
.fp-text._c-purple textarea:active,.fp-text._c-purple textarea:focus {
border: 1px solid #9b59b6
}
.fp-text._c-red textarea:active,.fp-text._c-red textarea:focus {
border: 1px solid #e74c3c
}
.fp-text._c-grey-blue textarea:active,.fp-text._c-grey-blue textarea:focus {
border: 1px solid #aab2bd
}
.fp-tog {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
background-color: #f5f5f5;
border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-clip: padding-box;
-webkit-transition: background-color 0.2s ease-out 0s;
-moz-transition: background-color 0.2s ease-out 0s;
-o-transition: background-color 0.2s ease-out 0s;
-ms-transition: background-color 0.2s ease-out 0s;
transition: background-color 0.2s ease-out 0s
}
.fp-tog>input {
padding: 0;
margin: 0;
position: absolute;
width: 50px;
height: 30px;
opacity: 0;
filter: alpha(opacity=0);
z-index: 1
}
.fp-no-touch .fp-tog>input:hover {
cursor: pointer
}
.fp-tog .handle {
display: block;
position: absolute;
top: 1px;
left: 1px;
width: 28px;
height: 28px;
background-color: #fff;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-clip: padding-box;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s
}
.fp-tog._checked {
background-color: #666
}
.fp-tog._checked .handle {
-webkit-transform: translateX(20px);
-o-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px)
}
.fp-tog._s-line {
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15)
}
.fp-tog._s-raised {
background-color: #bfbfbf;
box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2)
}
.fp-no-touch .fp-tog:hover {
cursor: pointer
}
.fp-tog._c-grey._checked {
background-color: #e6e6e6
}
.fp-tog._c-black._checked {
background-color: #383838
}
.fp-tog._c-white._checked {
background-color: #fff
}
.fp-tog._c-aqua._checked {
background-color: #1abc9c
}
.fp-tog._c-blue._checked {
background-color: #3498db
}
.fp-tog._c-green._checked {
background-color: #2ecc71
}
.fp-tog._c-orange._checked {
background-color: #f39c12
}
.fp-tog._c-pink._checked {
background-color: #eb5367
}
.fp-tog._c-purple._checked {
background-color: #9b59b6
}
.fp-tog._c-red._checked {
background-color: #e74c3c
}
.fp-tog._c-grey-blue._checked {
background-color: #aab2bd
}