@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

  .site-branding h1,
.site-branding p { font-size: 16px;
margin: 0;
}
.site-branding img {
width: 90px;
max-width: 100px;
height: auto;
}
.logo {
color: #000;
   padding: 3px 30px;
position: fixed;
bottom: 0;
z-index: 9000;
}
.site-branding .logo a {
line-height: 0;
display: block;
}
header {
display: flex;
align-items: center;
height: 100px;
background-color: #fff;
width: 100%;
position: fixed;
bottom: 0;
transition: .6s;
z-index: 8999;
border-top: 1px solid #D9D9D9;
}
.site-branding {
flex: 1;
}
.nav-box {
display: flex;
flex: 3;
}
.nav-box ul {
display: flex;
margin: 0;
padding: 0;
}
.nav-box ul li {
list-style: none;
flex: 1;
text-align: center;
}
.nav-box ul li:nth-child(6) {
border-right: 1px solid;
padding-right: 22px;
}
.nav-box ul li:nth-child(7) {
padding-left: 22px;
}
.nav-box a {
font-size: 14px;
}
.main-navigation {
flex: 6;
padding: 0 10% 0 25%;
}
.header-sns {
flex: 0.8;
}
.header-sns ul {
padding: 0 30% 0 5%;
display: flex;
margin: 0;
}
.header-sns ul li {
list-style: none;
margin: 0 6%;
} #site-navigation li a.active {
color: #0068B6;
font-weight: bold;
}
.header-recruit a {
margin: 0;
font-size: 13px;
font-weight: bold;
border: 1.5px solid;
padding: 8px;
} .nav-boxSP {
display: none;
} .SPnav {
display: none;
position: fixed;
bottom: 0;
background: #fff;
width: 100%;
height: 100%;
background-size: cover;
z-index: 8998;
padding: 1% 3% 0;
}
.SPnav ul {
margin: 0;
padding: 0;
}
.SPnav ul li {
list-style: none;
list-style: none;
border-bottom: 0.5px solid #D9D9D9;
padding: 3%;
text-align: center;
}
.SPnav ul li:hover {
background-color: #D9D9D9;
transition: .8s;
}
.SPnav .SPnav-titleBox {
border-bottom: 2px solid #000;
}
.SPnav h5 {
text-align: center;
margin: 0;
padding: 2%;
} .navToggle {
display: block;
position: absolute;
top: -16px;
left: 125px;
right: 0;
margin: 0 auto;
width: 42px;
height: 51px;
cursor: pointer;
z-index: 3;
text-align: center;
}
.navToggle span {
display: block;
position: absolute; width: 45px;
border-bottom: solid 1px #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}
.navToggle span:nth-child(1) {
top: 9px;
}
.navToggle span:nth-child(2) {
top: 25px;
}  .navToggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .navToggle.active span:nth-child(2) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
} @media screen and (max-width: 1100px) {
.main-navigation {
padding: 0px 5% 0 19%;
}
.header-sns ul {
padding: 0 35% 0 0;
}
.header-sns ul li {
margin: 0 8%;
}
.site-branding {
flex: 0.5;
}
}
@media screen and (max-width: 900px) {
.main-navigation {
padding: 0 3% 0 19%;
}
.nav-box a {
font-size: 13px;
}
.header-recruit a {
font-size: 11px;
}
.header-sns .fa,
.header-sns .fab {
font-size: 14px;
}
.header-sns {
flex: 0.9;
}
}
@media screen and (max-width: 850px) {
.nav-box {
display: none !important;
}
header {
justify-content: space-around;
height: 80px;
}
.header-sns ul {
padding: 0 52% 0 0;
justify-content: flex-end;
}
.header-sns ul li {
margin: 0px 12%;
}
.site-branding img {
width: 70px;
}
.nav-boxSP {
display: block !important;
flex: 3;
position: relative;
}
.logo {
padding: 4px 20px;
}
.site-branding {
flex: 1;
}
.header-sns {
flex: 1;
}
.header-sns .fa,
.header-sns .fab {
font-size: 16px;
}
.header-sns ul li {
margin: 0 10%;
}
.header-recruit {
text-align: center;
margin-top: 20px;
}
.header-recruit a {
padding: 8px 20px;
font-size: 13px;
border: 1px solid;
}
}
@media screen and (max-width: 480px) {
.logo {
padding: 0 30px 5px 5px;
}
.SPnav ul li a {
font-size: 14px;
}
.SPnav ul li {
padding: 1.8%;
}
.SPnav h5 {
font-size: 1.15rem;
}
.site-branding img {
width: 68px;
}
.header-sns {
margin-right: 37%;
flex: 1;
}
.header-sns ul {
padding: 0;
justify-content: flex-start;
margin-top: 5px;
}
.header-sns ul li {
margin: 0 9%;
}
.site-branding {
flex: 0.5;
}
.navToggle {
left: 65px;
}
.navToggle span {
width: 35px;
}
.header-sns .fa,
.header-sns .fab {
font-size: 18px;
}
}  #scrollup {
position: fixed;
bottom: 150px;
right: 50px;
z-index: 1000;
}
#scrollup a {
width: 40px;
height: 50px;
display: block;
}
#scrollup .sen {
position: relative;
width: 1px;
height: 50px;
background: #000;
margin: 0 0 0 17px;
}
#scrollup .maru {
width: 17px;
height: auto;
position: absolute;
top: 10px;
left: -8px;
margin: auto;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
animation: anime1 2s linear infinite;
}
@keyframes anime1 {
0% {
top: -10px;
opacity: 0;
}
10% {
top: 0;
opacity: 1;
}
95% {
top: 40px;
opacity: 0.8;
}
100% {
top: 45px;
opacity: 0;
}
}
#scrollup P {
margin-top: 5px;
font-size: 8px;
}
#pageupbt {
position: absolute;
right: 11%; top: -28px;
transition: .5s;
z-index: 999;
} #pageupbt a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/pagetotop.jpg) no-repeat center;
background-size: contain;
display: block;
width: 80px;
height: 30px;
}
#pageupbt a:hover {
opacity: 1;
} .shizukuBox #pageupbt {
position: static;
}
.shizukuBox #pageupbt a {
background: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/shizuku.png) no-repeat center;
width: 17px;
height: 41px;
background-size: cover;
}
@media screen and (max-width: 1000px) {
#pageupbt {
right: 15%;
}
}
@media only screen and (max-width:768px) {
#scrollup {
bottom: 200px;
right: 10px;
}
}
@media only screen and (max-width:480px) {
#scrollup {
bottom: 180px;
right: 5px;
}
} .Footer-marusenBox {
text-align: center;
margin: 80px auto 20px;
clear: both;
}
.Footer-marusenBox img {
width: 100%;
max-width: 100px;
}
@media screen and (max-width: 480px) {
.Footer-marusenBox {
margin: 60px auto 20px;
}
} .breadcrumbs {
margin: 0 10% 5px;
}
.home .Footer-breadcrumbsBox {
display: none;
}
.Footer-breadcrumbsBox {
position: absolute;
width: 100%; top: -30px;
z-index: 999;
max-width: 800px;
}
.breadcrumbs span {
font-size: 12px;
}
@media screen and (max-width: 768px) {
.Footer-breadcrumbsBox { top: -85px;
}
.breadcrumbs {
margin: 0 5% 5px;
}
} panel {
width: 500px;
}
#panel>dt {
cursor: pointer;
padding: 10px;
font-weight: normal;
font-size: 11px;
text-align: right;
margin-right: 5%;
}
#panel>dd {
margin: 0px;
padding: 5% 10%;
}
.Footer-sitemap {
position: relative;
top: 20px;
}
@media screen and (max-width: 768px) {
#panel>dt {
text-align: left;
}
.Footer-sitemap {
top: -10px;
margin-left: 8%;
}
} .footer-Container {
position: relative;
}
.Footer-ContentWrap {
margin: 0 3% 70px;
border-top: 0.5px solid #000;
border-bottom: 0.5px solid #000;
padding: 2% 6% 1%;
}
.Footer-ContentWrap p {
font-size: 11px;
margin-top: 0;
}
.Footer-ContentInner {
display: flex;
}
.site-info {
width: 35%;
padding: 2% 3%;
}
.Footer-Address {
width: 25%;
padding: 2% 3%;
}
.Footer-memberBox {
width: 40%;
padding: 2% 3%;
max-width: 395px;
}
.Footer-memberBox h6 {
margin: 0 0 3px;
font-size: 0.8rem;
}
.Footer-memberBox p {
margin: 0 0 10px;
line-height: 1.4em
}
.Footer-pp {
position: relative;
z-index: 99;
}
.Footer-pp p {
text-align: left;
margin-top: -5px;
margin-bottom: 35px;
}
.Footer-pp p a {
font-weight: bold;
font-size: 11px;
}
.Footer-ContentInnerSP {
display: none;
}
@media screen and (max-width: 768px) {
.Footer-ContentWrap {
padding: 5% 6%;
}
.Footer-ContentInner {
display: none;
}
.Footer-ContentInnerSP {
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.Footer-memberBox {
width: 100%;
margin-bottom: 30px;
}
.site-info {
width: 100%;
margin-bottom: 20px;
}
.Footer-Address {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.site-info {
margin-bottom: 15px;
}
.Footer-ContentWrap {
padding: 9% 6% 5%;
}
.Footer-memberBox {
margin-bottom: 15px;
}
} footer .Footer-memberBox .hs-form {
position: relative !important;
}
footer .hs_submit {
position: absolute !important;
right: 0 !important;
top: 0 !important;
}
footer .Footer-memberBox input[type="submit"] {
background: #000 !important;
color: #fff !important;
border-radius: 0 !important;
padding: .96em 1em .75em !important;
font-size: 0.85rem !important;
border-color: #000 !important;
border: none !important;
}
footer .Footer-memberBox input[type="submit"]:hover {
border-color: #000 !important;
opacity: 0.8 !important;
}
footer .Footer-memberBox input[type="email"] {
border-radius: 0 !important;
border: 1px solid #000 !important;
width: 100% !important;
height: 37px;
}
footer .actions {
margin: 0 !important;
padding: 0 !important;
}
footer .input {
width: 100% !important;
float: none !important;
}
@media screen and (max-width: 480px) {
footer .Footer-memberBox input[type="submit"] {
padding: .86em 1em .75em !important;
}
footer .Footer-memberBox input[type="email"] {
height: 36px;
}
} .copyright-Box {
position: relative;
}
.copyright-Inner {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
width: 206px;
background-color: #fff;
}
.copyright-Inner p {
font-size: 11px;
text-align: center;
}  .wrapper {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.wrapper_l {
width: 90%;
max-width: 1000px;
margin: 0 auto;
}
.wrapper_s {
width: 90%;
max-width: 900px;
margin: 0 auto;
}
.wrapper_sm {
width: 90%;
max-width: 800px;
margin: 0 auto;
}
.wrapper_ss {
width: 100%;
max-width: 552px;
margin: 0 auto;
padding: 2%;
}
.entry-content {
padding-bottom: 10px;
position: relative;
z-index: 9;
}
.small_message p {
line-height: 2.75em;
font-size: 16px;
text-align: justify;
} .spaceLR5 {
padding: 0 5%;
}
.spaceLR8 {
padding: 0 8%;
}
.spaceBottomM20 {
margin-bottom: 20px;
}
.spaceBottomM30 {
margin-bottom: 30px;
}
.spaceBottomM50 {
margin-bottom: 50px;
}
.spaceBottomM80 {
margin-bottom: 80px;
} .Sec_bottom {
margin-bottom: 120px;
}
.Sec_bottom180 {
margin-bottom: 180px;
} .waku img {
border: 1px #f1f1f1 solid;
}
.mini-caption {
font-size: 12px;
display: block;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.flex-center {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 769px) {
.flex-center-height01 {
height: 370px;
}
.flex-center-height02 {
height: 333px;
}
.flex-center-height03 {
height: 429px;
}
.flex-center-height04 {
height: 429px;
}
}
.lines-on-sides {
text-align: center;
margin: 20px auto 60px;
display: flex;
}
.lines-on-sides:before,
.lines-on-sides:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
margin-top: 1.2rem;
}
.lines-on-sides:before {
margin-right: 2rem;
}
.lines-on-sides:after {
margin-left: 2rem;
}
.site-content {
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.small_message p {
line-height: 2em;
margin: 0 auto 20px;
}
.Sec_bottom {
margin-bottom: 100px;
}
.Sec_bottom180 {
margin-bottom: 120px;
}
}
@media screen and (max-width: 480px) {
.small_message p {
font-size: 12px;
width: 80%;
}
.Sec_bottom {
margin-bottom: 65px;
}
.Sec_bottom180 {
margin-bottom: 65px;
}
.wrapper_s {
width: 100%;
}
} .flex {
display: flex;
}
.flex768 {
display: flex;
}
.flex480 {
display: flex;
} .flex768-2col-Left {
flex: 1;
padding-right: 5%;
}
.flex768-2col-Right {
flex: 1;
padding-left: 5%;
} .flex768-3col-Left {
flex: 1;
padding-right: 5%;
}
.flex768-3col-Right {
flex: 1;
}
.flex768-3col-Center {
flex: 1;
padding-right: 5%;
} .flex768-2col-1Left {
flex: 1;
padding-right: 5%;
}
.flex768-2col-2Right {
flex: 2;
padding-left: 5%;
} .flex768-2col-2Left {
flex: 2;
padding-right: 5%;
}
.flex768-2col-1Right {
flex: 1;
padding-left: 5%;
} .flex768-2col-2LeftChild {
flex: 2;
padding-right: 5%;
}
.flex768-2col-15RightChild {
flex: 1.5;
padding-left: 5%;
} .fontMini14 {
font-size: 14px;
}
.fontMini12 {
font-size: 12px;
line-height: 2em;
display: block;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.flex768 {
display: block;
}
.flex768-2col-Left {
padding-right: 0;
margin-bottom: 50px;
}
.flex768-2col-Right {
padding-left: 0;
}
.flex768-3col-Left {
padding-right: 0;
margin-bottom: 50px;
}
.flex768-3col-Right {
margin-bottom: 50px;
}
.flex768-3col-Center {
padding-right: 0;
margin-bottom: 50px;
}
.flex768-2col-1Left {
padding-right: 0;
}
.flex768-2col-2Right {
padding-left: 0;
}
.flex768-2col-2LeftChild {
padding-right: 0;
}
.flex768-2col-15RightChild {
padding-left: 0;
}
}
@media screen and (max-width: 480px) {
.flex480 {
display: block;
}
}  .slide-wrap {
display: flex;
margin: 0 auto; width: 100%;
}
.slide-box {
height: auto;
margin-right: 5%;
width: 20%;
} .slide-box a {
display: block;
text-decoration: none;
}
.slide-box img {
display: block;
height: auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.slide-wrap {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.slide-box {
flex: 0 0 25%;
}
}
@media screen and (max-width: 480px) {
.slide-box {
flex: 0 0 40%;
}
.slide-box {
margin-right: 10%;
width: 15%;
}
}   .slide-wrap-child {
display: flex;
margin: 0 auto; width: 100%;
}
.slide-box-child {
height: auto;
margin: 0 1%;
width: 100%;
max-width: 250px;
}
.child-slidinner {
border: 1px solid;
padding: 2% 2.2% 1.5%;
}
.child-slidinner h5 {
font-size: 15px;
font-weight: bold;
text-align: center;
margin-bottom: 0;
}
.child-slidinner p {
font-size: 12px;
line-height: 2;
letter-spacing: 0.08em;
text-align: justify;
}
@media screen and (max-width: 1280px) {
.slide-wrap-child {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.slide-box-child {
flex: 0 0 50%;
margin: 0 1.5%;
}
}
@media screen and (max-width: 768px) {
.slide-box-child {
margin: 0 2.5%;
padding: 2% 4% 1.5%;
}
}
@media screen and (max-width: 480px) {
.slide-box-child {
flex: 0 0 80%;
padding: 5% 6% 1.5%;
}
}   aside.widget-area {
display: flex;
margin: 0 auto; width: 100%;
}
.method-aside .widget {
height: auto;
margin-right: 5%;
width: 28%;
}
@media screen and (max-width: 768px) {
aside.widget-area {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.method-aside .widget {
flex: 0 0 35%;
}
}
@media screen and (max-width: 480px) {
.method-aside .widget {
flex: 0 0 75%;
}
}  @media screen and (max-width: 1100px) {
.scroll {
display: block;
overflow-x: scroll;
overflow-y: hidden;
}
} .sp_br {
display: none;
}
@media screen and (max-width: 768px) {
.tab_br {
display: none;
}
}
@media screen and (max-width: 480px) {
.sp_br {
display: inline;
}
.pc_br {
display: none;
}
} .Title-Box {
border: 1px solid;
padding: 1.5%;
position: relative;
margin-bottom: 80px;
}
.Title-Box h2 {
line-height: 1;
text-align: center;
margin-bottom: 0;
padding: 1% 0;
font-size: 1.8rem;
letter-spacing: 0.08em;
}
.Title-Box h2 span {
font-size: 14px;
}
.Title-number {
position: absolute;
top: 0;
right: 0;
border-top: 15px solid;
padding: 0.5% 1% 1% 2.5%;
}
.Title-number p {
font-size: 45px;
margin: 0;
line-height: 2;
letter-spacing: 0.08em;
}
.Title-Box h1,
.Title-Box .entry-title {
line-height: 1.5;
text-align: center;
margin-bottom: 0;
padding: 1% 0;
font-size: 1.8rem;
letter-spacing: 0.08em;
}
.postid-3512 .Title-Box .entry-title {
line-height: 1.3em;
}
.Title-Box p.domain,
.Title-Box p.subtitle {
font-size: 14px;
text-align: center;
margin: 0 0 10px;
line-height: 1;
}
.Child-footerBox .Title-Box {
margin-bottom: 20px;
}
.Child-footerBox .Title-Box:hover {
background-color: #f5f5f5;
transition: .8s;
} .page-template-child .Child-footerBox a.active {
background-color: #f5f5f5;
display: block;
}
@media screen and (max-width: 1100px) {
.Title-number p {
font-size: 38px;
}
}
@media screen and (max-width: 768px) {
.Title-number p {
font-size: 30px;
}
.Title-Box h2 {
font-size: 1.6rem
}
.Title-Box h1,
.Title-Box .entry-title {
font-size: 1.6rem
}
.Title-Box p.domain {
margin: 5px 0;
}
}
@media screen and (max-width: 480px) {
.Title-Box p.domain,
.Title-Box p.subtitle {
font-size: 10px;
margin: 5px 0 3px;
}
.Title-Box h1,
.Title-Box .entry-title {
font-size: 1.1rem; padding: 0 14px;
line-height: 2;
}
.Title-Box {
margin-bottom: 20px;
}
.Title-number p {
font-size: 20px;
}
.Title-number {
border-top: 6px solid;
padding: 0.8% 2% 1% 3.5%;
}
.Title-Box h2 span {
font-size: 10px;
}
.Title-Box h2 {
font-size: 1.1rem;
padding: 1% 0 0;
}
} .minititle {
font-size: 18px;
text-align: center;
margin-bottom: 45px;
}
.minititle-primary {
margin-bottom: 70px;
}
.minititle-left {
font-size: 18px;
text-align: left;
margin-top: 30px;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.minititle-primary {
margin-bottom: 15%;
}
}
@media screen and (max-width: 480px) {
.minititle {
margin-bottom: 10px;
font-size: 16px;
}
.minititle-primary {
margin-bottom: 23%;
}
.minititle-left {
font-size: 16px;
}
} .Pagetitle-sub {
width: 20%;
margin-top: 15px;
}
.Pagetitle-subinner h2,
.Pagetitle-subinner p {
writing-mode: tb-rl; writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
font-size: 16px;
position: relative; line-height: 1.8;
letter-spacing: 0.08em;
margin: 0;
display: inline-block;
}
.Pagetitle-sub .line,
.Pagetitle-subRight .line {
position: absolute;
width: 1px;
height: 46px;
background: #000;
left: 48%;
display: inline-block;
} @media all and (-ms-high-contrast: none) {
.Pagetitle-sub .line,
.Pagetitle-subRight .line {
left: 59%; }
}
.shizukuBox {
position: absolute;
bottom: -47px;
right: 6px;
display: block;
} @media all and (-ms-high-contrast: none) {
.Pagetitle-subRight .shizukuBox {
right: 3px; }
}
.home .shizukuBox {
right: 0;
}
.shizukuBox img {
width: 100%;
max-width: 17px;
margin-top: 5px;
}
.Pagetitle-subRight {
position: relative;
z-index: 999;
}
.Pagetitle-subRight .Pagetitle-subinner {
position: fixed;
right: 2%;
top: 168px; }
@media screen and (max-width: 1100px) {
.Pagetitle-sub {
width: 15%;
}
.Pagetitle-subRight .Pagetitle-subinner {
right: 5%;
}
}
@media screen and (max-width: 768px) {
.Pagetitle-subRight .Pagetitle-subinner {
top: 110px;
right: 5%;
}
.Pagetitle-subinner h2,
.Pagetitle-subinner p {
font-size: 14px;
}
.shizukuBox {
right: 5px;
}
.shizukuBox img {
width: 12px;
}
.Pagetitle-sub .line,
.Pagetitle-subRight .line {
height: 34px;
}
}
@media screen and (max-width: 480px) {
.Pagetitle-sub {
width: 20%;
margin-top: 10px;
}
.Pagetitle-subinner h2 {
font-size: 14px;
margin: 0 10px 0 5px;
}
.Pagetitle-subbinner h2 .Etitle {
padding-bottom: 65px;
}
.Pagetitle-subRight {
display: none;
}
} .works-nextbtn a {
margin: 0 auto;
}
.works-btn-title {
width: 100%;
text-align: center;
font-size: 16px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.works-btn {
position: relative;
border: 1px solid;
width: 90%;
max-width: 500px;
height: 60px;
margin: 0 auto;
}
#works-scroll-down {
display: block;
text-align: center;
}
#works-scroll-down::before {
-webkit-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; -moz-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; -o-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; position: absolute;
top: 50%;
left: 74%;
width: 99px;
height: 1px;
background: #333;
content: ' ';
}
@-webkit-keyframes elasticus {
0% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0, 1);
-ms-transform: scaleX(0, 1);
-moz-transform: scaleX(0, 1);
-o-transform: scaleX(0, 1);
transform: scaleX(0, 1);
}
50% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
50.1% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleX(1, 1);
-ms-transform: scaleX(1, 1);
-moz-transform: scaleX(1, 1);
-o-transform: scaleX(1, 1);
transform: scaleX(1, 1);
}
100% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scaleX(1, 0);
-ms-transform: scaleX(1, 0);
-moz-transform: scaleX(1, 0);
-o-transform: scaleX(1, 0);
transform: scaleX(1, 0);
}
}
@media screen and (max-width: 768px) {
.works-btn {
max-width: 600px;
}
.works-btn-title {
text-align: center;
padding-left: 5%;
}
}
@media screen and (max-width: 480px) {
.works-btn {
height: 60px;
width: 80%;
}
.works-btn-title {
font-size: 12px;
}
#works-scroll-down::before {
left: 70%;
width: 65px;
}
}
@media screen and (max-width: 360px) {
#works-scroll-down::before {
width: 30px;
left: 82%;
}
}  .page-nextbtn a {
margin: 0 auto;
}
.next-btn-title {
width: 100%;
text-align: center;
font-size: 16px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.next-btn {
position: relative;
border: 1px solid;
width: 90%;
max-width: 750px;
height: 88px;
margin: 0 auto;
}
#scroll-down {
display: block;
text-align: center;
}
#scroll-down::before {
-webkit-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; -moz-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; -o-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; position: absolute;
top: 50%;
left: 74%;
width: 99px;
height: 1px;
background: #333;
content: ' ';
}
@-webkit-keyframes elasticus {
0% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0, 1);
-ms-transform: scaleX(0, 1);
-moz-transform: scaleX(0, 1);
-o-transform: scaleX(0, 1);
transform: scaleX(0, 1);
}
50% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
50.1% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleX(1, 1);
-ms-transform: scaleX(1, 1);
-moz-transform: scaleX(1, 1);
-o-transform: scaleX(1, 1);
transform: scaleX(1, 1);
}
100% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scaleX(1, 0);
-ms-transform: scaleX(1, 0);
-moz-transform: scaleX(1, 0);
-o-transform: scaleX(1, 0);
transform: scaleX(1, 0);
}
}
@media screen and (max-width: 768px) {
.next-btn {
max-width: 600px;
}
.next-btn-title {
text-align: left;
padding-left: 8%;
}
}
@media screen and (max-width: 480px) {
.next-btn {
height: 60px;
width: 80%;
}
.next-btn-title span {
display: none;
}
#scroll-down::before {
left: 55%;
width: 100px;
}
}
@media screen and (max-width: 360px) {
#scroll-down::before {
width: 90px;
}
}  .footer-btnBox a {
margin: 0 auto;
}
.footer-btn-title {
width: 100%;
text-align: left;
font-size: 12px;
padding: 0 10%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.footer-btn {
position: relative;
border: 1px solid;
width: 100%;
height: 40px;
margin: 0 0 30px;
}
#scroll-right {
display: block;
padding-top: 79px;
text-align: center;
}
#scroll-right::before {
-webkit-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; -moz-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; -o-animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; animation: elasticus 3.1s cubic-bezier(1, 0, 0, 1) infinite; position: absolute;
top: 50%;
left: 60%;
width: 99px;
height: 1px;
background: #333;
content: ' ';
}
@-webkit-keyframes elasticus {
0% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0, 1);
-ms-transform: scaleX(0, 1);
-moz-transform: scaleX(0, 1);
-o-transform: scaleX(0, 1);
transform: scaleX(0, 1);
}
50% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
50.1% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleX(1, 1);
-ms-transform: scaleX(1, 1);
-moz-transform: scaleX(1, 1);
-o-transform: scaleX(1, 1);
transform: scaleX(1, 1);
}
100% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scaleX(1, 0);
-ms-transform: scaleX(1, 0);
-moz-transform: scaleX(1, 0);
-o-transform: scaleX(1, 0);
transform: scaleX(1, 0);
}
}
@media screen and (max-width: 1000px) {
#scroll-right::before {
left: 50%;
}
}
@media screen and (max-width: 768px) {
.footer-btn {
max-width: 600px;
}
#scroll-right::before {
left: 65%;
}
}
@media screen and (max-width: 500px) {
#scroll-right::before {
left: 56%;
}
}
@media screen and (max-width: 480px) {
.footer-btn-title {
text-align: left;
padding-left: 8%;
}
.footer-btn-title span {
display: none;
}
}
@media screen and (max-width: 400px) {
#scroll-right::before {
left: 41%;
}
}  .CatWorks-linkbox {
width: 20%;
position: relative;
bottom: 0;
right: 0;
}
.CatWorks-linkinner {
position: absolute;
bottom: 0;
left: 60px;
}
.CatWorks-allbutton {
align-items: flex-end;
display: flex;
width: 75px;
height: 75px;
margin-top: 20px;
-webkit-transform: skewX(137deg);
-moz-transform: skewX(137deg);
transform: skewX(137deg);
border-left: 1px solid #000;
display: inline-block;
}
.CatWorks-all a {
position: relative;
margin-left: 12%;
}
.CatWorks-all a:before {
position: absolute;
top: 120px;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left: 0px;
content: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/arrow-bt.png);
transition: .6s;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.5);
transform: scale(0.5);
} _:-ms-lang(x),
.CatWorks-all a::before {
bottom: -5px;
}
.CatWorks-all a:hover:before {
left: 5px;
}
.all-W {
position: relative;
top: 76px;
left: 20px;
font-size: 12px;
} .CatWorks-linkbox-mini {
width: 20%;
position: relative;
bottom: 0;
right: 0;
}
.CatWorks-linkinner-mini {
position: absolute;
top: -77px;
left: 38px;
}
.CatWorks-allbutton-mini {
align-items: flex-end;
display: flex;
width: 65px;
height: 65px;
margin-top: 20px;
-webkit-transform: skewX(137deg);
-moz-transform: skewX(137deg);
transform: skewX(137deg);
border-left: 1px solid #000;
}
.CatWorks-all-mini a {
position: relative;
margin-left: 3px;
}
.CatWorks-all-mini a:before {
position: absolute;
bottom: -120px;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left: 0px;
content: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/arrow-bt.png);
transition: .6s;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.5);
transform: scale(0.5);
} _:-ms-lang(x),
.CatWorks-all-mini a:before {
bottom: -8px;
}
.CatWorks-all-mini a:hover:before {
left: 5px;
}
.all-W-mini {
position: relative;
top: 68px;
left: 17px;
font-size: 11px;
} .Present-linkbox {
width: 100%;
position: relative;
bottom: 0;
right: 0;
margin: 0 0 75px;
display: inline-block;
}
.Present-linkinner {
position: absolute;
bottom: -80px;
right: 0;
}
@media screen and (max-width: 1024px) {
.CatWorks-linkbox-mini {
width: 25%;
}
.CatWorks-linkbox {
width: 25%;
}
.CatWorks-linkbox {
right: 25px;
}
}
@media screen and (max-width: 768px) {
.Present-linkinner {
right: 5%;
}
.CatWorks-allbutton-mini {
width: 75px;
height: 75px;
}
.CatWorks-linkbox-mini {
width: 20%;
}
.all-W-mini {
top: 76px;
left: 20px;
font-size: 12px;
}
.CatWorks-all-mini a::before {
bottom: -133px;
} _:-ms-lang(x),
.CatWorks-all-mini a:before {
bottom: -8px;
}
.CatWorks-all-mini a {
margin-left: 12%;
}
}
@media screen and (max-width: 480px) {
.CatWorks-linkbox {
width: 100%;
top: 36px;
display: inline-block;
margin: 30px 0;
}
.CatWorks-linkinner {
right: 10px;
left: auto;
}
.CatWorks-allbutton {
width: 55px;
height: 55px;
}
.all-W {
top: 60px;
left: 17px;
font-size: 10px;
}
.CatWorks-all a::before {
top: 100px;
} _:-ms-lang(x),
.CatWorks-all a::before {
bottom: -5px;
}
.CatWorks-all a {
margin-left: 7%;
}
.Present-linkinner {
bottom: -50px;
}
.CatWorks-linkbox-mini {
width: 100%;
top: -16px;
display: inline-block;
margin: 30px 0;
}
.CatWorks-linkinner-mini {
right: 15px;
left: auto;
}
.CatWorks-allbutton-mini {
width: 55px;
height: 55px;
}
.all-W-mini {
top: 60px;
left: 17px;
font-size: 10px;
}
.CatWorks-all-mini a::before {
bottom: -109px;
} _:-ms-lang(x),
.CatWorks-all-mini a:before {
bottom: -8px;
}
.CatWorks-all-mini a {
margin-left: 7%;
}
}   @media screen and (max-width: 1100px) {
#scroll-left {
display: block;
text-align: center;
position: relative;
}
#scroll-left::before {
-webkit-animation: anime02 3.1s cubic-bezier(1, 0, 0, 1) infinite reverse; -moz-animation: anime02 3.1s cubic-bezier(1, 0, 0, 1) infinite reverse; -o-animation: anime02 3.1s cubic-bezier(1, 0, 0, 1) infinite reverse; animation: anime02 3.1s cubic-bezier(1, 0, 0, 1) infinite reverse; position: absolute;
top: 0;
left: 0;
width: 75px;
height: 1px;
background: #333;
content: ' ';
}
}
@-webkit-keyframes anime02 {
0% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0, 1);
-ms-transform: scaleX(0, 1);
-moz-transform: scaleX(0, 1);
-o-transform: scaleX(0, 1);
transform: scaleX(0, 1);
}
50% {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
50.1% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleX(1, 1);
-ms-transform: scaleX(1, 1);
-moz-transform: scaleX(1, 1);
-o-transform: scaleX(1, 1);
transform: scaleX(1, 1);
}
100% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scaleX(1, 0);
-ms-transform: scaleX(1, 0);
-moz-transform: scaleX(1, 0);
-o-transform: scaleX(1, 0);
transform: scaleX(1, 0);
}
} @media screen and (max-width: 768px) {
.block-sl-wapper__txt {
margin-top: 10%;
}
}  #hubspot-messages-iframe-container {
z-index: 2147483646 !important;
}   div#newsticker {
width: 350px;
} @media screen and (max-width: 320px) {
.navToggle {
left: 60px;
}
.header-sns {
margin-right: 38%;
}
} .nextend-bullet-bar .n2-bullet.n2-active {
background: #2869B0 !important;
}
.nextend-bullet-bar .n2-bullet:hover {
background: #2869B0 !important;
} .page-id-7366 .minititle {
margin-bottom: 24px;
} .text-left {
text-align: left;
}
.p-indent {
padding-left: 3em;
}
.p-small {
display: block;
} @media screen and (max-width: 500px) {
.strategy ul {
padding: 0;
}
.strategy li {
font-size: 12px;
margin: 0 8px 8px 0;
}
.postid-7500 .p-indent {
padding-left: 0;
}
} @media screen and (max-width: 480px){
.entry-content ul li{
font-size: 12px; }
} .header-blog a {
display: inline-block;
width: 12px;
height: 12px;
background-image: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/note_icon.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 12px;
padding-right: 19px;
}
@media screen and (max-width: 480px) {
.header-blog a {
width: 14px;
height: 14px;
padding-bottom: 0px;
padding-right: 22px;
}
}
.Cat-works-Inner h3 {
font-size: 1.3rem!important;
}
  article.front-page{
overflow: hidden;
}
.home h3{
font-size: 2rem
}
@media screen and (max-width: 768px) {
.home h3{
font-size: 1.6rem
}
}
@media screen and (max-width: 480px) {
.home h3{
font-size: 1.3rem
}
} section.FrontTop-wrap{
margin-bottom: 250px;
height: 700px;
position: relative;
}
@media screen and (min-width: 2560px) {
section.FrontTop-wrap{
height: 1340px;
}
}
@media screen and (min-width: 1920px) {
section.FrontTop-wrap{
height: 980px;
}
}
@media screen and (min-width: 1680px) {
section.FrontTop-wrap{
height: 950px;
}
}
@media screen and (max-width: 1280px) {
section.FrontTop-wrap{
height: 600px;
}
}
@media screen and (max-width: 1024px) {
section.FrontTop-wrap{
height: 568px;
}
}
@media screen and (max-width: 768px) {
section.FrontTop-wrap{
height: 899px;
margin-bottom:0px;
}
}
@media screen and (max-width: 480px) {
section.FrontTop-wrap{
height: 542px;
}
}
@media screen and (max-width: 375px) {
section.FrontTop-wrap{
height: 490px;
}
}
@media screen and (max-width: 320px) {
section.FrontTop-wrap{
height: 403px;
}
} .sub-title p{
font-size: 12px;
font-weight:bold;
padding: 35px 50px;
letter-spacing: 0.1em;
line-height: 1.8em;
margin: 0;
}
@media screen and (max-width: 480px) {
.sub-title p{
padding: 15px 25px 25px;
font-size: 11px;
}
} .FrontTop-tobibou{
width: 50%;
position: absolute;
right: 0;
top: 0;
z-index: 998;
}
.FrontTop-tobibou img{
width: 100%;
}
@media screen and (min-width: 2100px) {
.FrontTop-tobibou{
width: auto;
}
}
@media screen and (max-width: 768px) {
.FrontTop-tobibou {
width: 65%;
}
}
@media screen and (max-width: 480px) {
.FrontTop-tobibou {
width: 70%;
}
} .FrontTop-cloud {
width:100%;
height:207px;
margin:0 auto;
position: absolute;
bottom: 120px;
}
#bg{
width:100%;
height:207px;
background:url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/cloud.png);
animation: cloudmove 300s linear infinite;
-webkit-animation: cloudmove 300s linear infinite;
-moz-animation: cloudmove 300s linear infinite;
}
@keyframes cloudmove {
0% {background-position: 0 0;}
50% {background-position: -2495px 0;}
100% {background-position: -4990px 0;}
}
@-webkit-keyframes cloudmove {
0% {background-position: 0 0;}
50% {background-position: -2495px 0;}
100% {background-position: -4990px 0;}
}
@-moz-keyframes cloudmove {
0% {background-position: 0 0;}
50% {background-position: -2495px 0;}
100% {background-position: -4990px 0;}
}
@media screen and (max-width: 480px) {
#bg{
height: 104px;
background:url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/cloud-mini.png);
}
.FrontTop-cloud{
bottom: 0;
}
} .FrontTop-massage-Container{ z-index: 999;
width: 100%;
height: auto;
margin: 0 auto;
max-width: 350px;
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%)
}
.FrontTop-massage p{
font-size:12px;
line-height: 3.5;
letter-spacing: 2em;
text-align: justify;
margin: 0;
font-family: source-han-sans-japanese, sans-serif;
} .FrontTop-massageLink{
display: -webkit-flex; display: flex;
-webkit-align-items: center; align-items:         center;
-webkit-justify-content: center; justify-content:         center;
position: absolute;
right: 5%;
}
.FrontTop-massageLink p{
width: 314px;
text-align: right;
margin-top: 0;
}
.FrontTop-massageLink p a{
font-size: 14px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.FrontTop-massage-Container{
max-width: 375px;
margin-left: 15px;
}
.FrontTop-massage p{
font-size:12.5px;
}
}
@media screen and (max-width:  480px) {
.FrontTop-massage p{
font-size: 10px;
line-height: 2.475;
letter-spacing: 1.26em;
}
.FrontTop-massage-Container{
max-width: 214px;
}
.FrontTop-massageLink p{
margin-top: -10px;
}
.FrontTop-massageLink p a {
font-size: 11px;
}
} .newsticker-Container{
position: relative;
z-index: 99999;
}
.newsticker-Inner{ z-index: 999;
left: 40px; bottom: 103px;
position: fixed;
}
.newsticker-title{
background-color: #000;
width:100%;
max-width: 124px;
height: 45px;
border: 1px solid #000;
}
.newsticker-titleSP{
display: none;
}
.newsticker-titlePC{
color: #fff;
font-size:12px;
padding: 0 24px;
letter-spacing: 0.09em;
line-height: 1.5;
}
.newsticker-titlePC a, .newsticker-titleSP a{
color: #fff;
}
.newsticker-titlePC a:hover,.newsticker-titleSP a:hover{
color: #fff;
}
.day{
color: #000;
font-size:12px;
padding-right: 10px;
}
.ticker {
margin: 0 auto;
padding: 9px 20px;
width: 345px;
text-align: left;
position: relative;
bottom: 45px;
left: 124px;
overflow: hidden;
background-color:#fff;
height: 45px !important;
border: 1px solid #000;
}
.ticker ul {
width: 100%;
position: relative;
margin: 0;
}
.ticker ul li {
width: 100%;
display: none;
line-height: 1.4em;
}
.ticker ul li a{
font-size: 12px;
color: #000;
}
.newsticker-ContainerSP{
display: none;
}
@media screen and (max-width: 768px) {
.newsticker-Container{
display: none;
}
.newsticker-ContainerSP{
display: inline;
}
.newsticker-Inner{
left: 0;
bottom: 80px;
width: 100%;
position: absolute;
height: 45px;
}
.newsticker-title{
position: relative;
z-index: 999;
}
.ticker{
padding: 9px 20px 9px 150px;
width: 100%;
left: 0;
}
}
@media screen and (max-width: 480px) {
.newsticker-Inner{
bottom: 90px;
}
.newsticker-title{
max-width: 58px;
height: 56px;
}
.ticker{
padding: 6px 5px 5px 68px;
height: 56px!important;
bottom: 56px;
}
.newsticker-titlePC{
display: none;
}
.newsticker-titleSP{
display: block;
color: #fff;
font-size:12px;
padding: 0 14px;
letter-spacing: 0.09em;
line-height: 2.5;
}
.ticker ul li{
font-size: 11px;
line-height: 2em;
}
.day{
padding-right: 5px;
line-height: .8em;
}
} .T-Container{ }
.T{
position: absolute;
left: 0;
bottom: -160px;
width: 20%; }
.O-Container{ z-index: -9;
}
.O{
position: absolute;
right: 0; margin-top: -120px;
width: 19%;
}
.B-Container{  z-index: -9;
}
.B{
position: absolute;
left: 0;
width: 18%;
margin-top: -200px; }
.I-Container{  clear: both;
}
.I{
position: absolute;
right: 6%;
width: 5.2%;
margin-top: -120px; }
@media screen and (min-width: 1700px) {
.T{
bottom: -180px;
}
.O{
width: 17%;
}
.B{
width: 16%;
}
.I{
width: 4.8%;
}
}
@media screen and (max-width: 1280px) {
.T{
bottom: -180px;
width: 23%;
}
}
@media screen and (max-width: 1024px) {
.T{
bottom: -120px;
}
}
@media screen and (max-width: 900px) {
.T { }
}
@media screen and (max-width: 768px) {
.T{
bottom: 50px;
width: 30%;
}
.O {
margin-top: 20px;
width: 26%;
}
.B {
margin-top: 140px;
width: 22%;
}
.I {
width: 7%;
margin-top: -20px;
}
}
@media screen and (max-width: 480px) {
.T {
width: 40%;
margin-bottom: -60px;
}
.O {
width: 38%;
margin-top: 300px;
}
.B{
width: 34%;
margin-top: 250px;
}
.I{
width: 12%;
margin-top: 250px;
}
}
@media screen and (max-width: 320px) {
.T {
bottom: 20px;
}
} section.FrontPresent-wrap{
width: 100%;
max-width: 1100px;
margin-bottom: 200px;
padding-left: 10%;
padding-right: 5%;
padding-top: 60px;
position: relative;
z-index: 9;
}
.FrontPresent-container{
width: 100%;
max-width: 640px;
display: flex;
text-align: justify;
}
.FrontPresent-textbox{
width: 80%;
}
.FrontPresent-textbox h3{
margin-bottom: 40px;
font-family: source-han-sans-japanese, sans-serif;
}
.FrontPresent-textbox p{
margin-bottom: 35px;
font-size: 14px;
}
.FrontPresent-Childbox{
display: flex;
}
.FrontPresent-Childinner{
flex: 1;
}
.FrontPresent-Childinner2{
flex: 2;
}
.FrontPresent-Childbox ul{
margin: 0;
padding: 0;
}
.FrontPresent-Childbox ul li{
list-style: none;
margin: 2% 0;
}
.FrontPresent-Childbox ul li:before{
content: "-";
padding-right: 10px;
}
.FrontPresent-Childbox ul li a{
font-size: 12px;
font-weight: bold;
} .FrontPresent-linkbox{
width: 20%;
position: absolute;
bottom: 0;
right: 0;
}
.FrontPresent-allbutton{
align-items: flex-end;
display: flex;
width: 126px;
height: 126px;
margin-top: 20px;
-webkit-transform: skewX(137deg);
-moz-transform: skewX(137deg);
transform: skewX(137deg);
border-left: 1px solid #000;
}
.FrontPresent-all a{
position: relative;
margin-left: 7%;
}
.FrontPresent-all a:before{
position: absolute;
bottom: 10px;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left: 0px;
content: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/arrow-bt.png);
transition:.6s;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.5);
transform: scale(0.5);	
} _:-ms-lang(x), .FrontPresent-all a:before{
bottom: 0; 
}
.FrontPresent-all a:hover:before{
left: 5px;
} .all{
position: relative;
top: 110px;
left: 25px;
font-size: 12px;
}
@media screen and (min-width: 1700px) {
section.FrontPresent-wrap{
padding-left: 15%;
max-width: 1380px;	
}
.FrontPresent-container{
max-width: 740px;
}
}
@media screen and (max-width: 1280px) {
section.FrontPresent-wrap{
max-width: 900px;
}
.FrontPresent-container{
max-width: 540px;
}
}
@media screen and (min-width: 1400px) {
section.FrontPresent-wrap{
margin-bottom: 230px;
}
}
@media screen and (max-width: 1100px) {
section.FrontPresent-wrap{
margin-top: -40px;
margin-bottom: 100px;
}
.FrontPresent-textbox {
margin-right: 5%;
}
.FrontPresent-textbox h3{
margin-bottom: 20px;
}
.FrontPresent-textbox p {
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.FrontPresent-container{
max-width: 768px;
}
.FrontPresent-allbutton{
width: 100px;
height: 100px;
margin-top: 40px;
}
.FrontPresent-all a::before{
bottom: 4px;
} _:-ms-lang(x), .FrontPresent-all a:before{
bottom: 0; 
}
.all {
left: 22px;
}
section.FrontPresent-wrap{
padding-left: 5%;
margin-bottom: 100px;
}
}
@media screen and (max-width: 600px) {
.FrontPresent-Childbox{
display: block;
}
}
@media screen and (max-width: 480px) {
.FrontPresent-textbox h3{
letter-spacing: 0.03em;
}
.FrontPresent-Childbox ul li a{
font-size: 10px;
}
.FrontPresent-Childbox ul li{
margin: 0.51% 0;
}
.FrontPresent-linkbox{
right: 5%;
}
.FrontPresent-all a {
margin-left: 1%;
}
.FrontPresent-all a::before {
bottom: -5px;
} _:-ms-lang(x), .FrontPresent-all a:before{
bottom: 0; 
}
.all{
left: 13px;
top: 104px;
font-size: 11px;
}
.FrontPresent-allbutton{
width: 86px;
height: 86px;
}
} section.FrontWorks-wrap{
width: 100%;
max-width: 1100px;
margin-bottom: 200px;
padding-left: 10%;
position: relative;
float: right;
margin-right: 5%;
z-index: 9;
}
.FrontWorks-container{
width: 100%;
max-width: 640px;
display: flex;
text-align: justify;
}
.FrontWorks-textbox {
width: 80%;
}
.FrontWorks-textbox h3{
margin-bottom: 40px;
font-family: source-han-sans-japanese, sans-serif;
}
.FrontWorks-textinner p{
font-size: 14px;
} .FrontWorks-linkbox{
width: 20%;
position: absolute;
bottom: 0;
right: 0;
}
.FrontWorks-allbutton{
align-items: flex-end;
display: flex;
width: 126px;
height: 126px;
margin-top: 20px;
-webkit-transform: skewX(137deg);
-moz-transform: skewX(137deg);
transform: skewX(137deg);
border-left: 1px solid #000;
}
.FrontWorks-all a{
position: relative;
margin-left: 7%;
}
.FrontWorks-all a:before{
position: absolute;
bottom: 10px;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left: 0px;
content: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/arrow-bt.png);
transition:.6s;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.5);
transform: scale(0.5);	
} _:-ms-lang(x), .FrontWorks-all a:before{
bottom: 0; 
}
.FrontWorks-all a:hover:before{
left: 5px;
}
@media screen and (min-width: 1700px) {
section.FrontWorks-wrap{
padding-left: 15%;
max-width: 1380px;
}
.FrontWorks-container{
max-width: 740px;
}
}
@media screen and (max-width: 1400px) {
section.FrontWorks-wrap{
margin-right: 0;
}
}
@media screen and (max-width: 1280px) {
section.FrontWorks-wrap{
max-width: 900px;
margin-right: 3%;
}
.FrontWorks-container{
max-width: 540px;
}
}
@media screen and (max-width: 1100px) {
section.FrontWorks-wrap{
justify-content: normal;
padding-right: 5%;
float: none;
margin-bottom: 100px;
}
.FrontWorks-textbox {
margin-right: 5%;
}
.FrontWorks-textbox h3{
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.FrontWorks-linkbox{
bottom: -90px;
}
.FrontWorks-allbutton{
width: 100px;
height: 100px;
margin-top: 40px;
}
.FrontWorks-all a::before{
bottom: 4px;
} _:-ms-lang(x), .FrontWorks-all a:before{
bottom: 0; 
}
section.FrontWorks-wrap{
padding-left: 5%;
margin-bottom: 180px;
}
.FrontWorks-container{
max-width: 768px;
}
}
@media screen and (max-width: 480px) {
section.FrontWorks-wrap{
margin-bottom: 160px;
}
.FrontWorks-textbox h3{
letter-spacing: 0.03em;
}
.FrontWorks-linkbox{
right: 5%;
bottom: -60px;
}
.FrontWorks-all a {
margin-left: 1%;
}
.FrontWorks-all a::before {
bottom: -5px;
} _:-ms-lang(x), .FrontWorks-all a:before{
bottom: 0; 
}
.FrontWorks-allbutton{
width: 86px;
height: 86px;
}
} .FrontTeam-wrap{
width: 100%;
max-width: 1100px;
margin-bottom: 200px;
padding-left: 10%;
padding-right: 5%;
position: relative;
}
.FrontTeam-container {
width: 100%;
max-width: 640px;
margin-right: 5%;
display: flex;
text-align: justify;
}
.FrontTeam-textbox{
width: 80%;
}
.FrontTeam-textbox h3{
margin-bottom: 40px;
font-family: source-han-sans-japanese, sans-serif;
}
.FrontTeam-textbox p{
margin-bottom: 50px;
font-size: 14px;
} .FrontTeam-linkbox{
width: 20%;
position: absolute;
bottom: 0;
right: 0;
}
.FrontTeam-allbutton{
align-items: flex-end;
display: flex;
width: 126px;
height: 126px;
margin-top: 20px;
-webkit-transform: skewX(137deg);
-moz-transform: skewX(137deg);
transform: skewX(137deg);
border-left: 1px solid #000;
}
.FrontTeam-all a{
position: relative;
margin-left: 7%;
}
.FrontTeam-all a:before{
position: absolute;
bottom: 10px;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left: 0px;
content: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/arrow-bt.png);
transition:.6s;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.5);
transform: scale(0.5);	
} _:-ms-lang(x), .FrontTeam-all a:before{
bottom: 0; 
}
.FrontTeam-all a:hover:before{
left: 5px;
}
@media screen and (min-width: 1700px) {
.FrontTeam-wrap{
padding-left: 15%;
max-width: 1380px;
}
.FrontTeam-container{
max-width: 740px;
}
}
@media screen and (max-width: 1280px) {
section.FrontTeam-wrap{
max-width: 900px;
}
.FrontTeam-container{
max-width: 540px;
}
}
@media screen and (max-width: 1100px) {
section.FrontTeam-wrap{
margin-bottom: 100px;
}
.FrontTeam-textbox {
margin-right: 5%;
}
.FrontTeam-textbox h3{
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.FrontTeam-linkbox{
bottom: -60px;
}
.FrontTeam-allbutton{
width: 100px;
height: 100px;
margin-top: 40px;
}
.FrontTeam-all a::before{
bottom: 4px;
} _:-ms-lang(x), .FrontTeam-all a:before{
bottom: 0; 
}
section.FrontTeam-wrap{
padding-left: 5%;
margin-bottom: 180px;
}
section.FrontTeam-wrap{
padding-left: 5%;
}
.FrontTeam-container{
max-width: 768px;
}
}
@media screen and (max-width: 480px) {
section.FrontTeam-wrap{
margin-bottom: 100px;
}
.FrontTeam-linkbox{
right: 5%;
bottom: -30px;
}
.FrontTeam-all a {
margin-left: 1%;
}
.FrontTeam-all a::before {
bottom: -5px;
} _:-ms-lang(x), .FrontTeam-all a:before{
bottom: 0; 
}
.FrontTeam-allbutton{
width: 86px;
height: 86px;
}
.FrontTeam-textbox h3{
letter-spacing: 0.03em;
}
}
  .page .Page-read .entry-title,
.page-template-method .Page-read .entry-title,
.page-template-works .Page-read .entry-title,
.type-method .Page-read .entry-title {
text-align: center;
font-size: 0.8rem;
margin-top: 0;
}
.Page-read .line-box {
position: relative;
padding: 20px 0 16px;
}
.Page-read .line {
position: absolute;
width: 1px;
height: 20px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.Page-entryheader {
position: relative;
}
.Page-read {
padding: 80px 5% 90px;
z-index: 9999;
}
.Page-read P {
text-align: center;
font-size: 28px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 300;
font-style: normal;
margin-bottom: 0;
line-height: 2;
z-index: 999;
position: relative;
}
.Page_alphabet-W {
position: absolute;
right: 0;
top: 5%;
width: 100%;
max-width: 320px; }
.Page_alphabet-C {
position: absolute;
right: 0;
top: 5%;
width: 100%;
max-width: 320px; }
.Page_alphabet-P {
position: absolute;
right: 0;
top: 8%;
width: 100%;
max-width: 240px; }
.Page_alphabet-T2 {
position: absolute;
right: 0;
top: 8%;
width: 100%;
max-width: 280px; }
.Page_alphabet-I2 {
position: absolute;
right: 5%;
top: 8%;
width: 100%;
max-width: 70px; }
.Page_alphabet-M {
position: absolute;
right: 0;
top: 8%;
width: 100%;
max-width: 320px; }  .PageTop-cloud {
width: 100%;
height: 207px;
margin: 0 auto;
position: relative;
z-index: -9;
}
#bg2 {
width: 100%;
height: 207px;
background: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/cloud.png);
animation: cloudmove 300s linear infinite;
-webkit-animation: cloudmove 300s linear infinite;
-moz-animation: cloudmove 300s linear infinite;
position: absolute;
bottom: 210px;
}
@media screen and (max-width: 1100px) {
.Page-read {
padding: 40px 5% 80px;
}
.Page_alphabet-W {
max-width: 280px;
}
.Page_alphabet-C {
max-width: 280px;
}
.Page_alphabet-P {
max-width: 200px;
}
.Page_alphabet-M {
max-width: 280px;
}
.Page_alphabet-T2 {
max-width: 260px;
}
.Page_alphabet-I2 {
max-width: 60px;
}
}
@media screen and (max-width: 768px) {
.Page-read {
padding: 20px 5% 40px;
}
.Page-read P {
font-size: 24px;
}
.Page_alphabet-W {
max-width: 180px;
}
.Page_alphabet-C {
max-width: 180px;
}
.Page_alphabet-P {
max-width: 140px;
}
.Page_alphabet-M {
max-width: 180px;
}
.Page_alphabet-T2 {
max-width: 160px;
top: 3%;
}
.Page_alphabet-I2 {
max-width: 40px;
top: 5%;
}
}
@media screen and (max-width: 480px) {
.page .Page-read .entry-title,
.page-template-method .Page-read .entry-title,
.page-template-works .Page-read .entry-title {
line-height: 1.6em;
text-align: justify;
position: relative;
z-index: 9;
}
.Page-read .line {
height: 15px;
}
.Page-read {
padding: 5px 8% 0;
max-width: 360px;
width: 90%;
margin: 0 auto;
}
.Page-read P {
font-size: 20px;
line-height: 1.6em;
text-align: justify;
}
.Page_alphabet-W {
max-width: 90px;
top: 11%;
}
.Page_alphabet-C {
max-width: 80px;
top: 11%;
}
.Page_alphabet-P {
max-width: 60px;
top: 11%;
}
.Page_alphabet-M {
max-width: 90px;
top: 11%;
}
.Page_alphabet-T2 {
max-width: 90px;
top: 6%;
}
.Page_alphabet-I2 {
max-width: 20px;
top: 11%;
}
#bg2 {
height: 104px;
background: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/cloud-mini.png);
}
} .Sec_first {
margin-top: -200px;
}
.Sec_base {
padding: 0 8%;
margin-bottom: 120px;
}
.Sec_base2 {
padding: 0 8%;
}
.bg-gry {
background-color: #F5F5F5;
}
.halfcol-messageL {
padding-right: 2.8%;
flex: 1;
}
.halfcol-messageR {
padding-left: 2.8%;
flex: 1;
}
.halfcol-container p {
line-height: 2.8em;
text-align: justify;
font-size: 14px;
} .PageBottom-navbox {
margin-top: 40px;
}
.PageBottom-navbox .main-navigation {
padding: 0;
}
.PageBottom-navbox ul {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0;
}
.PageBottom-navbox li {
list-style: none;
font-size: 14px;
padding: 0 20px;
position: relative;
text-align: center;
}
.PageBottom-navbox li:after {
content: "/";
position: absolute;
right: -5px;
}
.PageBottom-navbox li:nth-child(7):after {
content: normal;
}
@media screen and (max-width: 768px) {
.Sec_base {
margin-bottom: 100px;
}
.PageBottom-navbox li {
font-size: 12px;
padding: 0 10px;
}
}
@media screen and (max-width: 480px) {
.Sec_base {
margin-bottom: 65px;
}
.Sec_bottom-primary {
margin-bottom: 40%;
}
.PageBottom-navbox ul {
flex-wrap: wrap;
max-width: 280px;
}
.PageBottom-navbox li {
width: 33.3%;
}
.PageBottom-navbox li::after {
content: "|";
} .PageBottom-navbox {
margin-top: 25px;
}
} section.message p {
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl; writing-mode: vertical-rl;
font-size: 16px;
text-align: left;
display: inline-block;
line-height: 2.75;
}
.txt-ver-message {
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl; writing-mode: vertical-rl;
font-size: 16px;
text-align: left;
display: inline-block;
line-height: 2.75;
max-height: 404px;
max-width: 1000px;
}
.block-sl-wapper {
max-width: 924px;
margin: 0 auto;
}
.Page-textboxTate {
text-align: center;
direction: rtl;
}
.csv_imageBox {
padding: 0 1%;
flex: 1;
}
@media screen and (max-width: 768px) {
.flex-center-height01 {
height: auto;
}
.flex-center-height02 {
height: auto;
}
.flex-center-height03 {
height: auto;
}
.flex-center-height04 {
height: auto;
}
.Page-textboxTate--height01 {
height: 303px;
}
.Page-textboxTate--height02 {
height: 269px;
}
.Page-textboxTate--height03 {
height: 353px;
}
.Page-textboxTate--height04 {
height: 353px;
}
.txt-ver-message {
font-size: 14px;
}
.csv_imageBox {
padding: 1%;
}
}
@media screen and (max-width: 480px) {
section.message p {
line-height: 2.2;
font-size: 14px;
}
.txt-ver-message {
line-height: 2.2;
font-size: 14px;
}
}  .PagePresent-LeftContainer {
flex: 3;
padding-right: 8%;
}
.PagePresent-RightContainer {
flex: 7;
}
.PagePresent-RightTextbox p {
line-height: 2.8em;
font-size: 14px;
text-align: justify;
}
.RightTextbox-table table {
border-collapse: collapse;
}
.RightTextbox-table td {
padding: 5px 15px;
font-size: 12px;
}
.Present-tableL {
width: 20%;
}
.Present-tableR {
width: 80%;
}
.Present-tableR a {
color: #0068b6;
}
.Present-tableR a:hover {
color: #0068b6;
opacity: 0.8;
}
@media screen and (max-width: 900px) {
.PagePresent-RightTextbox p {
letter-spacing: 0.08em;
}
}
@media screen and (max-width: 768px) {
.PagePresent-RightTextbox h3 {
margin: 15px 0 0;
text-align: center;
}
}
@media screen and (max-width: 600px) {
.Present-tableL {
width: 28%;
}
.Present-tableR {
width: 72%;
}
}
@media screen and (max-width: 480px) {
.PagePresent-RightTextbox h3 {
font-size: 1.2rem;
text-align: justify;
line-height: 1.6;
}
} .PagePresent-Lastmessage {
padding: 5% 5% 2%;
}
.PagePresent-Lastmessage h3 {
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 1300px) {
.PagePresent-Lastmessage {
padding: 5% 8% 2%;
}
}
@media screen and (max-width: 900px) {
.halfcol-container p {
letter-spacing: 0.08em;
}
}
@media screen and (max-width: 768px) {
.Title-Box {
margin-bottom: 40px;
}
.PagePresent-LeftContainer {
padding-right: 0;
text-align: center;
}
.PagePresent-RightContainer {
padding: 0 5%;
}
.halfcol-messageR {
padding-left: 0;
}
.halfcol-messageL {
padding-right: 0;
}
.PagePresent-Lastmessage {
padding: 5% 8% 4%;
}
}
@media screen and (max-width: 480px) {
.Title-Box {
padding: 15px 0;
}
.PagePresent-RightContainer {
padding: 0 3%;
}
.PagePresent-RightTextbox p {
line-height: 2.2em;
}
.PagePresent-Lastmessage h3 {
font-size: 1.2rem;
text-align: justify;
line-height: 1.6;
}
.halfcol-container p {
line-height: 2.2em;
}
.PagePresent-Lastmessage {
padding: 12% 8% 4%;
}
} @media screen and (max-width: 480px) {
.page-id-3151 .minititle {
font-size: 13px;
margin-bottom: 3px;
}
} .block-sl-wapper__txt {
display: block;
font-size: .7rem;
} .gridtab--0>dt {
padding: 10px 25px !important;
border-color: #fff !important;
}
.gridtab>dt {
background: #fff !important;
}
.gridtab--0>dd {
margin: 20px 0 0 -2px !important;
border-width: 0.5px !important;
border-color: #000 #fff !important;
}
@media screen and (max-width: 480px) {
.gridtab--0>dt {
padding: 5px !important;
}
.gridtab--0>dd {
padding: 30px 10px 10px !important;
}
}  .office-ImageContainer {
line-height: 0;
} .office-slide {
width: 100%;
margin: 0 auto 10px;
}
.slickimg {
width: 100%;
}
.slickimg img {
width: 800px;
padding: 0 10px;
}
.slick-dots li {
margin: 0 !important;
}
.slick-dots li button {
background: #ffffff !important;
opacity: 1 !important;
padding: 5px 5px 5px 5px !important;
box-shadow: none !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #000000 !important;
border-color: RGBA(0, 0, 0, 1) !important;
border-radius: 50px !important;
margin: 4px !important;
width: 10px !important;
height: 10px !important;
}
.slick-active button:before {
content: none important;
background-color: #000;
opacity: 1 !important;
padding: 5px 5px 5px 5px !important;
box-shadow: none !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #000000 !important;
border-color: RGBA(0, 0, 0, 1) !important;
border-radius: 50px !important;
margin: 4px !important;
width: 10px !important;
height: 10px !important;
}
.slick-dots li button:before {
color: transparent !important;
}
@media screen and (max-width: 768px) {
.slickimg img {
width: 500px;
}
}
@media screen and (max-width: 480px) {
.slickimg img {
width: 400px;
}
}  .myphoto {
width: 100%;
max-width: 140px;
}
.myphoto img {
border-radius: 50%;
}
.memberL {
flex: 1;
}
.memberR {
flex: 2;
}
.memberL ul {
margin: 0;
padding: 0;
list-style: none;
}
.member-box {
margin-bottom: 120px;
}
.myname p {
margin-bottom: 5px;
font-size: 15px;
}
.memberL ul li {
line-height: 1.4;
}
.memberL ul li a {
font-size: 12px;
}
@media screen and (max-width: 1300px) {
.team-messageBox {
padding: 0 8%;
}
.team-memberBox {
padding: 0 8%;
}
}
@media screen and (max-width: 768px) {
.memberL {
display: flex;
margin-bottom: 20px;
}
.myphoto {
flex: 1;
margin-right: 5%;
}
.myname {
flex: 2;
}
}
@media screen and (max-width: 480px) {
.myname p {
margin-top: 3px;
margin-bottom: 0;
font-size: 13px;
}
.memberL ul li {
line-height: 1;
}
.memberL ul li a {
font-size: 11px;
}
.memberL {
margin-bottom: 5px;
}
.member-box {
margin-bottom: 60px;
}
} .contact-message {
margin-bottom: 80px;
padding: 0 4%;
}
.contact-message p {
text-align: justify;
}
.contact-title {
margin-bottom: 20px !important;
}
.contact-tel {
text-align: center !important;
font-size: 36px !important;
letter-spacing: 0.1em;
margin: 0;
line-height: 1.6 !important;
margin-bottom: 10px;
}
.contact-time {
text-align: center !important;
margin: 0;
line-height: inherit !important;
}
.contact-chat {
max-width: 350px;
margin: 0 auto;
}
.page-id-16 .halfcol-container p {
line-height: 2.2em;
} .access-inner1 {
margin-bottom: 25px;
}
.about-tobi span {
font-size: 12px;
margin-left: 20px;
}
.page-id-16 section table {
width: 100%;
border-collapse: separate;
border-spacing: 50px 0px;
}
.page-id-16 section th,
.page-id-16 section td {
font-size: 14px;
}
.about-tobi ul {
margin: 0;
padding: 0;
}
.about-tobi li {
list-style: none;
}
.about-tobi th {
width: 26%;
text-align: left;
font-weight: normal;
border-bottom: 0.8px solid;
padding: 24px 30px 13px 25px;
}
.about-tobi td {
border-bottom: 0.8px solid;
padding: 24px 30px 13px 25px;
} .Contact-formBox {
padding: 0 5%;
}
input[type="text"],
.page-id-16 input[type="email"],
input[type="tel"],
textarea {
border: 1px solid #000 !important;
border-radius: 0 !important;
}
input[type="text"],
.page-id-16 input[type="email"],
input[type="tel"] {
height: 50px;
width: 100%;
}
.page-id-16 .Contact-formBox .hs_message {
margin-bottom: 25px;
height: 120px;
}
.page-id-16 .Contact-formBox .hs-company,
.page-id-16 .Contact-formBox .hs_lastname,
.page-id-16 .Contact-formBox .hs_firstname,
.page-id-16 .Contact-formBox .hs_email,
.page-id-16 .Contact-formBox .hs_phone {
height: 50px;
margin-bottom: 25px;
}
.page-id-16 .actions {
text-align: right;
}
.page-id-16 input[type="submit"] {
background: #000 !important;
color: #fff;
border-radius: 0;
border: none;
font-size: 18px;
padding: 3% 10%;
}
.hs-form-required {
color: #0068B6;
}
#label-message-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 23%;
float: left;
}
.page-id-16 .Contact-formBox .input {
width: 77%;
float: left;
}
#message-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
height: 120px;
}
#label-company-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 23%;
float: left;
}
#label-lastname-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 23%;
float: left;
}
#label-firstname-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 23%;
float: left;
}
#label-email-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 23%;
float: left;
}
#label-phone-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 23%;
float: left;
} .hs_recaptcha {
float: right;
}
.page-id-16 .post-16 .hs_submit {
clear: both;
padding-top: 20px;
}
@media screen and (max-width: 900px) {
.about-tobi th {
width: 30%;
}
.page-id-16 section table {
border-spacing: 30px 0px;
}
.contact-message p {
letter-spacing: 0.08em;
line-height: 2.2;
}
}
@media only screen and (max-width:768px) {
.page-id-16 .halfcol-messageL {
margin-bottom: 80px;
}
.about-tobi {
margin: 0 -10px;
}
.about-tobi th,
.about-tobi td {
width: 100%;
display: block;
border-top: none;
}
.about-tobi td {
border-bottom: none;
padding: 15px 15px 13px 25px;
}
.about-tobi th {
font-weight: bold;
padding: 24px 15px 10px 25px;
}
.page-id-16 .Contact-formBox .input {
width: 100%;
float: none;
}
#label-message-dde414e4-ecd4-4b29-acb9-0a31315b2815,
#label-company-dde414e4-ecd4-4b29-acb9-0a31315b2815,
#label-lastname-dde414e4-ecd4-4b29-acb9-0a31315b2815,
#label-firstname-dde414e4-ecd4-4b29-acb9-0a31315b2815,
#label-email-dde414e4-ecd4-4b29-acb9-0a31315b2815,
#label-phone-dde414e4-ecd4-4b29-acb9-0a31315b2815 {
width: 100%;
float: none;
}
.page-id-16 .Contact-formBox .hs_message,
.page-id-16 .Contact-formBox .hs-company,
.page-id-16 .Contact-formBox .hs_lastname,
.page-id-16 .Contact-formBox .hs_firstname,
.page-id-16 .Contact-formBox .hs_email,
.page-id-16 .Contact-formBox .hs_phone {
margin-bottom: 50px;
}
}
@media only screen and (max-width:480px) {
.page-id-16 section table {
border-spacing: 0;
}
.about-tobi td {
padding: 15px 10px 13px 15px;
}
.about-tobi th {
padding: 24px 10px 10px 15px;
}
.contact-tel {
font-size: 28px !important;
margin-bottom: 5px;
}
.page-id-16 .halfcol-container p {
line-height: 2em;
}
.page-id-16 .halfcol-messageR {
padding: 0 3%;
}
} .right_just {
width: 95%;
margin: 0 0 1.5em auto;
} .page-template-child .entry-content {
padding: 0 8%;
}
h3.Child-read {
text-align: center;
margin-bottom: 60px;
}
.child-List ul {
margin: 0;
padding: 0;
}
.child-List li {
margin-bottom: 5px;
}
.Child-PointList ul {
margin: 0 0 0 5%;
padding: 0;
}
.Child-PointList li {
list-style: none;
padding: 2% 0;
position: relative;
border-bottom: 0.5px solid #D9D9D9;
line-height: 2.2;
}
.Child-PointList li:before {
content: "→";
padding-right: 10px;
position: absolute;
left: -5%;
}
@media screen and (max-width: 768px) {
h3.Child-read {
text-align: left;
}
.Child-PointList li:before {
left: -8%;
}
.Child-PointList ul {
margin: 0 0 0 8%;
}
}
@media screen and (max-width: 480px) {
.Child-PointList li {
font-size: 13px;
letter-spacing: 0.06em;
text-align: justify;
padding: 3% 0;
}
.Child-PointList li:before {
left: -12%;
}
.Child-PointList ul {
margin: 0 0 0 12%;
}
} .event article {
display: flex;
align-items: center;
}
.event article .methodAll-imagebox {
width: 40%;
margin-right: 5%;
}
.event article .InfoAll-inner {
flex: 1;
flex-direction: column;
}
.event article .InfoAll-inner .entry-meta p {
font-size: 16px;
letter-spacing: 0.1em;
font-weight: normal;
margin-bottom: 11px;
}
.event article .InfoAll-inner h2 {
font-size: 20px;
}
@media screen and (max-width: 480px) {
.event article .methodAll-imagebox {
width: 100%;
margin-right: 0px;
margin-bottom: 8px;
}
.event article {
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px;
}
.event article .InfoAll-inner .entry-meta p {
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
}
.event article .InfoAll-inner h2 {
font-size: 15px;
line-height: 1.75;
}
} .thanks_ttl {
text-align: center;
letter-spacing: 0.3em;
margin-top: -100px;
}
.thanks_img {
text-align: center;
}
.thanks_img object {
padding-right: 5%;
}
.thanks_txt {
text-align: center;
}
.sp-only {
display: none;
}
@media screen and (max-width: 1100px) {
.thanks_ttl {
font-size: 2rem;
}
}
@media screen and (max-width: 768px) {
.thanks_ttl {
font-size: 1.8rem;
}
}
@media screen and (max-width: 480px) {
.thanks_ttl {
font-size: 1.6rem;
}
.sp-only {
display: block;
}
}
    .SingleTop-cloud {
width: 100%;
height: 207px;
margin: 0 auto;
position: relative;
}
#bg3 {
width: 100%;
height: 207px;
background: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/cloud.png);
animation: cloudmove 300s linear infinite;
-webkit-animation: cloudmove 300s linear infinite;
-moz-animation: cloudmove 300s linear infinite;
position: absolute;
}
.Works-read {
text-align: center;
margin: 90px auto 120px;
max-width: 800px;
}
.Works-read h2 {
font-size: 28px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 300;
font-style: normal;
line-height: 2;
margin-bottom: 0;
}
.Circle-buttonBox {
display: flex;
justify-content: flex-end;
}
.OfficialLink-text {
padding-top: 20px;
}
.Single-read-Box {
padding: 0 8%;
margin-top: -43px;
}
@media screen and (max-width: 768px) {
.Works-read h2 {
font-size: 24px;
}
.Works-read {
margin: 60px 0;
}
.Single-read-Box {
margin-top: -100px;
}
}
@media screen and (max-width: 480px) {
.Works-read h2 {
font-size: 20px;
line-height: 1.6em;
text-align: center;
}
.Works-read {
margin: 40px 0;
}
#bg3 {
height: 104px;
background: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/cloud-mini.png);
}
.Single-read-Box {
margin-top: -140px;
}
}  .post-navi {
padding-bottom: 8%;
padding-top: 0;
text-align: center;
display: flex;
flex-direction: initial;
justify-content: center;
align-items: center;
} .next-box,
.prev-box {
width: 28%;
display: flex;
align-items: center;
justify-content: space-around;
}
.backCat-box {
padding: 0 10px;
font-size: 12px;
}
.post-navi a {
font-size: 12px;
} .single .entry-content {
padding: 0 8%;
}
.single .entry-content p {
letter-spacing: 0.08em;
line-height: 2em;
}
@media screen and (max-width: 768px) {
.next-box {
padding-left: 0;
}
.prev-box {
padding-right: 0;
}
}
@media screen and (max-width: 480px) {
.post-navi {
display: block;
}
.next-box {
width: 100%;
display: block;
margin-top: 10px;
}
.prev-box {
width: 100%;
display: block;
margin-bottom: 10px;
}
.single .entry-content p { text-align: justify;
}
}     .Cat-works-Inner {
justify-content: center;
align-items: center;
margin-top: 20px;
min-height: 120px;
}
.Cat-works-Inner h3 {
padding: 0 5% 0 0;
flex: 3;
text-align: right;
font-size: 1.3rem;
}
.Cat-works-Child {
border-left: 1px solid;
padding: 0 2% 0 5%;
flex: 7;
}
.Cat-works-read {
flex: 8;
}
.Cat-works-read p {
font-size: 14px;
line-height: 2;
margin-top: 5px;
}
.Circle-buttonBox-Cat {
flex: 2;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.Cat-others-Inner h3 {
font-size: 1.25rem;
margin-bottom: 0;
margin-top: 20px;
} .Cat-works-thumb {
max-width: 1100px;
max-height: 450px;
overflow: hidden;
}
.Cat-works-thumb img {
-moz-transition: -moz-transform 1.2s linear;
-webkit-transition: -webkit-transform 1.2s linear;
-o-transition: -o-transform 1.2s linear;
-ms-transition: -ms-transform 1.2s linear;
transition: transform 1.2s linear;
}
.Cat-works-thumb img:hover {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
@media screen and (max-width: 1200px) {
.Cat-works-read {
flex: 7;
}
}
@media screen and (max-width: 1024px) {
.Cat-works-read {
flex: 6;
}
}
@media screen and (max-width: 768px) {
.Cat-works-Inner h3 {
text-align: left;
margin-bottom: 10px;
padding: 0;
}
.Cat-works-Child {
border: none;
}
.Cat-works-Child {
padding: 0 2% 0 0;
}
.Cat-others-Inner h3 {
text-align: left;
margin-bottom: 10px;
padding: 0;
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.Cat-others-Inner h3 {
font-size: 1.1rem;
}
.Cat-works-read p {
font-size: 12px;
margin-bottom: 3px;
}
.page-id-12 .minititle {
margin-bottom: 14px;
}
} .slide-arrow {
width: 100%;
max-width: 60px;
z-index: 999;
}
.prev-arrow {
position: absolute;
top: -60px;
right: 60px;
}
.next-arrow {
position: absolute;
top: -60px;
right: 0;
}
.Cat-others-container {
width: 100%;
flex-wrap: wrap;
}
.Cat-others-box {
width: 50%;
} .others-item .slick-slide {
padding: 0 25px;
}
.others-item .prev-arrow {
position: absolute;
top: -60px;
right: 85px;
}
.others-item .next-arrow {
position: absolute;
top: -60px;
right: 25px;
}
@media screen and (max-width: 768px) {
.others-item .slick-slide {
padding: 0;
}
.others-item .prev-arrow {
right: 61px;
}
.others-item .next-arrow {
right: 0px;
}
}
@media screen and (max-width: 480px) {
.slide-arrow {
max-width: 45px;
}
.next-arrow {
top: -45px;
}
.prev-arrow {
top: -45px;
right: auto;
left: 0;
}
.others-item .prev-arrow {
top: -45px;
}
.others-item .next-arrow {
top: -45px;
}
} .others-wrap .wrapper {
position: relative;
}
.swiper-slide {
margin-top: 0 !important;
}
.swiper-button-prev {
background-image: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/prev.jpg) !important;
right: 61px !important;
left: auto !important;
}
.swiper-button-next {
background-image: url(//www.tobi-kikaku.jp/wp/wp-content/themes/tobi/img/next.jpg) !important;
right: 0 !important;
}
.swiper-button-prev,
.swiper-button-next {
width: 60px !important;
height: 60px !important;
background-size: 60px 60px !important;
margin-top: 0 !important;
top: 18px !important;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 1 !important;
}
.swiper-pagination {
bottom: 6%;
margin: 0 auto;
width: 100%;
max-width: 1100px;
}
.swiper-pagination-bullet-active {
background: #000 !important;
}
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
margin: 0 3px;
}
@media screen and (max-width: 480px) {
.swiper-button-prev,
.swiper-button-next {
width: 45px !important;
height: 45px !important;
top: -2px !important;
}
.swiper-button-prev {
right: auto;
left: 0 !important;
}
} .maruni_logo {
width: 100%;
max-width: 200px;
margin: 50px auto;
}
.maruni_catch {
max-width: 250px;
width: 100%;
}
@media screen and (max-width: 768px) {
.maruni_catch {
max-width: 230px;
}
}
@media screen and (max-width: 480px) {
.maruni_catch {
max-width: 200px;
}
} .category-1 .Cat-works-container {
margin-bottom: 150px;
}
@media screen and (max-width: 480px) {
.category-1 .Cat-works-container {
margin-bottom: 50px;
}
} .methodAll-wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.methodAll-wrap .type-method {
width: 25%;
padding: 1% 4.5%;
}
.methodAll-inner h2 {
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 768px) {
.methodAll-wrap .type-method_blog {
width: 33.3%;
}
}
@media screen and (max-width: 480px) {
.methodAll-wrap .type-method {
width: 50%;
padding: 5%;
}
.methodAll-inner h2 {
font-size: 14px;
}
.method_blog .Title-Box h1 {
padding: 3% 0;
}
} .wp-pagenavi {
width: 100%;
text-align: center;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: none !important;
}
@media screen and (max-width: 480px) {
.methodAll-box {
width: 50%;
}
} .single-method .method-mainContent a {
color: #0068b6;
}
.single-method .method-mainContent a:hover {
color: #0068b6;
opacity: 0.8;
}
.single-method .method-mainContent .post-navi a {
color: #000;
}
.single-method .method-mainContent .post-navi a:hover {
color: #000;
opacity: 1;
} .method-aside {
margin-bottom: 40px;
}
.method-aside h4.minititle {
margin-bottom: 20px;
}
.method-aside ul {
margin: 0;
padding: 0;
}
.method-aside li {
list-style: none;
font-size: 14px;
padding-left: 12px;
line-height: 2em;
}
.tagcloud a {
font-size: 10px !important;
border: 0.5px solid;
padding: 6px 8px;
border-radius: 2em;
white-space: nowrap;
}
.widget_categories ul {
margin-left: 19%;
}
.widget_categories li {
position: relative;
}
.widget_categories li :before {
position: absolute;
top: 9px;
left: 0px;
font: 10px "Font Awesome 5 Free";
content: "\f105";
font-weight: bold;
}
.widget_recent_entries ul {
margin-left: 10%;
}
.widget_recent_entries li {
position: relative;
}
.widget_recent_entries li :before {
position: absolute;
top: 9px;
left: 0px;
font: 10px "Font Awesome 5 Free";
content: "\f105";
font-weight: bold;
}
@media screen and (max-width: 768px) {
.method-aside h4.minititle {
text-align: left;
}
.widget_categories ul {
margin-left: 0;
}
.widget_recent_entries ul {
margin-left: 0;
}
}
@media screen and (max-width: 480px) {
.method-aside li {
font-size: 12px;
}
.method-aside h4.minititle {
margin-bottom: 10px;
}
} .methodOthers-title {
margin-bottom: 20px;
}
.related-entry-container2 {
width: 100%;
padding: 0 8%;
margin-bottom: 100px;
}
.related-entry-container2 h5 {
text-align: center;
margin: 10px 0 0;
font-size: 16px;
} @media screen and (max-width: 480px) {
.related-entry-container2 h5 {
font-size: 14px;
}
}  .InfoAll-inner .entry-meta {
flex: 10%;
padding-right: 3%;
}
.InfoAll-inner .entry-meta p {
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.01em;
margin: 0;
padding: 0;
line-height: 1.6;
}
.InfoAll-inner h2 {
flex: 90%;
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.InfoAll-inner .entry-meta {
padding-right: 5%;
}
.InfoAll-inner h2 {
font-size: 1.4rem;
line-height: 1.4;
}
.InfoAll-inner .entry-meta p {
font-size: 1.6rem;
line-height: 1.4;
}
}
@media screen and (max-width: 480px) {
.InfoAll-inner .entry-meta p {
font-size: 0.9rem;
letter-spacing: 0.05rem;
}
.InfoAll-inner h2 {
font-size: 0.8rem;
line-height: 1.3;
letter-spacing: 0.05rem;
}
.page-template-information .hentry {
margin: 0 0 1em;
}
}
figcaption {
font-size: 13px;
text-align: left !important;
color: #707070;
margin-top: 4px !important;
} .event_table table {
border: 1px solid #000;
border-collapse: collapse;
border-spacing: 0;
border-bottom: none;
}
.event_table tr {
display: flex;
flex-direction: row;
}
.event_table tr th {
width: 18%;
font-weight: normal;
border-spacing: 0;
text-align: justify;
text-align-last: justify;
text-justify: inter-ideograph;
}
.event_table tr td {
flex: 1;
font-weight: normal;
text-align: left;
border-left: solid 1px black;
}
.event_table th,
.event_table td {
border-bottom: solid 1px black;
padding: 10px 20px;
}
.bg_gray {
padding: 45px;
background: #f1f1f1;
}
.single-event .row {
display: flex;
flex-direction: row;
}
.single-event .row_title {
width: auto;
}
.single-event .row_naiyo {
flex: 1;
}
@media screen and (max-width: 768px) {
.event_table tr th {
width: 20%;
}
.event_table th,
.event_table td {
padding: 10px 15px;
}
}
@media screen and (max-width: 480px) {
.event_table th,
.event_table td {
font-size: 14px;
padding: 5px 10px;
}
.event_table tr th {
width: 30%;
}
.bg_gray {
padding: 25px;
font-size: 14px;
}
.single-event ul li {
font-size: 14px;
margin-bottom: 16px;
}
.single-event .event_table .row {
flex-direction: column;
margin-bottom: 10px;
}
.single-event .event_table .row_title {
width: 100%;
}
.single-event .event_table .row_naiyo {
flex: 1;
}
.single-event .wrapper_sm {
width: 100%;
}
.single-event .row {
font-size: 14px;
}
}
 .slick-loading .slick-list
{
background: #fff url(https://www.tobi-kikaku.jp/wp/wp-content/themes/tobi/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.tobi-kikaku.jp/wp/wp-content/themes/tobi/css/fonts/slick.eot);
src: url(https://www.tobi-kikaku.jp/wp/wp-content/themes/tobi/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.tobi-kikaku.jp/wp/wp-content/themes/tobi/css/fonts/slick.woff) format('woff'), url(https://www.tobi-kikaku.jp/wp/wp-content/themes/tobi/css/fonts/slick.ttf) format('truetype'), url(https://www.tobi-kikaku.jp/wp/wp-content/themes/tobi/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);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);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;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-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-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-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-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;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity: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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;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%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity: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%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity: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%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;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{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.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{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}#animation{visibility:hidden}.animation{visibility:visible!important;animation-fill-mode:both!important;-webkit-animation-fill-mode:both!important}.replay{-webkit-animation-iteration-count:infinite!important;animation-iteration-count:infinite!important}.delay-05s{-webkit-animation-delay:.5s!important;animation-delay:.5s!important}.delay-1s{-webkit-animation-delay:1s!important;animation-delay:1s!important}.delay-1-5s{-webkit-animation-delay:1.5s!important;animation-delay:1.5s!important}.delay-2s{-webkit-animation-delay:2s!important;animation-delay:2s!important}.delay-3s{-webkit-animation-delay:3s!important;animation-delay:3s!important}.fade-in{-webkit-animation:fade-in 1.2s;animation:fade-in 1.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.fade-out{-webkit-animation:fade-out 1s;animation:fade-out 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.fade-in-right{-webkit-animation:fade-in-right 1s;animation:fade-in-right 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0%);opacity:1}}@keyframes fade-in-right{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.fade-in-left{-webkit-animation:fade-in-left 1s;animation:fade-in-left 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0%);opacity:1}}@keyframes fade-in-left{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.fade-in-up{-webkit-animation:fade-in-up 1s;animation:fade-in-up 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0%);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.fade-in-down{-webkit-animation:fade-in-down 1s;animation:fade-in-down 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0%);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.fade-out-right{-webkit-animation:fade-out-right 1s;animation:fade-out-right 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(100%);opacity:0}}@keyframes fade-out-right{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}.fade-out-left{-webkit-animation:fade-out-left 1s;animation:fade-out-left 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes fade-out-left{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}.fade-out-up{-webkit-animation:fade-out-up 1s;animation:fade-out-up 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0%);opacity:1}100%{-webkit-transform:translateY(-100%);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0%);opacity:1}100%{transform:translateY(-100%);opacity:0}}.fade-out-down{-webkit-animation:fade-out-down 1s;animation:fade-out-down 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0%);opacity:1}100%{-webkit-transform:translateY(100%);opacity:0}}@keyframes fade-out-down{0%{transform:translateY(0%);opacity:1}100%{transform:translateY(100%);opacity:0}}.slide-in-right{-webkit-animation:slide-in-right 1.2s;animation:slide-in-right 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-2000px)}100%{-webkit-transform:translateX(0px)}}@keyframes slide-in-right{0%{transform:translateX(-2000px)}100%{transform:translateX(0px)}}.slide-in-left{-webkit-animation:slide-in-left 1.2s;animation:slide-in-left 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(2000px)}100%{-webkit-transform:translateX(0px)}}@keyframes slide-in-left{0%{transform:translateX(2000px)}100%{transform:translateX(0px)}}.slide-in-up{-webkit-animation:slide-in-up 1.2s;animation:slide-in-up 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(1000px)}100%{-webkit-transform:translateY(0px)}}@keyframes slide-in-up{0%{transform:translateY(1000px)}100%{transform:translateY(0px)}}.slide-in-down{-webkit-animation:slide-in-down 1.2s;animation:slide-in-down 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(-1000px)}100%{-webkit-transform:translateY(0px)}}@keyframes slide-in-down{0%{transform:translateY(-1000px)}100%{transform:translateY(0px)}}.slide-out-right{-webkit-animation:slide-out-right 1.5s;animation:slide-out-right 1.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-out-right{0%{-webkit-transform:translateX(0px)}100%{-webkit-transform:translateX(2000px)}}@keyframes slide-out-right{0%{transform:translateX(0px)}100%{transform:translateX(2000px)}}.slide-out-left{-webkit-animation:slide-out-left 1.5s;animation:slide-out-left 1.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0px)}100%{-webkit-transform:translateX(-2000px)}}@keyframes slide-out-left{0%{transform:translateX(0px)}100%{transform:translateX(-2000px)}}.slide-out-up{-webkit-animation:slide-out-up 1.2s;animation:slide-out-up 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-out-up{0%{-webkit-transform:translateY(0px)}100%{-webkit-transform:translateY(-1000px)}}@keyframes slide-out-up{0%{transform:translateY(0px)}100%{transform:translateY(-1000px)}}.slide-out-down{-webkit-animation:slide-out-down 1.2s;animation:slide-out-down 1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes slide-out-down{0%{-webkit-transform:translateY(0px)}100%{-webkit-transform:translateY(1000px)}}@keyframes slide-out-down{0%{transform:translateY(0px)}100%{transform:translateY(1000px)}}.bounce-in{-webkit-animation:bounce-in 1.2s;animation:bounce-in 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in{0%{transform:scale(.9);opacity:0}25%{transform:scale(1.2)}40%{transform:scale(.8)}50%{transform:scale(1.1)}60%{transform:scale(.9)}70%{transform:scale(1.05);opacity:1}80%{transform:scale(.95)}90%{transform:scale(1.01)}100%{transform:scale(1)}}@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(.9);opacity:0}25%{-webkit-transform:scale(1.2)}40%{-webkit-transform:scale(.8)}50%{-webkit-transform:scale(1.1)}60%{-webkit-transform:scale(.9)}70%{-webkit-transform:scale(1.05);opacity:1}80%{-webkit-transform:scale(.95)}90%{-webkit-transform:scale(1.01)}100%{-webkit-transform:scale(1)}}.bounce-in-right{-webkit-animation:bounce-in-right 1.2s;animation:bounce-in-right 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-right{0%{transform:translateX(-2000px)}63%{transform:translateX(30px)}70%,80%,90%,100%{transform:translateX(0px)}75%{transform:translateX(14px)}85%{transform:translateX(8px)}95%{transform:translateX(4px)}}@-webkit-keyframes bounce-in-right{0%{-webkit-transform:translateX(-2000px)}63%{-webkit-transform:translateX(30px)}70%,80%,90%,100%{-webkit-transform:translateX(0px)}75%{-webkit-transform:translateX(14px)}85%{-webkit-transform:translateX(8px)}95%{-webkit-transform:translateX(4px)}}.bounce-in-left{-webkit-animation:bounce-in-left 1.2s;animation:bounce-in-left 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-left{0%{transform:translateX(2000px)}63%{transform:translateX(-30px)}70%,80%,90%,100%{transform:translateX(0px)}75%{transform:translateX(-14px)}85%{transform:translateX(-8px)}95%{transform:translateX(-4px)}}@-webkit-keyframes bounce-in-left{0%{-webkit-transform:translateX(2000px)}63%{-webkit-transform:translateX(-30px)}70%,80%,90%,100%{-webkit-transform:translateX(0px)}75%{-webkit-transform:translateX(-14px)}85%{-webkit-transform:translateX(-8px)}95%{-webkit-transform:translateX(-4px)}}.bounce-in-up{-webkit-animation:bounce-in-up 1.2s;animation:bounce-in-up 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-up{0%{transform:translateY(1000px)}25%{transform:translateY(50px)}30%,55%,70%,80%,90%,100%{transform:translateY(0px)}45%{transform:translateY(25px)}63%{transform:translateY(15px)}75%{transform:translateY(7px)}85%{transform:translateY(4px)}95%{transform:translateY(2px)}}@-webkit-keyframes bounce-in-up{0%{-webkit-transform:translateY(1000px)}25%{-webkit-transform:translateY(50px)}30%,55%,70%,80%,90%,100%{-webkit-transform:translateY(0px)}45%{-webkit-transform:translateY(25px)}63%{-webkit-transform:translateY(15px)}75%{-webkit-transform:translateY(7px)}85%{-webkit-transform:translateY(4px)}95%{-webkit-transform:translateY(2px)}}.bounce-in-down{-webkit-animation:bounce-in-down 1.2s;animation:bounce-in-down 1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce-in-down{0%{transform:translateY(-1000px)}25%{transform:translateY(-50px)}30%,55%,70%,80%,90%,100%{transform:translateY(0px)}45%{transform:translateY(-25px)}63%{transform:translateY(-15px)}75%{transform:translateY(-7px)}85%{transform:translateY(-4px)}95%{transform:translateY(-2px)}}@-webkit-keyframes bounce-in-down{0%{-webkit-transform:translateY(-1000px)}25%{-webkit-transform:translateY(-50px)}30%,55%,70%,80%,90%,100%{-webkit-transform:translateY(0px)}45%{-webkit-transform:translateY(-25px)}63%{-webkit-transform:translateY(-15px)}75%{-webkit-transform:translateY(-7px)}85%{-webkit-transform:translateY(-4px)}95%{-webkit-transform:translateY(-2px)}}.roll-in-right{-webkit-animation:roll-in-right 1.2s;animation:roll-in-right 1.2s}@keyframes roll-in-right{0%{transform:translateX(-100%) rotate(-130deg);opacity:0}100%{transform:translateX(0%) rotate(0deg);opacity:1}}@-webkit-keyframes roll-in-right{0%{-webkit-transform:translateX(-100%) rotate(-130deg);opacity:0}100%{-webkit-transform:translateX(0%) rotate(0deg);opacity:1}}.roll-in-left{-webkit-animation:roll-in-left 1.2s;animation:roll-in-left 1.2s}@keyframes roll-in-left{0%{transform:translateX(100%) rotate(130deg);opacity:0}100%{transform:translateX(0%) rotate(0deg);opacity:1}}@-webkit-keyframes roll-in-left{0%{-webkit-transform:translateX(100%) rotate(130deg);opacity:0}100%{-webkit-transform:translateX(0%) rotate(0deg);opacity:1}}.roll-out-right{-webkit-animation:roll-out-right 1.2s;animation:roll-out-right 1.2s}@keyframes roll-out-right{0%{transform:translateX(0%) rotate(0deg);opacity:1}100%{transform:translateX(100%) rotate(130deg);opacity:0}}@-webkit-keyframes roll-out-right{0%{-webkit-transform:translateX(0%) rotate(0deg);opacity:1}100%{-webkit-transform:translateX(100%) rotate(130deg);opacity:0}}.roll-out-left{-webkit-animation:roll-out-left 1.2s;animation:roll-out-left 1.2s}@keyframes roll-out-left{0%{transform:translateX(0%) rotate(0deg);opacity:1}100%{transform:translateX(-100%) rotate(-130deg);opacity:0}}@-webkit-keyframes roll-out-left{0%{-webkit-transform:translateX(0%) rotate(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) rotate(-130deg);opacity:0}}.rotbo-in-right{-webkit-animation:rotbo-in-right 1.1s;animation:rotbo-in-right 1.1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotbo-in-right{0%{transform:translateX(-1000px) rotateZ(-540deg)}63%{transform:translateX(15px) rotateZ(20deg)}75%{transform:translateX(-7px) rotateZ(-7deg)}85%{transform:translateX(4px) rotateZ(4deg)}95%{transform:translateX(-2px) rotateZ(-2deg)}100%{transform:translateX(0px) rotateZ(0deg)}}@-webkit-keyframes rotbo-in-right{0%{-webkit-transform:translateX(-1000px) rotateZ(-540deg)}63%{-webkit-transform:translateX(15px) rotateZ(20deg)}75%{-webkit-transform:translateX(-7px) rotateZ(-7deg)}85%{-webkit-transform:translateX(4px) rotateZ(4deg)}95%{-webkit-transform:translateX(-2px) rotateZ(-2deg)}100%{-webkit-transform:translateX(0px) rotateZ(0deg)}}.rotbo-in-left{-webkit-animation:rotbo-in-left 1.1s;animation:rotbo-in-left 1.1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotbo-in-left{0%{transform:translateX(1000px) rotateZ(540deg)}63%{transform:translateX(-15px) rotateZ(-20deg)}75%{transform:translateX(7px) rotateZ(7deg)}85%{transform:translateX(-4px) rotateZ(-4deg)}95%{transform:translateX(2px) rotateZ(2deg)}100%{transform:translateX(0px) rotateZ(0deg)}}@-webkit-keyframes rotbo-in-left{0%{-webkit-transform:translateX(1000px) rotateZ(540deg)}63%{-webkit-transform:translateX(-15px) rotateZ(-20deg)}75%{-webkit-transform:translateX(7px) rotateZ(7deg)}85%{-webkit-transform:translateX(-4px) rotateZ(-4deg)}95%{-webkit-transform:translateX(2px) rotateZ(2deg)}100%{-webkit-transform:translateX(0px) rotateZ(0deg)}}.rotbo-out-left{-webkit-animation:rotbo-out-left 2s;animation:rotbo-out-left 2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotbo-out-left{0%{transform:translateX(0%) rotateZ(0deg)}20%{transform:translateX(15px) rotateZ(20deg)}100%{transform:translateX(-2000px) rotateZ(-1080deg)}}@-webkit-keyframes rotbo-out-left{0%{-webkit-transform:translateX(0%) rotateZ(0deg)}20%{-webkit-transform:translateX(15px) rotateZ(20deg)}100%{-webkit-transform:translateX(-2000px) rotateZ(-1080deg)}}.rotbo-out-right{-webkit-animation:rotbo-out-right 2s;animation:rotbo-out-right 2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotbo-out-right{0%{transform:translateX(0%) rotateZ(0deg)}20%{transform:translateX(-15px) rotateZ(-20deg)}100%{transform:translateX(2000px) rotateZ(1080deg)}}@-webkit-keyframes rotbo-out-right{0%{-webkit-transform:translateX(0%) rotateZ(0deg)}20%{-webkit-transform:translateX(-15px) rotateZ(-20deg)}100%{-webkit-transform:translateX(2000px) rotateZ(1080deg)}}.flip{-webkit-animation:flip 1.3s;animation:flip 1.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes flip{0%{transform:rotateY(-360deg)}40%{transform:scale(1.6) rotateY(-190deg)}50%{transform:scale(1.6) rotateY(-150deg)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes flip{0%{-webkit-transform:perspective(500px) rotateX(70deg);opacity:.2}30%{-webkit-transform:perspective(500px) rotateX(-50deg)}45%{-webkit-transform:perspective(500px) rotateX(30deg)}65%{-webkit-transform:perspective(500px) rotateX(-20deg)}85%{-webkit-transform:perspective(500px) rotateX(10deg)}100%{-webkit-transform:perspective(500px) rotateX(0deg)}}.flip-in-x{-webkit-animation:flip-in-x 1.2s;animation:flip-in-x 1.2s}@keyframes flip-in-x{0%{transform:perspective(500px) rotateX(70deg);opacity:.2}30%{transform:perspective(500px) rotateX(-50deg)}45%{transform:perspective(500px) rotateX(30deg)}65%{transform:perspective(500px) rotateX(-20deg)}85%{transform:perspective(500px) rotateX(10deg)}100%{transform:perspective(500px) rotateX(0deg)}}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(500px) rotateX(70deg);opacity:.2}30%{-webkit-transform:perspective(500px) rotateX(-50deg)}45%{-webkit-transform:perspective(500px) rotateX(30deg)}65%{-webkit-transform:perspective(500px) rotateX(-20deg)}85%{-webkit-transform:perspective(500px) rotateX(10deg)}100%{-webkit-transform:perspective(500px) rotateX(0deg)}}.flip-in-y{-webkit-animation:flip-in-y 1.2s;animation:flip-in-y 1.2s}@keyframes flip-in-y{0%{transform:perspective(500px) rotateY(70deg);opacity:.2}30%{transform:perspective(500px) rotateY(-50deg)}45%{transform:perspective(500px) rotateY(30deg)}65%{transform:perspective(500px) rotateY(-20deg)}85%{transform:perspective(500px) rotateY(10deg)}100%{transform:perspective(500px) rotateY(0deg)}}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(500px) rotateY(70deg);opacity:.2}30%{-webkit-transform:perspective(500px) rotateY(-50deg)}45%{-webkit-transform:perspective(500px) rotateY(30deg)}65%{-webkit-transform:perspective(500px) rotateY(-20deg)}85%{-webkit-transform:perspective(500px) rotateY(10deg)}100%{-webkit-transform:perspective(500px) rotateY(0deg)}}.flip-out-x{-webkit-animation:flip-out-x 1s;animation:flip-out-x 1s}@keyframes flip-out-x{0%{transform:perspective(500px) rotateX(0deg)}50%{transform:perspective(500px) rotateX(-30deg);opacity:1}100%{transform:perspective(500px) rotateX(70deg);opacity:0}}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(500px) rotateX(0deg)}50%{-webkit-transform:perspective(500px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(500px) rotateX(70deg);opacity:0}}.flip-out-y{-webkit-animation:flip-out-y 1s;animation:flip-out-y 1s}@keyframes flip-out-y{0%{transform:perspective(500px) rotateY(0deg)}50%{transform:perspective(500px) rotateY(-30deg);opacity:1}100%{transform:perspective(500px) rotateY(70deg);opacity:0}}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(500px) rotateY(0deg)}50%{-webkit-transform:perspective(500px) rotateY(-30deg);opacity:1}100%{-webkit-transform:perspective(500px) rotateY(70deg);opacity:0}}.rotate{-webkit-animation:rotate 1s;animation:rotate 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.rotate-in{-webkit-animation:rotate-in 1s;animation:rotate-in 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes rotate-in{0%{transform:rotate(-0deg);opacity:0}80%{opacity:1}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-0deg);opacity:0}80%{opacity:1}100%{-webkit-transform:rotate(360deg)}}.rotate-out{-webkit-animation:rotate-out 1s;animation:rotate-out 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes rotate-out{0%{transform:rotate(-360deg)}20%{opacity:1}100%{transform:rotate(0deg);opacity:0}}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(-360deg)}20%{opacity:1}100%{-webkit-transform:rotate(0deg);opacity:0}}.rotate-in-x{-webkit-animation:rotate-in-x 1s;animation:rotate-in-x 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-in-x{0%{transform:rotateX(180deg);opacity:0}80%{opacity:1}100%{transform:rotateX(0deg)}}@-webkit-keyframes rotate-in-x{0%{-webkit-transform:rotateX(180deg);opacity:0}80%{opacity:1}100%{-webkit-transform:rotateX(0deg)}}.rotate-out-x{-webkit-animation:rotate-out-x 1s;animation:rotate-out-x 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-out-x{0%{transform:rotateX(0deg)}20%{opacity:1}100%{transform:rotateX(180deg);opacity:0}}@-webkit-keyframes rotate-out-x{0%{-webkit-transform:rotateX(0deg)}20%{opacity:1}100%{-webkit-transform:rotateX(180deg);opacity:0}}.rotate-in-y{-webkit-animation:rotate-in-y 1s;animation:rotate-in-y 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-in-y{0%{transform:rotateY(-180deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}@-webkit-keyframes rotate-in-y{0%{-webkit-transform:rotateY(0deg);opacity:0}60%{opacity:1}100%{-webkit-transform:rotateY(360deg)}}.rotate-out-y{-webkit-animation:rotate-out-y 1s;animation:rotate-out-y 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-out-y{0%{transform:rotateY(0deg);opacity:1}100%{transform:rotateY(-180deg);opacity:0}}@-webkit-keyframes rotate-out-y{0%{-webkit-transform:rotateY(0deg);opacity:1}100%{-webkit-transform:rotateY(-180deg);opacity:0}}.rotate-in-3d{-webkit-animation:rotate-in-3d 1s;animation:rotate-in-3d 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-in-3d{0%{transform:rotate3d(1,1,0,0deg);opacity:0}60%{opacity:1}100%{transform:rotate3d(1,1,0,360deg)}}@-webkit-keyframes rotate-in-3d{0%{-webkit-transform:rotate3d(1,1,0,0deg);opacity:0}60%{opacity:1}100%{-webkit-transform:rotate3d(1,1,0,360deg)}}.rotate-out-3d{-webkit-animation:rotate-out-3d 1s;animation:rotate-out-3d 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-out-3d{0%{transform:rotate3d(1,1,0,360deg)}40%{opacity:1}100%{transform:rotate3d(1,1,0,0deg);opacity:0}}@-webkit-keyframes rotate-out-3d{0%{-webkit-transform:rotate3d(1,1,0,360deg)}40%{opacity:1}100%{-webkit-transform:rotate3d(1,1,0,0deg);opacity:0}}.rotate-in-scale{-webkit-animation:rotate-in-scale 1s;animation:rotate-in-scale 1s;-webkit-animation-timing-function:easec;animation-timing-function:ease-in-out}@keyframes rotate-in-scale{0%{transform:scale(0) rotate(-540deg);opacity:0}80%{opacity:1}100%{transform:scale(1) rotate(0deg)}}@-webkit-keyframes rotate-in-scale{0%{-webkit-transform:scale(0) rotate(-540deg);opacity:0}80%{opacity:1}100%{-webkit-transform:scale(1) rotate(0deg)}}.rotate-out-scale{-webkit-animation:rotate-out-scale 1s;animation:rotate-out-scale 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes rotate-out-scale{0%{transform:scale(1) rotate(0deg)}40%{opacity:1}100%{transform:scale(0) rotate(540deg);opacity:0}}@-webkit-keyframes rotate-out-scale{0%{-webkit-transform:scale(1) rotate(0deg)}40%{opacity:1}100%{-webkit-transform:scale(0) rotate(540deg);opacity:0}}.turn-in-x{-webkit-animation:turn-in-x 1s;animation:turn-in-x 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes turn-in-x{0%{transform:rotateX(360deg) scale(0);opacity:0}100%{transform:rotateX(0deg) scale(1);opacity:1}}@-webkit-keyframes turn-in-x{0%{-webkit-transform:rotateX(360deg) scale(0);opacity:0}100%{-webkit-transform:rotateX(0deg) scale(1);opacity:1}}.turn-out-x{-webkit-animation:turn-out-x 1s;animation:turn-out-x 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes turn-out-x{0%{transform:rotateX(0deg) scale(1);opacity:1}80%{opacity:0}100%{transform:rotateX(360deg) scale(0)}}@-webkit-keyframes turn-out-x{0%{-webkit-transform:rotateX(0deg) scale(1);opacity:1}80%{opacity:0}100%{-webkit-transform:rotateX(360deg) scale(0)}}.turn-in-y{-webkit-animation:turn-in-y 1s;animation:turn-in-y 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes turn-in-y{0%{transform:rotateY(0deg) scale(0);opacity:0}100%{transform:rotateY(360deg) scale(1);opacity:1}}@-webkit-keyframes turn-in-y{0%{-webkit-transform:rotateY(0deg) scale(0);opacity:0}100%{-webkit-transform:rotateX(360deg) scale(1);opacity:1}}.turn-out-y{-webkit-animation:turn-out-y 1s;animation:turn-out-y 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes turn-out-y{0%{transform:rotateY(0deg) scale(1);opacity:1}80%{opacity:0}100%{transform:rotateY(360deg) scale(0)}}@-webkit-keyframes turn-out-y{0%{-webkit-transform:rotateY(0deg) scale(1);opacity:1}80%{opacity:0}100%{-webkit-transform:rotateY(360deg) scale(0)}}.back-in-right{-webkit-animation:back-in-right 1.5s;animation:back-in-right 1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes back-in-right{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0px) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@-webkit-keyframes back-in-right{0%{-webkit-transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);opacity:1}}.back-out-right{-webkit-animation:back-out-right 1.5s;animation:back-out-right 1.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes back-out-right{0%{transform:scale(1);opacity:1}20%{transform:translateX(0px) scale(.7);opacity:.7}100%{transform:translateX(2000px) scale(.7);opacity:.7}}@-webkit-keyframes back-out-right{0%{-webkit-transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);opacity:.7}100%{-webkit-transform:translateX(2000px) scale(.7);opacity:.7}}.back-in-left{-webkit-animation:back-in-left 1.5s;animation:back-in-left 1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes back-in-left{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0px) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@-webkit-keyframes back-in-left{0%{-webkit-transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);opacity:1}}.back-out-left{-webkit-animation:back-out-left 1.5s;animation:back-out-left 1.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes back-out-left{0%{transform:scale(1);opacity:1}20%{transform:translateX(0px) scale(.7);opacity:.7}100%{transform:translateX(-2000px) scale(.7);opacity:.7}}@-webkit-keyframes back-out-left{0%{-webkit-transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);opacity:.7}100%{-webkit-transform:translateX(-2000px) scale(.7);opacity:.7}}.back-in-up{-webkit-animation:back-in-up 1.5s;animation:back-in-up 1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes back-in-up{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0px) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@-webkit-keyframes back-in-up{0%{-webkit-transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);opacity:1}}.back-out-up{-webkit-animation:back-out-up 1.5s;animation:back-out-up 1.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes back-out-up{0%{transform:scale(1);opacity:1}20%{transform:translateY(0px) scale(.7);opacity:.7}100%{transform:translateY(-1200px) scale(.7);opacity:.7}}@-webkit-keyframes back-out-up{0%{-webkit-transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);opacity:.7}100%{-webkit-transform:translateY(-1200px) scale(.7);opacity:.7}}.back-in-down{-webkit-animation:back-in-down 1.5s;animation:back-in-down 1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes back-in-down{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0px) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@-webkit-keyframes back-in-down{0%{-webkit-transform:translateY(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);opacity:1}}.back-out-down{-webkit-animation:back-out-down 1.5s;animation:back-out-down 1.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes back-out-down{0%{transform:scale(1);opacity:1}20%{transform:translateY(0px) scale(.7);opacity:.7}100%{transform:translateY(1200px) scale(.7);opacity:.7}}@-webkit-keyframes back-out-down{0%{-webkit-transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);opacity:.7}100%{-webkit-transform:translateY(1200px) scale(.7);opacity:.7}}.push-in-up{transform-origin:50% 100% 0;-webkit-animation:push-in-up 1s;animation:push-in-up 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-in-up{0%{transform:rotateX(90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-up{0%{-webkit-transform:rotateX(90deg);opacity:0}100%{-webkit-transform:none}}.push-out-down{transform-origin:50% 100% 0;-webkit-animation:push-out-down 1s;animation:push-out-down 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-out-down{0%{transform:none}100%{transform:rotateX(90deg);opacity:0}}@-webkit-keyframes push-out-down{0%{-webkit-transform:none}100%{-webkit-transform:rotateX(90deg);opacity:0}}.push-in-down{-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-animation:push-in-down 1s;animation:push-in-down 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-in-down{0%{transform:rotateX(-90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-down{0%{-webkit-transform:rotateX(-90deg);opacity:0}100%{-webkit-transform:none}}.push-out-up{-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-animation:push-out-up 1s;animation:push-out-up 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-out-up{0%{transform:none}100%{transform:rotateX(-90deg);opacity:0}}@-webkit-keyframes push-out-up{0%{-webkit-transform:none}100%{-webkit-transform:rotateX(-90deg);opacity:0}}.push-in-right{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-animation:push-in-right 1s;animation:push-in-right 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform-style:preserve-3d}@keyframes push-in-right{0%{transform:rotateY(90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-right{0%{-webkit-transform:rotateY(90deg);opacity:0}100%{-webkit-transform:none}}.push-out-left{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-animation:push-out-left 1s;animation:push-out-left 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes push-out-left{0%{transform:none}100%{transform:rotateY(90deg);opacity:0}}@-webkit-keyframes push-out-left{0%{-webkit-transform:none}100%{-webkit-transform:rotateY(90deg);opacity:0}}.push-in-left{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-animation:push-in-left 1s;animation:push-in-left 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform-style:preserve-3d}@keyframes push-in-left{0%{transform:rotateY(-90deg);opacity:0}100%{transform:none}}@-webkit-keyframes push-in-left{0%{-webkit-transform:rotateY(-90deg);opacity:0}100%{-webkit-transform:none}}.push-out-right{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-animation:push-out-right 1s;animation:push-out-right 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform-style:preserve-3d}@keyframes push-out-right{0%{transform:none}100%{transform:rotateY(-90deg);opacity:0}}@-webkit-keyframes push-out-right{0%{-webkit-transform:none}100%{-webkit-transform:rotateY(-90deg);opacity:0}}.clip-x-in{-webkit-animation:clip-x-in 1s;animation:clip-x-in 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-x-in{0%{transform:scale(1,0)}100%{transform:none}}@-webkit-keyframes clip-x-in{0%{-webkit-transform:scale(1,0)}100%{-webkit-transform:none}}.clip-y-in{-webkit-animation:clip-y-in 1s;animation:clip-y-in 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-y-in{0%{transform:scale(0,1)}100%{transform:none}}@-webkit-keyframes clip-y-in{0%{-webkit-transform:scale(0,1)}100%{-webkit-transform:none}}.clip-xy-in{-webkit-animation:clip-xy-in 1s;animation:clip-xy-in 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-xy-in{0%{transform:scale(0,.5)}50%{transform:scale(1,.5)}100%{transform:none}}@-webkit-keyframes clip-xy-in{0%{-webkit-transform:scale(0,.5)}50%{-webkit-transform:scale(1,.5)}100%{-webkit-transform:none}}.clip-x-out{-webkit-animation:clip-x-out 1s;animation:clip-x-out 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-x-out{0%{transform:none}100%{transform:scale(1,0)}}@-webkit-keyframes clip-x-out{0%{-webkit-transform:none}100%{-webkit-transform:scale(1,0)}}.clip-y-out{-webkit-animation:clip-y-out 1s;animation:clip-y-out 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-y-out{0%{transform:none}100%{transform:scale(0,1)}}@-webkit-keyframes clip-y-out{0%{-webkit-transform:none}100%{-webkit-transform:scale(0,1)}}.clip-xy-out{-webkit-animation:clip-xy-out 1s;animation:clip-xy-out 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes clip-xy-out{0%{transform:none}50%{transform:scale(1,.5)}100%{transform:scale(0,.5)}}@-webkit-keyframes clip-xy-out{0%{-webkit-transform:none}50%{-webkit-transform:scale(1,.5)}100%{-webkit-transform:scale(0,.5)}}.fanfare{-webkit-animation:fanfare 1.2s;animation:fanfare 1.2s}@keyframes fanfare{0%,100%{transform:scale(1)}30%{transform:scale(.8) rotateZ(5deg)}40%,60%,80%{transform:scale(1.15) rotateZ(-5deg)}50%,70%,90%{transform:scale(1.15) rotateZ(5deg)}}@-webkit-keyframes fanfare{0%,100%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(.8) rotateZ(5deg)}40%,60%,80%{-webkit-transform:scale(1.15) rotateZ(-5deg)}50%,70%,90%{-webkit-transform:scale(1.15) rotateZ(5deg)}}.float{-webkit-animation:float 1.6s;animation:float 1.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@-webkit-keyframes float{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-20px)}}.orbit{-webkit-animation:orbit 3s;animation:orbit 3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@keyframes orbit{0%{transform:rotate(0deg) translateX(20px) rotate(0deg)}100%{transform:rotate(360deg) translateX(20px) rotate(-360deg)}}@-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg) translateX(20px) rotate(0deg)}100%{-webkit-transform:rotate(360deg) translateX(20px) rotate(-360deg)}}.spiral{-webkit-animation:spiral 1s;animation:spiral 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes spiral{0%{transform:rotateY(-360deg) translateY(-150%)}100%{transform:rotateY(0) translateY(0px)}}@-webkit-keyframes spiral{0%{-webkit-transform:rotateY(-360deg) translateY(-150%)}100%{-webkit-transform:rotateY(0) translateY(0px)}}.bounce{-webkit-animation:bounce 1s;animation:bounce 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes bounce{0%,30%,55%,70%,80%,90%,100%{transform:translateY(0px)}25%{transform:translateY(-50px)}45%{transform:translateY(-25px)}63%{transform:translateY(-15px)}75%{transform:translateY(-7px)}85%{transform:translateY(-4px)}95%{transform:translateY(-2px)}}@-webkit-keyframes bounce{0%,30%,55%,70%,80%,90%,100%{-webkit-transform:translateY(0px)}25%{-webkit-transform:translateY(-50px)}45%{-webkit-transform:translateY(-25px)}63%{-webkit-transform:translateY(-15px)}75%{-webkit-transform:translateY(-7px)}85%{-webkit-transform:translateY(-4px)}95%{-webkit-transform:translateY(-2px)}}.vibro{-webkit-animation:vibro .5s;animation:vibro .5s}@keyframes vibro{0%,100%{transform:translateX(0px)}10%,30%,50%,70%,90%{transform:translateX(5px)}20%,40%,60%,80%{transform:translateX(-5px)}}@-webkit-keyframes vibro{0%,100%{-webkit-transform:translateX(0px)}10%,30%,50%,70%,90%{-webkit-transform:translateX(5px)}20%,40%,60%,80%{-webkit-transform:translateX(-5px)}}.heartbeat{-webkit-animation:heartbeat 8s;animation:heartbeat 8s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes heartbeat{0%,20%,40%,60%,80%,100%{transform:scale(1)}10%,30%,50%,70%,90%{transform:scale(1.15)}}@-webkit-keyframes heartbeat{0%,20%,40%,60%,80%,100%{-webkit-transform:scale(1)}10%,30%,50%,70%,90%{-webkit-transform:scale(1.15)}}.shake{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@keyframes shake{0%,100%{transform:translateX(0px)}12.5%,37.5%,62.5%,87.5%{transform:translateX(20px)}25%,50%,75%{transform:translateX(-20px)}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0px)}12.5%,37.5%,62.5%,87.5%{-webkit-transform:translateX(20px)}25%,50%,75%{-webkit-transform:translateX(-20px)}}.puff{-webkit-animation:puff 1s;animation:puff 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes puff{0%{transform:none}100%{transform:scale(1.2);opacity:0}}@-webkit-keyframes puff{0%{-webkit-transform:none}100%{-webkit-transform:scale(1.2);opacity:0}}.scale-in{-webkit-animation:scale-in 1.5s;animation:scale-in 1.5s}@keyframes scale-in{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}.scale-out{-webkit-animation:scale-out 1s;animation:scale-out 1s}@keyframes scale-out{0%{transform:none;opacity:1}80%{opacity:0}100%{transform:scale(0);opacity:0}}@-webkit-keyframes scale-out{0%{-webkit-transform:none;opacity:1}50%{opacity:.7}100%{-webkit-transform:scale(0);opacity:0}}.stretch{-webkit-animation:stretch 1s;animation:stretch 1s}@keyframes stretch{0%,100%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.3,.7,1)}40%{transform:scale3d(.7,1.3,1)}60%{transform:scale3d(1.2,.8,1)}75%{transform:scale3d(.8,1.2,1)}90%{transform:scale3d(1.05,.95,1)}}@-webkit-keyframes stretch{0%,100%{-webkit-transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.3,.7,1)}40%{-webkit-transform:scale3d(.7,1.3,1)}60%{-webkit-transform:scale3d(1.2,.8,1)}75%{-webkit-transform:scale3d(.8,1.2,1)}90%{-webkit-transform:scale3d(1.05,.95,1)}}.pulse{-webkit-animation:pulse 1s;animation:pulse 1s}@keyframes pulse{0%{transform:none}50%{transform:scale(1.15)}100%{transform:scale(1)}}@-webkit-keyframes pulse{0%{-webkit-transform:none}50%{-webkit-transform:scale(1.15)}100%{-webkit-transform:scale(1)}}.spin{-webkit-transform-origin:50% 50% -200px;transform-origin:50% 50% -200px;-webkit-animation:spin 1s;animation:spin 1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes spin{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg)}}.spin-y{-webkit-transform-origin:left top;transform-origin:left top;-webkit-animation:spin-y 1s;animation:spin-y 1s}@keyframes spin-y{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@-webkit-keyframes spin-y{0%{-webkit-transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg)}}.whirl{-webkit-animation:whirl 2s;animation:whirl 2s}@keyframes whirl{0%{transform:translateY(1000px) rotateY(0deg)}80%{transform:translateY(-100%) rotateY(720deg)}100%{transform:translateY(0px)}}@-webkit-keyframes whirl{0%{-webkit-transform:translateY(1000px) rotateY(0deg)}80%{-webkit-transform:translateY(-100%) rotateY(720deg)}100%{-webkit-transform:translateY(0px)}}.wabble{-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-animation:wabble 1.2s;animation:wabble 1.2s}@keyframes wabble{0%,100%{transform:rotateZ(0deg)}12.5%{transform:rotateZ(-20deg)}25%{transform:rotateZ(18deg)}37.5%{transform:rotateZ(-15deg)}50%{transform:rotateZ(13deg)}62.5%{transform:rotateZ(-10deg)}75%{transform:rotateZ(7deg)}87.5%{transform:rotateZ(-3deg)}}@-webkit-keyframes wabble{0%,100%{-webkit-transform:rotateZ(0deg)}12.5%{-webkit-transform:rotateZ(-20deg)}25%{-webkit-transform:rotateZ(18deg)}37.5%{-webkit-transform:rotateZ(-15deg)}50%{-webkit-transform:rotateZ(13deg)}62.5%{-webkit-transform:rotateZ(-10deg)}75%{-webkit-transform:rotateZ(7deg)}87.5%{-webkit-transform:rotateZ(-3deg)}}.gridtab,.gridtab>dt,.gridtab>dd{margin:0;padding:0;position:relative;border:0 solid}.gridtab{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box}.gridtab *{box-sizing:border-box}.gridtab>dd{z-index:1;display:none;min-width:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.gridtab>dd>.gridtab__controls{position:absolute;right:5px;top:5px;display:-webkit-flex;display:-ms-flexbox;display:flex}.gridtab>dd>.gridtab__controls>.gridtab__close{-webkit-order:1;-ms-flex-order:1;order:1;margin-left:1px}.gridtab>dd>.gridtab__controls>.gridtab__close:before,.gridtab>dd>.gridtab__controls>.gridtab__close:after{top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.gridtab>dd>.gridtab__controls>.gridtab__close:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.gridtab>dd>.gridtab__controls>.gridtab__arrow,.gridtab>dd>.gridtab__controls>.gridtab__close{display:block;width:25px;height:25px;overflow:hidden;background:#666;text-indent:-999px;position:relative}.gridtab>dd>.gridtab__controls>.gridtab__arrow:before,.gridtab>dd>.gridtab__controls>.gridtab__arrow:after,.gridtab>dd>.gridtab__controls>.gridtab__close:before,.gridtab>dd>.gridtab__controls>.gridtab__close:after{position:absolute;width:3px;height:13px;content:'';display:block;background:#FFF}.gridtab>dd>.gridtab__controls>.gridtab__arrow:before,.gridtab>dd>.gridtab__controls>.gridtab__arrow:after{top:50%;left:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right;transform-origin:right;margin:-7px 0 0 -3px;height:10px}.gridtab>dd>.gridtab__controls>.gridtab__arrow:after{margin-top:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.gridtab>dd>.gridtab__controls>.gridtab__arrow.is-disabled{opacity:.25}.gridtab>dd>.gridtab__controls>.gridtab__next{-webkit-transform:scale(-1);transform:scale(-1);-webkit-transform-origin:center;transform-origin:center}.gridtab>dt{transition:background 1s;background:#f2f2f2}.gridtab>dt:after{content:'';position:absolute;left:0;right:0}.gridtab>dt.is-disabled{pointer-events:none}.gridtab>dt.is-active{z-index:2}.gridtab>dt>img{max-width:100%;float:left;height:auto}.gridtab[dir="rtl"]>dd>.gridtab__controls{right:auto;left:5px}.gridtab[dir="rtl"]>dd>.gridtab__controls>.gridtab__next{-webkit-transform:none;transform:none}.gridtab[dir="rtl"]>dd>.gridtab__controls>.gridtab__prev{-webkit-transform:scale(-1);transform:scale(-1)}.gridtab[dir="rtl"]>dd>.gridtab__controls>.gridtab__close{margin-right:1px;margin-left:0}