@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}

 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
 html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} a {
color: #c9131e;
outline: none;
}
a:hover {
color: rgb(154.4045454545, 14.5954545455, 23.0454545455);
}
img {
max-width: 100%;
height: auto;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #ddd;
margin: 30px 0;
}
body {
-webkit-text-size-adjust: 100%;
font-size: 16px;
font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.4;
background: #f7f7fb;
color: #333;
margin-top: 70px;
}
@media screen and (max-width: 575px) {
body {
margin-top: 50px;
}
}
#wrapper,
header,
section,
footer {
margin: 0 auto;
}
iframe {
max-width: 100%;
} #header-box {
position: fixed;
z-index: 99998;
background: #fff;
width: 100%;
top: 0;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
header {
position: relative;
}
@media screen and (min-width: 1281px) {
header {
display: flex;
justify-content: space-between;
align-items: center;
}
}
#site-title {
margin-right: auto;
}
#site-title a {
display: block;
margin-left: 10px;
padding: 7px 0 0;
}
#site-title a img {
height: 80px;
}
@media screen and (max-width: 1280px) {
#site-title a img {
height: 57px;
}
}
@media screen and (max-width: 1079px) {
#site-title a img {
height: 57px;
}
}
@media screen and (max-width: 575px) {
#site-title a img {
height: 37px;
}
}
#main-menu {
display: none;
text-align: center;
}
@media screen and (min-width: 1281px) {
#main-menu {
display: block;
text-align: left;
}
}
#main-menu > li {
font-size: 13px;
text-align: center;
font-weight: bold;
box-sizing: border-box;
border-right: 1px solid #ddd;
}
@media screen and (min-width: 1281px) {
#main-menu > li {
font-size: 14px;
}
}
@media screen and (min-width: 1080px) {
#main-menu > li {
float: left;
}
#main-menu > li:last-child {
border-right: none;
}
}
@media screen and (max-width: 1280px) {
#main-menu > li {
display: inline-block;
float: left;
display: block;
width: 20%;
border-bottom: 1px solid #ddd;
}
#main-menu > li:nth-child(5n) {
border-right: none;
}
}
@media screen and (max-width: 991px) {
#main-menu > li {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
#main-menu > li {
width: 33.3%;
font-size: 11px;
}
#main-menu > li:nth-child(5n) {
border-right: 1px solid #ddd;
}
#main-menu > li:nth-child(3n) {
border-right: none;
}
}
#main-menu a {
text-decoration: none;
color: #333;
padding: 17px 20px;
transition: 0.1s;
display: block;
}
@media screen and (max-width: 1280px) {
#main-menu a {
padding: 17px 9px;
}
}
@media screen and (max-width: 575px) {
#main-menu a {
padding: 17px 5px;
}
}
#main-menu a:hover {
color: #c9131e;
}
#main-menu span {
position: relative;
display: block;
font-size: 11px;
font-family: "Josefin Sans", sans-serif;
text-transform: uppercase;
color: #c9131e;
font-weight: bold;
margin-top: 2px;
}
#main-menu span:hover {
color: #333;
}
#main-menu span::before {
content: "";
display: inline-block;
width: 0;
height: 4px;
background: #c9131e;
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
transition: width 0.1s;
}
#main-menu a:hover span::before {
width: 100%;
}
#main-menu .sub-menu {
display: none;
position: absolute;
z-index: 100000;
background: #fff;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#main-menu .sub-menu li a {
padding: 10px 15px;
display: block;
border-bottom: 1px solid #ddd;
} #main-menu .sub-menu li:last-child a {
border-bottom: none;
}
#main-menu .sub-menu li a:hover {
background: #c9131e;
color: #fff;
}
.single-products body:not(.home) #main-menu .menu-item-object-products span::before,
body:not(.home) #main-menu .current-menu-item span::before {
width: 100%;
}
#link-en {
background: #c9131e;
color: #fff;
display: block;
float: right;
width: 70px;
height: 70px;
padding-top: 10px;
text-align: center;
text-decoration: none;
font-size: 12px;
line-height: 12px;
box-sizing: border-box;
transition: 0.3s;
}
@media screen and (max-width: 1079px) {
#link-en {
display: none;
}
}
#link-en:hover {
color: #c9131e;
background: #ddd;
}
#link-en:hover #globe {
fill: #c9131e;
}
#link-en #globe {
fill: #ffffff;
width: 30px;
transition: 0.3s;
}
#btn {
display: none;
}
@media screen and (max-width: 1280px) {
#btn {
display: block;
width: 70px;
height: 70px;
right: 0;
top: 0;
position: fixed;
z-index: 100001;
transition: 0.4s;
background: #c9131e;
}
}
@media screen and (max-width: 1280px) and (max-width: 575px) {
#btn {
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 1280px) {
#btn:before, #btn:after, #btn span {
display: block;
width: 55%;
position: absolute;
left: 0;
right: 0;
margin: auto;
transition: 0.35s ease-in-out;
}
#btn span {
height: 3px;
background-color: #fff;
top: calc(50% - 1.5px);
}
#btn:before {
content: "";
top: calc(30% - 3px);
border-top: 3px solid #fff;
}
#btn:after {
content: "";
bottom: calc(30% - 3px);
border-bottom: 3px solid #fff;
}
#btn.on span {
display: none;
}
#btn.on:before {
top: calc(50% - 1.5px);
transform: rotate(315deg);
}
#btn.on:after {
bottom: calc(50% - 1.5px);
transform: rotate(-315deg);
}
} #footer-box {
background: #c9131e;
color: #fff;
padding: 80px 0 0;
}
@media screen and (min-width: 768px) {
#footer-title,
#footer-text,
#top-icons {
width: 30%;
float: left;
}
#footer-text {
width: 40%;
float: left;
}
}
#footer-title img {
margin-bottom: 20px;
height: 80px;
}
@media screen and (max-width: 767px) {
#footer-title img {
height: 80px;
margin: 0 auto 20px;
}
}
#footer-text {
text-align: center;
}
#top-icons {
font-size: 30px;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
#top-icons {
margin: 0;
font-size: 40px;
text-align: right;
}
}
#top-icons i {
margin: 0 10px;
}
@media screen and (max-width: 767px) {
#footer-address {
float: none;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
}
@media screen and (max-width: 575px) {
#footer-address {
width: 96%;
margin-right: 2%;
margin-left: 2%;
}
}
@media screen and (min-width: 1080px) {
footer {
width: 1080px;
}
}
footer a {
color: #fff;
text-decoration: none;
}
footer a:hover {
color: #fff;
text-decoration: underline;
}
#footer-menu {
margin: 50px 0 0;
clear: both;
text-align: center;
box-sizing: border-box;
font-size: 0;
}
#footer-menu li {
font-size: 12px;
display: inline-block;
border-right: solid 1px #fff;
}
#footer-menu li:last-child {
border: none;
}
#footer-menu li a {
padding: 0 10px;
}
#footer-menu li span {
display: none;
}
#footer-contact {
margin: 20px 0 0;
}
#footer-contact a {
padding: 10px 20px;
border: solid 1px #fff;
display: inline-block;
transition: 0.3s;
}
#footer-contact a:hover {
background: #fff;
color: rgb(154.4045454545, 14.5954545455, 23.0454545455);
text-decoration: none;
}
#copyright {
clear: both;
text-align: center;
font-size: 10px;
padding: 10px 0;
margin: 60px 0 0;
background: rgb(107.8090909091, 10.1909090909, 16.0909090909);
}
@media screen and (min-width: 768px) {
#copyright br {
display: none;
}
}
#backtotop {
display: none;
position: fixed;
z-index: 100;
bottom: 50px;
right: 50px;
}
#backtotop a {
font-size: 50px;
}
#backtotop a i {
color: rgb(154.4045454545, 14.5954545455, 23.0454545455);
}
@media screen and (max-width: 767px) {
#backtotop {
bottom: 2%;
right: 5%;
}
#backtotop a {
font-size: 40px;
}
} article {
position: relative;
padding: 80px 0;
box-sizing: border-box;
background: #fff;  }
article img {
max-width: 100%;
height: auto;
}
article p {
margin: 30px 0;
line-height: 2;
}
article p.lineheight-l {
line-height: 2em;
}
@media screen and (max-width: 767px) {
article p {
font-size: 14px;
line-height: 1.6;
margin: 20px 0;
}
}
article h3 {
margin: 50px 0;
font-size: 30px;
}
@media screen and (max-width: 991px) {
article h3 {
font-size: 30px;
margin: 90px 0 70px;
}
}
@media screen and (max-width: 767px) {
article h3 {
font-size: 24px;
margin: 90px 0 30px;
}
}
@media screen and (max-width: 575px) {
article h3 {
font-size: 20px;
}
}
article h4 {
font-size: 24px;
margin: 30px 0;
color: #c9131e;
}
@media screen and (max-width: 991px) {
article h4 {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
article h4 {
font-size: 22px;
}
}
@media screen and (max-width: 575px) {
article h4 {
font-size: 18px;
font-weight: bold;
}
article h4 span {
font-weight: normal;
}
}
article h5 {
font-size: 20px;
margin: 20px 0;
}
@media screen and (max-width: 991px) {
article h5 {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
article h5 {
font-size: 16px;
}
}
@media screen and (max-width: 575px) {
article h5 {
font-size: 14px;
font-weight: bold;
}
}
article table {
width: 100%;
}
body:not(.home) section {
background: #f7f7fb;
max-width: 1280px;
}
@media screen and (max-width: 1280px) {
body:not(.home) section {
padding: 0 20px;
}
}
@media screen and (max-width: 1280px) {
body:not(.home) section {
padding: 0 15px;
}
}
body:not(.home) section article {
padding: 30px;
margin-bottom: 50px;
}
@media screen and (max-width: 575px) {
body:not(.home) section article {
padding: 15px;
}
}
body:not(.home) section article > h3:first-child {
margin-top: 20px;
}
#content-box {
width: 100%;
box-sizing: border-box;
margin-right: 30px;
}
#content-inner h3 {
border-bottom: solid 3px #ddd;
position: relative;
padding-bottom: 3px;
}
#content-inner h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #c9131e;
bottom: -3px;
width: 15%;
}
#sidebar {
flex-shrink: 0;
font-size: 14px;
}
@media screen and (min-width: 992px) {
#sidebar {
width: 360px;
}
} .swiper-slide img {
width: 100%;
}
.swiper-container {
width: 100%;
transition: opacity 0.6s ease;
}
.swiper-container.loading {
opacity: 0;
visibility: hidden;
}
.catch-text {
font-size: 32px;
}
@media screen and (max-width: 1280px) {
.catch-text {
font-size: 26px;
}
}
@media screen and (max-width: 1079px) {
.catch-text {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.catch-text {
font-size: 18px;
}
}
@media screen and (max-width: 575px) {
.catch-text {
font-size: 16px;
}
}
.catch-inner-color p {
color: #333;
}
.catch-button {
border: solid 2px #c9131e;
background: #c9131e;
border-radius: 50px;
margin-top: 40px;
padding: 10px 30px;
font-size: 18px;
display: inline-block;
position: relative;
text-indent: 0.4em;
transition: 0.3s;
}
@media screen and (max-width: 1079px) {
.catch-button {
padding: 7px 15px;
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.catch-button {
padding: 4px 15px;
font-size: 12px;
}
}
.catch-button:before {
font-family: Fontawesome;
content: "\f054";
left: 1em;
position: absolute;
top: 50%;
margin-top: -6px;
font-size: 60%;
}
@media screen and (max-width: 1079px) {
footer,
#banner-box {
width: 96%;
margin-right: 2%;
margin-left: 2%;
}
}
#index-message {
background: url(//school.alfanote.jp/wp-content/themes/sc/img/bg-top-contact.png) no-repeat right bottom, url(//school.alfanote.jp/wp-content/themes/sc/img/bg-top-contact2.png) no-repeat left bottom;
background-color: #fff;
background-size: 40%;
}
@media screen and (min-width: 1080px) {
#index-message {
background-size: auto;
}
}
#index-message-inner {
margin-bottom: 60px;
}
#index-message-inner h3 {
font-size: 26px;
font-weight: bold;
}
@media screen and (max-width: 1079px) {
#index-message-inner,
#index-recruit-inner,
#index-contact-inner {
padding-right: 5%;
padding-left: 5%;
}
}
#index-message-inner p:not(.phone),
#index-recruit-inner p:not(.phone),
#index-contact-inner p:not(.phone) {
margin: 20px 0;
}
@media screen and (max-width: 767px) {
#index-message-inner p:not(.phone),
#index-recruit-inner p:not(.phone),
#index-contact-inner p:not(.phone) {
font-size: 13px;
}
}
@media screen and (max-width: 575px) {
#index-message-inner p:not(.phone):not(.text-center):not(.link-button),
#index-recruit-inner p:not(.phone):not(.text-center):not(.link-button),
#index-contact-inner p:not(.phone):not(.text-center):not(.link-button) {
text-align: left;
}
}
#index-contact {
background: #fff;
}
#index-contact-img {
max-width: 1281px;
margin: 0 2% 50px;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 992px) {
#index-contact-img {
margin: 0 auto 90px;
}
}
#index-contact-img li {
width: 30%;
}
#index-contact-img li img {
border-radius: 320px;
}
#index-news #news-list,
#archive-news #news-list,
#single-news #news-list {
background: #fff;
margin: 0 auto 40px;
box-sizing: border-box;
padding: 5px 20px;
}
@media screen and (min-width: 576px) {
#index-news #news-list,
#archive-news #news-list,
#single-news #news-list {
padding: 20px;
}
}
#index-news #news-list li,
#archive-news #news-list li,
#single-news #news-list li {
box-sizing: border-box;
border-bottom: solid 1px #ddd;
text-align: left;
}
#index-news #news-list li:last-child,
#archive-news #news-list li:last-child,
#single-news #news-list li:last-child {
border: none;
}
#index-news #news-list li p,
#archive-news #news-list li p,
#single-news #news-list li p {
box-sizing: border-box;
font-size: 14px;
}
@media screen and (min-width: 992px) {
#index-news #news-list li p,
#archive-news #news-list li p,
#single-news #news-list li p {
margin: 10px;
}
}
@media screen and (min-width: 992px) {
#index-news #news-list li p,
#archive-news #news-list li p,
#single-news #news-list li p {
font-size: 16px;
}
}
#index-news #news-list li p.list-time,
#archive-news #news-list li p.list-time,
#single-news #news-list li p.list-time {
flex-shrink: 0;
min-width: 90px;
}
#index-news #news-list li p.list-cat,
#archive-news #news-list li p.list-cat,
#single-news #news-list li p.list-cat {
flex-shrink: 0;
transition: 0.3s;
background: #c9131e;
color: #fff;
font-size: 10px;
padding: 1px 5px;
min-width: 60px;
text-align: center;
border: solid 1px #c9131e;
display: inline-block;
margin: 0 5px;
}
@media screen and (min-width: 992px) {
#index-news #news-list li p.list-cat,
#archive-news #news-list li p.list-cat,
#single-news #news-list li p.list-cat {
font-size: 12px;
}
}
#index-news #news-list li p.list-text,
#archive-news #news-list li p.list-text,
#single-news #news-list li p.list-text {
width: 100%;
}
#index-news #news-list li p.list-text span,
#archive-news #news-list li p.list-text span,
#single-news #news-list li p.list-text span {
font-size: 10px;
}
@media screen and (min-width: 992px) {
#index-news #news-list li p.list-text span,
#archive-news #news-list li p.list-text span,
#single-news #news-list li p.list-text span {
font-size: 12px;
}
}
#index-news #news-list li a,
#archive-news #news-list li a,
#single-news #news-list li a {
transition: 0.3s;
text-decoration: none;
color: #333;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px 0;
}
@media screen and (min-width: 992px) {
#index-news #news-list li a,
#archive-news #news-list li a,
#single-news #news-list li a {
flex-wrap: nowrap;
padding: 0;
}
}
#index-news #news-list li a:hover,
#archive-news #news-list li a:hover,
#single-news #news-list li a:hover {
color: #c9131e;
}
#index-news #news-list li.list-news a:hover .list-cat,
#archive-news #news-list li.list-news a:hover .list-cat,
#single-news #news-list li.list-news a:hover .list-cat {
background: #fff;
color: #c9131e;
}
#index-news #news-list li.list-blog a:hover,
#archive-news #news-list li.list-blog a:hover,
#single-news #news-list li.list-blog a:hover {
color: #05537d;
}
#index-news #news-list li.list-blog a:hover .list-cat,
#archive-news #news-list li.list-blog a:hover .list-cat,
#single-news #news-list li.list-blog a:hover .list-cat {
background: #fff;
color: #05537d;
}
#index-news #news-list li.list-blog .list-cat,
#archive-news #news-list li.list-blog .list-cat,
#single-news #news-list li.list-blog .list-cat {
background: #05537d;
border-color: #05537d;
}
#index-news #news-list li.list-events a:hover,
#archive-news #news-list li.list-events a:hover,
#single-news #news-list li.list-events a:hover {
color: #c9c526;
}
#index-news #news-list li.list-events a:hover .list-cat,
#archive-news #news-list li.list-events a:hover .list-cat,
#single-news #news-list li.list-events a:hover .list-cat {
background: #fff;
color: #c9c526;
}
#index-news #news-list li.list-events .list-cat,
#archive-news #news-list li.list-events .list-cat,
#single-news #news-list li.list-events .list-cat {
background: #c9c526;
border-color: #c9c526;
}
#index-news #news-list li.list-column a:hover,
#archive-news #news-list li.list-column a:hover,
#single-news #news-list li.list-column a:hover {
color: #007d1f;
}
#index-news #news-list li.list-column a:hover .list-cat,
#archive-news #news-list li.list-column a:hover .list-cat,
#single-news #news-list li.list-column a:hover .list-cat {
background: #fff;
color: #007d1f;
}
#index-news #news-list li.list-column .list-cat,
#archive-news #news-list li.list-column .list-cat,
#single-news #news-list li.list-column .list-cat {
background: #007d1f;
border-color: #007d1f;
}
#index-news-inner {
max-width: 1281px;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
#index-news-list,
#archive-news-list {
display: flex;
}
}
#index-news-list #news-list-container,
#archive-news-list #news-list-container {
width: 100%;
margin-right: 30px;
background: #fff;
}
#index-news-list #news-list-container h3,
#archive-news-list #news-list-container h3 {
margin: 0 20px;
padding-top: 30px;
}
@media screen and (min-width: 992px) {
#index-news-list #news-list-container h3,
#archive-news-list #news-list-container h3 {
padding: 0;
margin: 30px 30px 0 30px;
}
}
@media screen and (min-width: 992px) {
#index-news-list #index-twitter,
#archive-news-list #index-twitter {
width: 360px;
flex-shrink: 0;
}
}
section {
position: relative;
padding-bottom: 100px;
}
.home section {
padding: 80px 0 40px;
text-align: center;
}
@media screen and (max-width: 575px) {
.home section {
padding: 40px 0;
}
}
.single-course section {
background: #f7f7fb;
}
@media screen and (min-width: 992px) {
section.section-flex {
display: flex;
}
}
#index-recruit-box {
background: url(//school.alfanote.jp/wp-content/themes/sc/img/bg-top-recruit.jpg) no-repeat center center/cover;
}
.news-time {
text-align: right;
margin: -30px 0 10px;
}
.news-time:before {
content: "\f017";
font-family: Fontawesome;
margin-right: 5px;
color: #c9131e;
}
#news-wrapper {
max-width: 1080px;
margin: 0 auto;
display: flex;
}
@media screen and (max-width: 1079px) {
#news-wrapper {
margin: 0 5%;
}
}
#news-inner #news-list {
margin-right: 20px;
}
.news-title {
margin: 10px 0;
font-size: 18px;
font-weight: bold;
position: relative;
padding-bottom: 0.5em;
border-bottom: 2px solid #ddd;
}
.news-title::after {
position: absolute;
bottom: -2px;
left: 0;
z-index: 2;
content: "";
width: 20%;
height: 2px;
background-color: #c9131e;
} @media screen and (min-width: 992px) {
.alignleft {
float: left;
margin: 0 30px 30px 0;
}
.alignright {
float: right;
margin: 0 0 30px 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
}
.wp-caption {
max-width: 100%;
}
.pagination-box {
clear: both;
margin: 20px 0;
}
#pagination {
color: #333;
padding: 20px 0;
text-align: center;
}
#pagination a {
color: #333;
}
#pagination a:hover {
border: 1px solid #c9131e;
}
#pagination .current {
background: #c9131e;
color: #fff;
}
#pagination a,
.page-numbers {
background: #fff none repeat scroll 0 0;
padding: 5px 10px;
text-decoration: none;
border: 1px solid #ddd;
display: inline-block;
margin-bottom: 10px;
}
#single-pagination {
background: #fff none repeat scroll 0 0;
margin-top: 20px;
}
.navi-pre-next {
margin: 30px auto 50px;
max-width: 900px;
}
.navi-pre-next .prev,
.navi-pre-next .next {
width: 48%;
float: left;
background: #fff;
padding: 10px;
box-sizing: border-box;
font-size: 14px;
line-height: 1.2;
}
@media screen and (max-width: 575px) {
.navi-pre-next .prev,
.navi-pre-next .next {
font-size: 12px;
}
}
.navi-pre-next a {
text-decoration: none;
color: #333;
}
.navi-pre-next a:hover {
text-decoration: underline;
color: #333;
}
.navi-pre-next .prev {
float: right;
text-align: right;
margin-left: 4%;
}
.gallery-item {
margin-right: 2px;
}
.gallery-item img {
border: none !important;
} .gallery {
overflow: hidden;
margin: 40px 0;
}
.gallery-item {
float: left;
margin-top: 0;
margin-bottom: 20px;
margin-left: 0;
}
.gallery-item img {
border: 2px solid #fff !important;
max-height: 133px;
width: auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item {
width: 49%;
margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
width: 32%;
margin-right: 1%;
}
.gallery-columns-4 .gallery-item {
width: 24%;
margin-right: 1%;
}
.gallery-icon {
text-align: center;
}
.gallery-caption {
text-align: center;
font-size: 14px;
} .wpcf7 .contact-ex {
color: #c9131e;
font-weight: bold;
}
@media screen and (max-width: 575px) {
.wpcf7 .contact-ex {
color: #fff;
}
}
.wpcf7 p {
margin: 20px 0;
line-height: 22px;
}
.wpcf7 textarea {
width: 100%;
}
.wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select {
border-radius: 0;
max-width: 100%;
padding: 10px 5px;
box-sizing: border-box;
}
.wpcf7 textarea _::-webkit-full-page-media,
.wpcf7 textarea _:future,
.wpcf7 textarea :root .css_selector,
.wpcf7 input[type=text] _::-webkit-full-page-media,
.wpcf7 input[type=text] _:future,
.wpcf7 input[type=text] :root .css_selector,
.wpcf7 input[type=email] _::-webkit-full-page-media,
.wpcf7 input[type=email] _:future,
.wpcf7 input[type=email] :root .css_selector,
.wpcf7 input[type=tel] _::-webkit-full-page-media,
.wpcf7 input[type=tel] _:future,
.wpcf7 input[type=tel] :root .css_selector,
.wpcf7 select _::-webkit-full-page-media,
.wpcf7 select _:future,
.wpcf7 select :root .css_selector {
-webkit-appearance: none;
}
@media screen and (max-width: 575px) {
.wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select {
width: 100%;
}
}
.wpcf7 input[type=submit],
.wpcf7 .wpcf7c-btn-back {
background: #c9131e none repeat scroll 0 0;
border: solid 1px #c9131e;
color: #fff;
font-size: 16px;
font-weight: normal;
padding: 10px 30px;
text-align: center;
letter-spacing: 1em;
text-indent: 1em;
}
.page-contact-en .wpcf7 input[type=submit],
.page-contact-en .wpcf7 .wpcf7c-btn-back {
letter-spacing: 0;
text-indent: 0;
}
.wpcf7 input[type=submit]:hover,
.wpcf7 .wpcf7c-btn-back:hover {
background: #fff none repeat scroll 0 0;
color: #c9131e;
cursor: pointer;
}
.wpcf7 .wpcf7c-btn-back {
margin-right: 20px;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #d8d8d8;
box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
font-size: 12px;
margin: 5px 0;
padding: 10px;
}
.wpcf7c-conf {
background: none !important;
border: none !important;
box-shadow: none !important;
font-weight: bold;
}
.wpcf7-submit {
-webkit-appearance: none;
border-radius: 0;
padding: 10px 40px;
background: #c9131e;
color: #fff;
font-weight: bold;
border: none;
}
.button-submit {
text-align: center;
}
.wpcf7-form .button-submit input[type=submit],
.wpcf7-form .button-submit input[type=submit]:hover {
border-radius: 5px;
border: solid 2px #c9131e;
font-size: 14px;
letter-spacing: 1em;
padding-left: 2em;
} .text-l {
font-size: 26px;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
.text-l {
font-size: 20px;
line-height: 1.4;
}
}
.page-title {
font-weight: bold;
text-align: center;
font-size: 30px;
line-height: 42px;
margin: 30px 0;
color: #444;
}
@media screen and (max-width: 575px) {
.page-title {
margin: 10px 0;
}
}
.page-title span {
display: block;
font-size: 20px;
}
@media screen and (max-width: 991px) {
.page-title {
font-size: 32px;
line-height: 36px;
margin: 0 0 30px;
}
.page-title span {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.page-title {
font-size: 28px;
line-height: 32px;
}
.page-title span {
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.page-title {
font-size: 22px;
line-height: 24px;
}
.page-title span {
font-size: 12px;
}
}
.font-en {
font-family: "Josefin Sans", sans-serif;
}
.normal-ol {
margin: 30px 0 30px 1em;
list-style: decimal;
}
.normal-ol li {
counter-increment: table-ol;
line-height: 1.4;
padding: 10px 0;
}
@media screen and (max-width: 767px) {
.normal-ol li {
font-size: 14px;
line-height: 1.4;
}
}
.normal-ul {
margin: 25px 0;
padding-left: 1em;
}
.normal-ul li {
position: relative;
padding-left: 0.2em;
line-height: 1.1em;
margin: 10px 0;
}
.normal-ul li::before {
color: #c9131e;
font-family: FontAwesome;
content: "\f105";
margin-right: 5px;
position: absolute;
left: -1em;
top: 0;
}
@media screen and (max-width: 575px) {
.normal-ul li {
font-size: 14px;
line-height: 1.4;
}
}
.form-normal {
max-width: 800px;
margin: 50px auto;
background: #f7f7fb;
padding: 30px;
box-sizing: border-box;
}
.form-normal tr {
border-bottom: solid 1px #ddd;
}
.form-normal th,
.form-normal td {
padding: 10px 0;
}
.form-normal th {
text-align: left;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.form-normal {
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.form-normal th,
.form-normal td {
display: block;
width: 100%;
border: none;
padding: 10px;
box-sizing: border-box;
}
.form-normal th {
background: #c9131e;
color: #fff;
}
.form-normal td {
border: 1px solid #ddd;
border-bottom: none;
}
.form-normal td,
.form-normal td:first-of-type {
border-top: none;
}
.form-normal input {
width: 100%;
}
}
.table-normal {
max-width: 1000px;
word-break: break-all;
word-wrap: break-all;
margin: 50px 0;
}
.table-normal th,
.table-normal td {
border-bottom: 1px solid #ddd;
padding: 15px 20px;
vertical-align: middle;
font-size: 14px;
box-sizing: border-box;
}
.table-normal th:first-of-type,
.table-normal td:first-of-type {
border-top: 1px solid #ddd;
}
.table-normal th {
font-weight: bold;
text-align: left;
width: 22%;
}
@media screen and (max-width: 767px) {
.table-normal th {
width: 25%;
}
}
@media screen and (max-width: 575px) {
.table-normal th,
.table-normal td {
display: block;
width: 100%;
border: none;
}
.table-normal th {
background: #c9131e;
color: #fff;
}
.table-normal td {
border: 1px solid #ddd;
}
.table-normal td,
.table-normal td:first-of-type {
border-top: none;
}
}
.table-stripes .even-row {
background: #f7f7fb;
}
.link-button,
.link-button-2 {
text-align: center;
}
.link-button a,
.link-button-2 a {
font-size: 14px;
color: #fff;
background: #c9131e;
border: solid 1px #c9131e;
padding: 15px 50px;
border-radius: 100px;
text-decoration: none;
display: inline-block;
margin: 40px 0;
letter-spacing: 0.2em;
transition: 0.3s;
position: relative;
}
@media screen and (max-width: 575px) {
.link-button a,
.link-button-2 a {
font-size: 13px;
padding: 15px 30px;
}
}
.link-button a:hover,
.link-button-2 a:hover {
color: #c9131e;
background: #fff;
}
.link-button a:before,
.link-button-2 a:before {
font-family: Fontawesome;
content: "\f054";
font-size: 90%;
margin-right: 5px;
}
.link-button-2 a {
position: inline-block;
}
.link-button-2 a:first-child {
margin-right: 20px;
}
@media screen and (max-width: 575px) {
.link-button-2 a {
margin: 40px 0 0;
}
}
.phone {
margin: 20px 0;
color: #c9131e;
font-size: 40px;
font-family: "Oswald", sans-serif;
font-weight: bold;
}
@media screen and (min-width: 576px) {
#index-contact .phone, .page-contact .phone {
font-size: 60px;
margin: 0;
}
}
@media screen and (max-width: 575px) {
.phone {
font-size: 34px;
}
}
.phone a {
text-decoration: none;
}
.phone-box {
border: solid 4px #f7f7fb;
padding: 20px 30px;
box-sizing: border-box;
margin: 50px auto;
max-width: 800px;
}
.phone-box h4 {
margin: 20px auto;
}
.phone-box p {
text-align: center;
}
@media screen and (min-width: 576px) {
.scale {
overflow: hidden;
text-align: center;
}
.scale img {
max-width: 102%;
width: 102%; backface-visibility: hidden; overflow: hidden;
transition: transform 0.2s ease-in;
}
.scale:hover img {
transform: scale(1.1);
}
}
.wide-table-box {
overflow-x: scroll;
}
.wide-table-box th,
.wide-table-box td {
min-width: 60px;
white-space: nowrap;
}
.wide-table-box::-webkit-scrollbar {
width: 5px;
height: 5px;
background: #bbb;
}
.wide-table-box::-webkit-scrollbar:horizontal {
width: 5px;
background: #bbb;
}
.wide-table-box::-webkit-scrollbar-thumb {
background: #555;
border-radius: 2px;
}
.wide-table-box::-webkit-scrollbar-thumb:horizontal {
background: #555;
border-radius: 2px;
}
.wide-table-box::-webkit-scrollbar-track-piece:start {
background: #bbb;
}
.wide-table-box::-webkit-scrollbar-track-piece:end {
background: #bbb;
}
.wide-table-box::-webkit-scrollbar-corner {
background: transparent;
}
.half-box {
margin: 50px 0;
background: #f7f7fb;
}
@media screen and (min-width: 768px) {
.half-box .half-img {
float: right;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.half-box .half-img {
text-align: center;
}
}
.half-box .half-img img {
vertical-align: bottom;
}
.half-box .half-text {
padding: 20px 30px;
word-break: break-all;
box-sizing: border-box;
}
@media screen and (max-width: 991px) {
.half-box .half-text {
padding: 10px 20px;
}
}
@media screen and (min-width: 768px) {
.half-box .half-text {
width: 50%;
}
}
@media screen and (max-width: 1079px) {
.half-box .half-text h5 {
marginm: 10px 0;
}
.half-box .half-text p {
line-height: 1.6;
font-size: 14px;
margin: 20px 0;
}
}
@media screen and (min-width: 768px) {
.opposite .half-img {
float: left;
}
.opposite .half-text {
float: right;
}
}
.half-img a,
.box-3col a {
display: block;
position: relative;
}
.half-img a:before,
.box-3col a:before {
font-family: Fontawesome;
content: "\f055";
position: absolute;
font-size: 25px;
left: 10px;
top: 5px;
transition: 0.3s;
color: #ddd;
}
.half-img a:hover:before,
.box-3col a:hover:before {
color: #c9131e;
}
#catch-box,
#no-catch-box {
height: 350px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
position: relative;
}
#catch-box #catch-box-inner,
#no-catch-box #catch-box-inner {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(0);
-webkit-transform: translateY(-50%) translateX(0);
}
@media screen and (max-width: 1280px) {
#catch-box,
#no-catch-box {
height: 400px;
}
}
@media screen and (max-width: 1079px) {
#catch-box,
#no-catch-box {
height: 350px;
}
}
@media screen and (max-width: 991px) {
#catch-box,
#no-catch-box {
height: 270px;
}
}
@media screen and (max-width: 575px) {
#catch-box,
#no-catch-box {
height: 170px;
}
}
.tax-news-cat #catch-box, .post-type-archive-news #catch-box, .single-news #catch-box,
.tax-news-cat #no-catch-box,
.post-type-archive-news #no-catch-box,
.single-news #no-catch-box {
background-image: url(//school.alfanote.jp/wp-content/themes/sc/img/news-catch.jpg);
}
#catch-box {
margin-bottom: 50px;
}
#catch-box h2,
#catch-box .subtitle-en {
color: #fff;
}
.subtitle-en {
font-family: "Josefin Sans", sans-serif;
font-weight: bold;
color: #c9131e;
text-align: center;
font-size: 90px;
margin: 50px auto 0;
text-transform: uppercase;
line-height: initial;
}
.home .subtitle-en {
text-align: center;
}
@media screen and (max-width: 767px) {
.subtitle-en {
font-size: 60px;
margin-top: 30px;
}
}
@media screen and (max-width: 575px) {
.subtitle-en {
font-size: 40px;
}
}
.border-box {
border: solid 1px #ddd;
box-sizing: border-box;
padding-bottom: 20px;
background: #fff;
margin: 100px 0;
}
.border-box h5 {
margin: 0 0 50px;
padding: 20px 0;
color: #fff;
background: #c9131e;
}
.border-box img {
width: 90%;
}
.border-box .border-box-text {
max-width: 800px;
margin: 0 auto;
}
@media screen and (max-width: 991px) {
.border-box .border-box-text {
padding: 0 30px;
}
}
.img-sp {
display: none;
}
@media screen and (max-width: 575px) {
.img-sp {
display: inline;
}
}
@media screen and (max-width: 575px) {
.img-pc {
display: none;
}
}
.faq {
margin: 0 0 30px;
padding-bottom: 30px;
border-radius: 3px;
border-bottom: dashed 1px #ddd;
}
.faq:last-child {
border: none;
margin-bottom: 0;
}
.faq dt:before,
.faq dd:before {
content: "Q.";
font-size: 30px;
font-family: "Josefin Sans", sans-serif;
margin-right: 10px;
}
.faq dt:before {
color: #c9131e;
}
.faq dd:before {
content: "A.";
}
.current-cat > a {
font-weight: bold;
}
.sidebar-box h3,
#news-list-container h3 {
font-weight: bold;
font-size: 18px;
border-bottom: solid 3px #ddd;
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
}
.sidebar-box h3:after,
#news-list-container h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #c9131e;
bottom: -3px;
width: 25%;
}
.sidebar-box {
margin: 0 0 30px;
background: #fff;
padding: 30px;
}
.sidebar-box .price {
font-weight: bold;
font-size: 28px;
color: #c9131e;
margin: 15px 0;
}
.sidebar-box p {
margin: 10px 0;
}
.sidebar-box ul.children {
margin-left: 1em;
}
@media screen and (max-width: 1280px) {
.sidebar-box ul li {
font-size: 14px;
}
}
.sidebar-box ul li.now_instructor, .sidebar-box ul li.now-instrument {
font-weight: bold;
}
.sidebar-box ul li.now_instructor a::before, .sidebar-box ul li.now-instrument a::before {
color: #ddd;
}
.sidebar-box ul li.now_instructor span, .sidebar-box ul li.now-instrument span {
font-weight: normal;
}
.sidebar-box ul li a {
padding: 10px 0;
display: block;
text-decoration: none;
border-bottom: dashed 1px #ddd;
color: #333;
padding-left: 1em;
}
.sidebar-box ul li a:before {
content: "\f0da";
margin-right: 5px;
font-family: "Fontawesome";
color: #c9131e;
margin-left: -1em;
}
.sidebar-box ul li a:hover {
color: #c9131e;
}
.sidebar-box ul li a:hover:before {
color: #ddd;
}
@media screen and (min-width: 768px) {
.sidebar-box ul li:last-child a {
border: none;
}
}
#trial-box {
padding: 0;
text-align: center;
border: solid 3px #c9131e;
min-height: 0;
}
#trial-box h4 {
margin: 0;
padding: 20px;
background: #c9131e;
color: #fff;
}
#trial-box p {
line-height: 1.6;
margin: 30px 10px;
}
@media screen and (min-width: 576px) {
#trial-box .phone {
font-size: 60px;
}
}
#trial-box .link-button {
margin: 0;
}
#trial-box .link-button a {
margin-top: 0;
}
.course-instructor-box li {
border-bottom: solid 1px #ddd;
margin-bottom: 10px;
padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
.course-instructor-box li {
display: flex;
}
}
.course-instructor-box li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.course-instructor-box p {
line-height: 1.4;
margin: 10px 0;
transition: 0.4s;
}
.course-instructor-box .course-instructor-text {
font-size: 14px;
}
@media screen and (min-width: 992px) {
.course-instructor-box .course-instructor-text {
width: 66%;
}
}
.course-instructor-box .course-instructor-text p:first-of-type {
font-size: 20px;
}
@media screen and (min-width: 992px) {
.course-instructor-box .course-instructor-img {
width: 30%;
margin-right: 4%;
text-align: center;
}
}
.course-instructor-box img {
margin: 15px 0 0 0;
transition: 0.4s;
}
@media screen and (min-width: 992px) {
.course-instructor-box img {
max-height: 300px;
max-width: 100%;
width: auto;
}
}
.course-instructor-box .link-button a {
padding: 10px 15px;
}
#course-ul,
#instructor-ul {
display: flex;
flex-wrap: wrap;
}
#course-ul > li,
#instructor-ul > li {
box-sizing: border-box;
background: #fff;
}
@media screen and (min-width: 576px) {
#course-ul > li,
#instructor-ul > li {
width: 49%;
margin: 0 2% 20px 0;
}
#course-ul > li:nth-child(2n),
#instructor-ul > li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 575px) {
#course-ul > li,
#instructor-ul > li {
margin-bottom: 10px;
}
}
#course-ul a,
#instructor-ul a {
display: block;
color: #333;
text-decoration: none;
}
#course-ul {
margin-bottom: 30px;
}
#course-ul li {
position: relative;
}
#course-ul li .course-ul-text {
position: absolute;
top: 0;
left: 0;
color: #fff;
}
#course-ul li .course-en {
text-transform: uppercase;
font-family: "Josefin Sans", sans-serif;
line-height: 1.2;
font-weight: bold;
font-size: 50px;
margin: 20px 0 0 20px;
}
@media screen and (max-width: 1280px) {
#course-ul li .course-en {
font-size: 40px;
}
}
@media screen and (max-width: 1079px) {
#course-ul li .course-en {
font-size: 30px;
}
}
@media screen and (max-width: 991px) {
#course-ul li .course-en {
margin: 10px 0 0 10px;
}
}
@media screen and (max-width: 767px) {
#course-ul li .course-en {
font-size: 24px;
margin: 10px 0 0 10px;
}
}
@media screen and (max-width: 575px) {
#course-ul li .course-en {
font-size: 26px;
}
}
#course-ul li .course-jp {
margin: 0 0 0 20px;
}
#course-ul li a:hover .course-en {
text-shadow: 4px 4px 0 #c9131e;
}
#course-ul li img {
vertical-align: bottom;
}
#instructor-ul {
margin-top: 40px;
}
#instructor-ul > li {
text-align: center;
border: solid 1px #ddd;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
transition: 0.4s;
margin-bottom: 20px;
position: relative;
}
@media screen and (min-width: 992px) {
#instructor-ul > li {
width: 32%;
}
#instructor-ul > li:nth-child(2n) {
margin-right: 2%;
}
#instructor-ul > li:nth-child(3n) {
margin-right: 0;
}
}
#instructor-ul > li:hover {
border-color: #c9131e;
}
#instructor-ul > li .instructor-detail {
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
margin: auto auto 20px;
}
#instructor-ul > li .instructor-detail::before {
content: "\f0da";
margin-right: 5px;
font-family: "Fontawesome";
color: #c9131e;
}
#instructor-ul > li a {
display: flex;
flex-direction: column;
height: 100%;
}
#instructor-ul img {
width: auto;
}
.instructor-text {
padding: 10px 20px 20px;
}
.instructor-text a {
display: block;
}
.instructor-text p {
margin: 10px 0;
}
.instructor-text .instructor-name {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.instructor-text .instructor-excerpt {
font-size: 13px;
text-align: left;
}
.instructor-part {
margin: 20px 0 0;
display: flex;
flex-wrap: wrap;
}
.instructor-part li {
background: #c9131e;
color: #fff;
margin: 0 10px 10px 0;
font-size: 12px;
padding: 5px 10px;
border-radius: 100px;
}
.instructor-part a {
color: #fff;
text-decoration: none;
}
.instructor-detail-part {
margin: 20px 0;
display: flex;
flex-wrap: wrap;
}
.instructor-detail-part li {
margin: 20px 20px 20px 0;
}
.instructor-detail-part a {
background: #c9131e;
color: #fff;
font-size: 16px;
padding: 10px 15px;
border-radius: 100px;
text-decoration: none;
border: solid 2px #c9131e;
transition: 0.4s;
}
.instructor-detail-part a:hover {
background: #fff;
color: #c9131e;
}
#index-point-ul {
margin: 60px 0;
}
@media screen and (min-width: 576px) {
#index-point-ul {
margin: 100px 0;
}
}
#index-point-ul li {
background: #fff;
max-width: 1280px;
margin: 0 auto;
}
#index-point-ul li .index-point-text {
padding: 20px;
box-sizing: border-box;
}
@media screen and (min-width: 576px) {
#index-point-ul li img,
#index-point-ul li .index-point-text {
width: 50%;
}
#index-point-ul li .index-point-text {
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
}
#index-point-ul li .index-point-inner {
display: flex;
}
#index-point-ul li:nth-child(2n) .index-point-inner {
flex-direction: row-reverse;
}
}
#index-point-ul img {
transition: opacity 0.3s;
}
#index-point-ul a:hover img {
opacity: 0.6;
}
#index-point-ul h3 {
font-size: 36px;
text-align: center;
padding: 0 0 10px;
margin: 0 0 30px;
font-weight: bold;
color: #c9131e;
}
@media screen and (max-width: 991px) {
#index-point-ul h3 {
font-size: 24px;
}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
#index-point-ul h3 {
font-size: 16px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 575px) {
#index-point-ul h3 {
font-size: 20px;
}
}
#index-point-ul h3 span {
position: relative;
display: inline-block;
padding-bottom: 0.5em;
border-bottom: 1px solid #333;
}
#index-point-ul h3 span::before, #index-point-ul h3 span::after {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
content: "";
border: 10px solid transparent;
}
#index-point-ul h3 span::before {
border-top: 10px solid #333;
}
#index-point-ul h3 span::after {
margin-top: -1px;
border-top: 10px solid #fff;
}
@media screen and (max-width: 991px) and (min-width: 576px) {
#index-point-ul p {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
#index-point-ul p {
text-align: left;
}
}
#article-instructor {
min-height: 0;
}
#article-instructor h3 {
margin: 0 0 10px;
}
#article-instructor h4 {
color: #333;
padding-bottom: 4px;
border-bottom: solid 2px #c9131e;
}
#article-instructor h4:first-child {
margin: 15px 0;
}
#article-instructor #article-instructor-text .instructor-part li {
font-size: 16px;
padding: 10px 15px;
}
#article-instructor-name {
font-size: 16px;
text-align: right;
margin: -5px 0 10px 0;
color: #999;
}
#article-instructor-profile {
font-size: 14px;
}
.instructor-vertical #article-instructor-img,
.instructor-vertical #article-instructor-text {
float: left;
width: 48%;
}
.instructor-vertical #article-instructor-img {
margin: 20px 4% 0 0;
}
.instructor-vertical #article-instructor-img img {
width: auto;
}
@media screen and (min-width: 576px) {
.br-mb {
display: none;
}
}
.text-l-em {
font-size: 30px;
color: #c9131e;
}
@media screen and (max-width: 575px) {
.text-l-em {
font-size: 22px;
}
}
.sidebar-instructor-part,
.sidebar-news-span {
font-size: 12px;
line-height: 1.2;
}
.sidebar-instructor-part {
display: block;
}
@media screen and (max-width: 767px) {
#side-lesson-fee {
margin-bottom: 50px;
}
} #index-twitter iframe {
width: 740px !important;
}
#top-youtube {
margin: 20px 5%;
}
@media screen and (min-width: 768px) {
#top-youtube {
margin: 30px;
display: flex;
justify-content: space-between;
}
}
#top-youtube li {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
#top-youtube li {
width: 32%;
margin-bottom: 0;
}
}
#top-youtube li div {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
#top-youtube li div iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#index-banner-box {
background: #fff;
}
#index-banner-ul {
max-width: 1280px;
margin: 0 auto;
text-align: center;   }
@media screen and (min-width: 768px) {
#index-banner-ul {
display: flex;
justify-content: space-between;
}
}
#index-banner-ul li {
padding: 20px 0;
max-width: 100%;
}
@media screen and (min-width: 768px) {
#index-banner-ul li {
padding: 40px 0;
}
}
#index-banner-ul li:first-child:nth-last-child(2),
#index-banner-ul li:first-child:nth-last-child(2) ~ li {
margin: 0 20px;
}
#index-banner-ul li:first-child:nth-last-child(3),
#index-banner-ul li:first-child:nth-last-child(3) ~ li {
margin: 0 20px;
} #table-price,
#table-price-online {
margin-bottom: 40px;
}
@media screen and (min-width: 576px) {
#table-price,
#table-price-online {
display: flex;
justify-content: space-between;
}
}
#table-price ul,
#table-price-online ul {
margin: 20px 0;
padding: 20px;
list-style: none;
width: 600px;
margin: 0 auto;
max-width: 100%;
box-sizing: border-box;
background: #ffe1e3;
}
@media screen and (min-width: 576px) {
#table-price ul,
#table-price-online ul {
padding: 20px 20px 0;
}
}
#table-price ul:nth-child(2),
#table-price-online ul:nth-child(2) {
background: #e1f1ff;
}
#table-price ul:nth-child(2) .table-price-title,
#table-price-online ul:nth-child(2) .table-price-title {
background: #e1f1ff;
}
#table-price ul:nth-child(2) a,
#table-price-online ul:nth-child(2) a {
background-color: #257cc1;
box-shadow: 0 3px #17619e;
}
#table-price ul:nth-child(2) .table-price-desc,
#table-price-online ul:nth-child(2) .table-price-desc {
font-weight: bold;
color: #257cc1;
}
#table-price ul:nth-child(3),
#table-price-online ul:nth-child(3) {
background: #fff8de;
}
#table-price ul:nth-child(3) .table-price-title,
#table-price-online ul:nth-child(3) .table-price-title {
background: #fff8de;
}
#table-price ul:nth-child(3) a,
#table-price-online ul:nth-child(3) a {
background-color: #f7a415;
box-shadow: 0 3px #f7a71e;
}
#table-price ul:nth-child(3) .table-price-desc,
#table-price-online ul:nth-child(3) .table-price-desc {
font-weight: bold;
color: #f4bd5e;
}
#table-price ul li,
#table-price-online ul li {
text-align: center;
display: flex;
flex-direction: column;
}
#table-price ul li:first-child,
#table-price-online ul li:first-child {
padding: 10px 0 20px;
}
#table-price ul li:not(:first-child),
#table-price-online ul li:not(:first-child) {
background: #fff;
padding: 20px 10px;
margin: 0 0 20px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#table-price ul li p,
#table-price-online ul li p {
line-height: 1.4;
margin: 10px 0;
}
#table-price ul li p.table-price-main-title,
#table-price-online ul li p.table-price-main-title {
margin: 10px 0;
line-height: 1.4;
font-weight: bold;
font-size: 20px;
}
@media screen and (min-width: 992px) {
#table-price ul li p.table-price-main-title,
#table-price-online ul li p.table-price-main-title {
font-size: 30px;
}
}
#table-price ul li > span,
#table-price-online ul li > span {
display: block;
margin: 5px auto;
}
#table-price ul li .table-price-desc,
#table-price-online ul li .table-price-desc {
font-weight: bold;
color: #c9131e;
font-size: 20px;
line-height: 1.2;
}
#table-price ul li .table-price-title,
#table-price-online ul li .table-price-title {
background: #ffe1e3;
border-radius: 10px;
display: inline-block;
padding: 2px 10px 1px;
margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
#table-price ul li .table-price-title,
#table-price-online ul li .table-price-title {
padding: 2px 20px 1px;
}
}
#table-price ul li .table-price-time,
#table-price-online ul li .table-price-time {
font-weight: bold;
}
#table-price ul li .table-price-fee,
#table-price-online ul li .table-price-fee {
font-size: 12px;
}
@media screen and (min-width: 992px) {
#table-price ul li .table-price-fee,
#table-price-online ul li .table-price-fee {
font-size: 14px;
}
}
#table-price ul li .price-em,
#table-price-online ul li .price-em {
font-size: 22px;
font-weight: bold;
padding: 0 4px;
line-height: 1;
}
@media screen and (min-width: 992px) {
#table-price ul li .price-em,
#table-price-online ul li .price-em {
font-size: 36px;
}
}
#table-price ul li .table-price-value,
#table-price-online ul li .table-price-value {
font-size: 12px;
color: #c9131e;
}
@media screen and (min-width: 992px) {
#table-price ul li .table-price-value,
#table-price-online ul li .table-price-value {
font-size: 13px;
}
}
#table-price ul a.price-button,
#table-price-online ul a.price-button {
color: #fff;
text-decoration: none;
background-color: #c9131e;
box-shadow: 0 3px #970811;
display: inline-block;
padding: 10px 5%;
max-width: 200px;
width: 90%;
border-radius: 100px;
margin: auto auto 10px;
font-weight: bold;
font-size: 13px;
}
@media screen and (min-width: 992px) {
#table-price ul a.price-button,
#table-price-online ul a.price-button {
font-size: 16px;
}
}
#table-price ul a:hover, #table-price ul:last-child a:hover,
#table-price-online ul a:hover,
#table-price-online ul:last-child a:hover {
margin-top: 3px;
margin-bottom: 7px;
box-shadow: none;
}
@media screen and (min-width: 576px) {
#table-price {
display: block;
}
}
@media screen and (min-width: 992px) {
#table-price {
display: flex;
justify-content: space-between;
}
}
#table-price ul {
display: flex;
flex-direction: column;
}
#table-price ul li p.table-price-main-title {
font-size: 18px;
}
@media screen and (min-width: 1281px) {
#table-price ul li p.table-price-main-title {
font-size: 24px;
}
}
#table-price ul li p.table-price-main-text {
line-height: 1.4;
min-height: 70px;
text-align: left;
}
#table-price ul li .price-em {
font-size: 30px;
}
#table-price ul li .table-price-desc-inner {
font-size: 12px;
}
@media screen and (min-width: 992px) {
#table-price ul li .table-price-desc-inner {
font-size: 14px;
}
}
#table-price ul li .table-price-fee:not(:last-child) {
border-bottom: solid 1px #bbb;
padding-bottom: 15px;
margin-bottom: 5px;
}
#table-price ul li.li-order {
min-height: auto;
background: none;
box-shadow: none;
margin: auto 0 0;
padding: 10px 0 20px;
}
.blog-name {
text-align: center;
font-weight: bold;
margin-bottom: 60px;
font-size: 20px;
}
.ul-attention li {
position: relative;
padding-left: 15px;
font-size: 13px;
margin: 5px 0;
}
@media screen and (min-width: 992px) {
.ul-attention li {
font-size: 16px;
}
}
.ul-attention li:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 100px;
background-color: #c9131e;
position: absolute;
left: 0;
top: 5px;
}
@media screen and (min-width: 992px) {
.ul-attention li:before {
top: 7px;
}
}