@charset "utf-8";
@charset "utf-8";


@font-face {
font-family: 'NotoSerifMedium';
font-style: normal;
font-weight: normal;
src: local('NotoSerifJP-Medium'), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/fonts/NotoSerifJP-Medium_subset.woff2) format('woff2');
}
@font-face {
font-family: 'NotoSerifSemiBol';
font-style: normal;
font-weight: bold;
src: local('NotoSerifJP-SemiBol'), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/fonts/NotoSerifJP-SemiBold_subset.woff2) format('woff2');
}
@font-face {
font-family: 'OverpassSemiBold';
font-style: normal;
font-weight: bold;
src: local('Overpass-SemiBold'), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/fonts/Overpass-SemiBold_subset.woff2) format('woff2');
}
html {
font-size: 14px;
}
body,
html {
position: relative;
margin: 0;
}
body {
display: block;
color: #000;
background: #fff;
font-family:'NotoSerifMedium', serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.8
}
.h2, h2{line-height:1.75}
ul, li, ol {
margin: 0;
padding: 0;
list-style-type: none;
}
dd, dt {
line-height: inherit;
}
hr {
border-top: 1px solid #000;
}
a {
color: #44318f;
text-decoration: none!important;
}
a:hover {
color: #44318f;
text-decoration: none!important;
opacity: .8;
transition: all .3s;
}
a:focus {
outline: none;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
}
img {
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
@media only screen and (min-width: 800px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
} .inner {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.inner_350 {
max-width: 350px;
}
.inner_480 {
max-width: 480px;
}
.inner_720 {
max-width: 720px;
}
.inner_832 {
max-width: 832px;
}
.inner_856 {
max-width: 856px;
}
.inner_960 {
max-width: 960px;
}
.inner_1056 {
max-width: 1056px;
}
.inner .inner {
padding: 0
} .mb-40{margin-bottom:40px}
.mb-80{margin-bottom:80px} .btn {
font-size: 111%;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 320px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 16px 0;
font-family: 'Overpass', sans-serif;
} header{display:block;position:relative}
header .container{position:relative}
@media only screen and (min-width: 991px) {
.gnav-navbar li.header-contact {
box-sizing: border-box;
display: flex;
justify-content: center;
position: fixed;
top: 240px;
right: 0;
width: 60px;
padding: 16px 0;
background-color: #44318f;
color: #fff;
transition: all .3s;
z-index: 2
}
.gnav-navbar li.header-contact a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
font-weight: 600;
}
.gnav-navbar li.header-contact a span {
display: none;
}
}
@media only screen and (max-width: 990px) { } header:not(.header-home) {
display: block; height: 400px;
}
header:not(.header-home),
header:not(.page) {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/3.jpeg); background-size: cover;
}
header:not(.header-home) h1 {
font-size: 48px;
color: #fff;
margin-top: 200px;
font-family: inherit; letter-spacing: 0.02em;
line-height: 1.0;
}
header:not(.header-home):before {
background: rgba(0,0,0,.4);
position: absolute;
width: 100%;
height: 100%;
display: block;
content: '';
top: 0
}
.post-type-archive-product header,
.single-product header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/product/bg_products.png);
background-size: cover;
}
.post-type-archive-material header,
.single-material header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/material/bg_material.png);
background-size: cover;
}
.post-type-archive-news header,
.single-news header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/news/bg_news.png);
background-size: cover;
}
.privacy-policy header{
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/2.jpeg);
background-size: cover;
}
.confirm header,
.sent header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/3.jpeg);
background-size: cover;
}
@media only screen and (max-width: 480px) {
header:not(.header-home){height:200px}
header:not(.header-home) h1{font-size:32px;margin-top:96px}
} .footer{ }
.footer .container{padding:96px 15px}
.footer address{margin:0}
.footer address a{color:#000}
.footer address a.f_ogo {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo_f@2x.png)center no-repeat;
background-size: contain;
width: 280px;
height: 44px;
display: inline-block;
margin-bottom: 32px
}
.footer-logo-sm { font-size: 100%
}
.footer-logo-sm:before{}
.footer p{font-size:100%} .footer .copy{margin-bottom:0;padding-top:1rem;padding-bottom:1rem;background:#000;color:#fff}
.footer .nav-footer a {
color: #000;
}
.footer .nav-footer>li>a {
background-color: transparent;
padding: 8px 0
}
.footer .nav-footer>li>a:before { }
.footer .product h4,
.footer .material h4 {
font-size: 100%;
}
.footer .product h4 a,
.footer .material h4 a {
color: #000
}
.footer .product li a,
.footer .material li a {
font-size: 15px;
padding: 4px 0
}
.footer .other>ul>li>a:before,
.footer .product h4:before,
.footer .material h4:before {
content: '';
display: inline-block;
margin-right: 14px;
height: 1px;
width: 8px;
background: #000;
vertical-align: middle;
}
.footer .nav-footer>li>a:hover {
text-decoration: underline;
}
.footer .nav-footer>li ul li{padding:5px 15px;font-size:0.8rem;}
.footer .nav-footer>li ul li a{font-size:0.8rem}
@media only screen and (max-width: 768px) {
.footer .container{padding:48px 15px 40px}
.footer address a{text-decoration:underline}
.footer address a.f_ogo {
width: 100%;
height: 40px;
margin-bottom: 8px;
background-position: left;
}
.footer .col-lg-4 {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 16px;
margin-bottom: 16px;
margin-right: 15px;
margin-left: 15px;
}
.footer .col-lg-4.other {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.footer{text-align:center}
.footer address a.f_ogo {
background-position: center
}
.footer address {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 16px;
margin-bottom: 16px;
}
.footer .col-lg-6 > .row {
margin: 0
}
.footer .product li a, .footer .material li a{font-size:14px}
} .cover {
position: relative;
overflow: hidden;
margin-bottom: 0; color: #eee;
text-align: center; }
.cover .container{position:relative;height:80vh;}
.cover-body{position:relative;z-index:1;}
.cover-body img {
width: auto;
left: 10%;
position: absolute;
max-height: 68%;
top: 0;
bottom: 0;
margin: auto;
z-index: 2
}
.cover-company-title{padding:0.35rem 2rem 0.2em;color:#1c2138;border:2px solid #eee;border-radius:60px;font-size:0.9rem;font-weight:bold;background-color:#eee;} .container .heading-top {
position: relative;
top:25%;
bottom:50%;
left:0;
right:0;
z-index:2;
text-align:center;
color:#fff;
margin: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.container .heading-top .heading-top__large {
display: inline-block;
font-size: 64px;
font-weight:500;
line-height: calc(84/64 * 100%);
}
.container .heading-top .heading-top__sub {
display: inline-block;
font-size: 40px;
font-weight:500;
line-height: calc(55/40 * 100%);
}
@media screen and (max-width: 679px){ .cover {
position: relative;
overflow: hidden;
margin-bottom: 0; color: #eee;
text-align: center; }
.cover .container{position:relative;height:100vh;}
.cover-body{position:relative;z-index:1;}
.cover-body img {
width: auto;
left: 10%;
position: absolute;
max-height: 68%;
top: 0;
bottom: 0;
margin: auto;
z-index: 2
}
.cover-company-title{padding:0.35rem 2rem 0.2em;color:#1c2138;border:2px solid #eee;border-radius:60px;font-size:0.9rem;font-weight:bold;background-color:#eee;} .container .heading-top {
position: relative;
top:25%;
bottom:50%;
left:0;
right:0;
z-index:2;
text-align:center;
color:#fff;
margin: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.container .heading-top .heading-top__large {
display: inline-block;
font-size: clamp(2.5rem, 0.909rem + 7.27vw, 4rem);
font-weight:500;
line-height: calc(84/64 * 100%);
}
.container .heading-top .heading-top__sub {
display: inline-block;
font-size: clamp(1.5rem, 0.439rem + 4.85vw, 2.5rem);
font-weight:500;
line-height: calc(55/40 * 100%);
}
} .slide {
position: absolute;
width: 100%;
height: 100%;
margin: auto;
overflow: hidden;
top: 0;
bottom: 0;
z-index: -1
}
.slide:before {
background: rgba(0,0,0,.4);
position: absolute;
width: 100%;
height: 100%;
display: block;
content: '';
top: 0;
z-index: 1
}
.slide .bgImg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
animation: bgAnime 21s infinite;
}
.slide .src1 {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/1.jpg)center;
background-size: cover;
}
.slide .src2 {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/2.jpg)center;
background-size: cover;
animation-delay: 7s;
}
.slide .src3 {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/3.jpg)center;
background-size: cover;
animation-delay: 14s;
} @keyframes bgAnime {
0%{opacity: 0; }
50%{opacity: 1; }
80%{opacity: 0}
100%{opacity: 0; }
} .cover-arrow-wrapper {
position: absolute;
bottom: 0;
margin: auto;
left: 0;
right: 0;
}
.cover-arrow {
position: relative;
z-index: 2;
bottom: 20px;
left: 0;
right: 0;
display: inline-block;
margin: auto;
margin-top: 15px;
padding-top: 90px;
text-align: center;
}
.cover-arrow:hover {
text-decoration: none;
}
.cover-arrow span:not(.cover-arrow-text) {
width: 1px;
height: 80px;
background-color: rgba(255,255,255,0);
display: block;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
}
.cover-arrow span:not(.cover-arrow-text):after {
content: '';
display: block;
position: absolute; width: 1px;
background-color: #fff;
animation-name: lineMove;
animation-duration: 4s;
animation-timing-function: ease;
animation-iteration-count: infinite; }
.cover-arrow span:nth-of-type(1) { }
.cover-arrow span:nth-of-type(2) { }
.cover-arrow span:nth-of-type(3) { }
@keyframes lineMove {
0% {
bottom: 80px;
height: 0;
}
20% {
bottom: 0;
height: 80px;
}
40% {
bottom: 0;
height: 0;
}
100% {
bottom: 0;
height: 0;
}
}
.cover-arrow-text {
padding: 0.2em 1em;
font-size: 18px;
color: #fff;
transition: all 0.3s;
font-family: 'Overpass', sans-serif; letter-spacing: 0.02em;
line-height: 1.0;
}
.cover-arrow:hover .cover-arrow-text{opacity:.4}
@-webkit-keyframes sdb{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
@keyframes sdb{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
@media only screen and (min-width: 768px) {
.cover{}
.cover .cover-body h1{margin-top:30px;font-size:4rem;}
.products-body{margin-top:-30px;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width: 767px) {
.cover-body img{max-height:48%}
} #loading {
width: 100vw;
height: 100vh;
transition: all 2s;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.spinner {
width: 100px;
height: 100px;
margin: auto;
background-color: #fff;
border-radius: 100%;
animation: sk-scaleout 1.0s infinite ease-in-out;
position:  absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo_m_f.png) center no-repeat;
background-size: 90px;
} @keyframes sk-scaleout {
0% {
transform: scale(0);
} 100% {
transform: scale(1.0);
opacity: 0;
}
} .loaded {
opacity: 0;
visibility: hidden;
} #point{padding-bottom:0}
.point-sec li{margin:0;background:#44318f}
.point-sec li:hover{background:#695aa5}
.s-point-img{position:relative;height:280px;}
.s-point-img:before {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); content: '';
position: absolute;
width: 100%;
height: 100%;
}
.s-point-text-area {
position: relative;
padding: 0 30px;
z-index: 100;
}
.s-point-ttl {
margin: -.8em 0 40px;
font-size: 24px;
color: #fff;
line-height: 1.0;
text-align: center;
}
.s-point-ttl span {
position: relative;
}
.s-point-text {
font-size: 16px;
color: #fff;
line-height: 2.0;
margin-bottom: 40px
}
.s-point-btn {
font-family: 'Overpass', sans-serif;
font-weight: 600;
display: block;
position: relative;
margin-top: 35px;
padding: 26px 5px;
border-top: 1px solid;
border-color: rgba(255,255,255,0.3);
color: #fff;
font-size: 17px;
}
.s-point-btn::after{
display: block;
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin-top: -3px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.point-sec a .s-point-btn::after {
transition: all .3s;
}
.point-sec a:hover .s-point-btn::after {
position: absolute;
top: 50%;
right: 0;
}
.point-sec .s-point01,
.point-sec .s-point02,
.point-sec .s-point03 {
display: block;
transition: all .3s;
}
@media only screen and (min-width: 768px) {
.point-sec{display:flex;}
.point-sec .s-point01{width:33.3%;margin-right:1px;}
.point-sec .s-point02{width:33.3%;margin-right:1px;}
.point-sec .s-point03{width:33.4%;margin-bottom:0;}
}
@media only screen and (max-width: 767px) {
.point-sec li{overflow:hidden;width:100%}
.s-point-ttl {
margin: -.8em 0 16px;
}
.s-point-text {
margin-bottom: 24px
}
} #info-sec{padding:56px 0;font-size:100%;background:url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/bg_info.png) #eee right bottom no-repeat}
#info-sec .info-sec-catalog{border-bottom:1px solid #44318f;padding-bottom:32px;margin-bottom:32px}
#info-sec p{margin-bottom:24px;font-size:16px}
#info-sec .btn{font-size:111%;color:#44318f;border:#44318f solid 2px;display:inline-block;background:#fff;width:320px;text-align:center;border-radius:0;transition:all .3s;padding:16px 0}
#info-sec .btn:hover{color:#fff;background:#44318f}
#info-sec .btn:after {
content: '';
display: inline-block;
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/ico_arrow@2x.png);
background-size: contain;
width: 29px;
height: 29px;
vertical-align: bottom;
margin-left: 24px;
}
#info-sec .btn:hover:after {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/ico_arrow_h@2x.png);
background-size: contain;
}
@media only screen and (max-width: 767px) {
#info-sec picture img{margin-bottom:16px}
} #company{padding:104px 0}
#company h2{font-size:40px;color:#767187;margin:0 0 64px}
#company .company-massage {
position: relative;
}
#company .company-massage-text {
color: #fff;
background: rgba(118,113,135,.8);
font-size: 16px;
padding: 40px 32px;
}
@media only screen and (min-width: 800px) {
#company .company-massage-text {
position: absolute;
right: 6.7%;
width: 52%;
top: 96px;
}
#company picture img {
width: 57%;
min-width: 760px;
max-width: 1000px;
margin: 0;
}
}
@media only screen and (max-width: 799px) {
}
@media only screen and (max-width: 767px) {
#company{padding:48px 0}
#company h2{font-size:24px;margin:0 0 40px}
} .contents .recruit-sec{padding-bottom:0}
.recruit-sec h3 {
display: inline-block;
position: absolute;
top: 30px;
left: 0;
z-index: 100;
font-size: 20px;
margin: 0
}
.recruit-sec h3 span {
padding: 56px 24px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #44318f;
border: 2px solid #44318f;
background-color: #fff;
}
.recruit-sec li a:hover h3 span {
background-color: #44318f;
color: #fff;
transition: all .3s;
}
.recruit-sec li a {
display: block;
}
.recruit-sec li a:hover {
opacity: .8;
transition: all .3s;
}
@media only screen and (min-width: 768px) {
.recuit-sec-person-area {
display: flex;
position: relative;
margin-bottom: 90px;
padding: 0 0 0 4%;
justify-content: flex-end;
}
.recruit-sec li {
margin: 0 0 0 6%;
}
.person-area-inner {
position: relative;
margin: 0;
}
.recruit-sec picture {
margin-left: 48px;
}
}
@media only screen and (max-width: 767px) {
.person-area-inner {
position: relative;
margin: 0 0 0 32%;
}
.recruit-sec h3 {
font-size: 16px
}
.recruit-sec h3 span {
padding: 28px 12px;
}
.recuit-sec-person-area {
margin-bottom: 48px;
padding: 0 24px
}
.recuit-sec-person-area li {
margin: 0 0 30px 0;
}
.recuit-sec-person-area li:last-child .person-area-inner {
margin: 0 32% 0 0;
}
.recuit-sec-person-area li:last-child {
margin-bottom: 0;
}
.recuit-sec-person-area li picture {
margin-left: 30px;
}
} #news{background:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/bg_news.jpg);background-size:cover;padding:56px 0}
#news .hd-wrapper{background:rgba(255,255,255,.8);}
#news .hd-wrapper a{color:#44318f}
#news .hd-wrapper dl {
padding: 80px 16px 48px;
margin: 0
}
#news .hd-wrapper dl dt {
width: 30%;
float: left;
padding: 16px 0;
clear: both;
}
#news .hd-wrapper dl dd {
padding-left: 32%; padding: 16px 0;
border-bottom: 1px solid #959595;
box-sizing: border-box;
}
#news .btn {
color: #44318f;
border: 2px solid #44318f;
background-color: #fff;
padding: 16px 24px;
display: inline-block;
font-size: 100%;
margin-bottom: 80px
}
#news .btn:hover {
background: #44318f;
color: #fff;
transition: all .3s;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
#news .hd-wrapper dl {
padding: 40px 16px 24px;
font-size: 12px;
}
} .hero{text-align:center;}
.hero h2{padding:0 0 48px}
.hero h2:after{content:'';width:120px;display:block;border-bottom:1px solid #44318f;margin:auto;padding-bottom:24px;} .contents{padding-top:80px;padding-bottom:80px}
.home .contents{padding-top:0;padding-bottom:0}
.contents section{padding-bottom:80px}
.contents section:last-child{padding-bottom:0}
.contents section h3{margin:0 0 24px} .afterservice .contents section ol > li {
padding-left: 1em;
text-indent: -1em;
margin-bottom: 8px
}
.afterservice .contents section ul li {
padding-left: 2em;
text-indent: -2em;
} .page .contents section img {
margin-bottom: 40px
}
.single section h2, .page section h2 {
margin: 0 0 24px;
font-size: 32px;
font-weight: bold;
}
.page section h2+p {
margin: 0 0 48px
}
.page section h3 {
margin: 0 0 24px;
font-size: 24px;
line-height: 1.75;
}
.page section h3+p {
margin: 0 0 40px
}
.page section p:last-child {
margin: 0
}
@media only screen and (max-width: 480px) {
.contents{padding-top:40px;padding-bottom:56px}
.contents section{padding-bottom:40px}
.single section h2, .page section h2{font-size:20px}
.single section h3,
.page section h3{font-size:18px}
.hero h2{padding:0 0 24px}
} #map_canvas {
height: 600px;
width: 100%;
} .jobs-sec h3 {
background: #000;
color: #fff;
text-align: center;
padding: 8px 0;
margin: 0 0 8px;
font-size: 100%
}
.jobs-sec .row {
margin: 0
}
.jobs-sec .row > div {
padding: 0;
border: 1px #000 solid
}
.jobs-sec dl {
padding: 0;
margin: 0
}
.jobs-sec dl dd {
margin-bottom: 16px
}
.jobs-sec dl dd:last-child {
margin-bottom: 0
} .tabs {
padding-bottom: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.tab_item {
width: calc(100%/4);
height: 56px;
border-bottom: 3px solid #44318f;
background-color: #d9d9d9;
line-height: 56px;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
margin-bottom: 0;
}
.tab_item:hover {
opacity: 0.75;
} input[name="tab_item"] {
display: none;
} .tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#jimu:checked ~ #jimu_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #44318f;
color: #fff;
}
@media only screen and (max-width: 767px) {
.tab_item {
width: calc(100%/2);
}
.tab_content {
padding: 16px 16px 0;
}
} .post-type-archive-news section {
}
.post-type-archive-news section a {
color: #44318f
}
.post-type-archive-news section dt{
color: #767187;
margin-bottom: 16px
}
.post-type-archive-news section dd {
border-bottom: 1px solid #959595;
padding-bottom: 40px;
margin-bottom: 40px;
} .single_cat {
color: #44318f;
border: 2px solid #44318f;
padding: 8px 16px;
margin-right: 16px
}
.single-news section{}
.single-news section h1{font-size:32px;margin:24px 0 48px}
.post-meta {
border-bottom: 1px solid #000;
padding-bottom: 48px;
margin-bottom: 24px;
margin-top: 16px;
color: #767187
}
.post-meta p {
margin: 0
}
.single-arrow a {
color: #44318f;
border: 2px solid #44318f;
padding: 8px;
}
.single-arrow-next{text-align:right}
@media only screen and (max-width: 767px) {
.single-news section h1{font-size:24px;margin:24px 0 24px}
} .afterservice header { } .single-product section{padding:0 0 160px}
.single-product section:last-child{padding:0 0 80px}
.single-product section .row h2 {
font-size: 111%
}
.single-product .product-material {
}
.single-product .product-material ul li {
float: left;
margin-bottom: 16px;
padding: 8px 16px;
margin-right: 16px;
display: inline-block;
color: rgba(68,49,143,.4);
border: 2px solid rgba(68,49,143,.4);
}
.single-product .product-material ul li a {
color: #44318f;
border: 2px solid #44318f;
margin: -2px;
display: block;
margin: -10px -18px;
padding: 8px 16px;
}
.single-product .product-material ul li a:hover {
background: #44318f;
transition:all .3s;
color: #fff
} .product-lead h2 {
margin: 0 0 40px
}
.product-lead img {
margin: 0 0 40px 0
}
.product-list ul {
}
.product-list ul li {
margin-bottom: 24px;
height: 400px
}
.product-list ul li:last-child{margin-bottom:0}
.product-list ul li > div {
color: #44318f;
border: 2px solid #44318f;
box-sizing: border-box;
height: 100%;
}
.product-list ul li > div a {
padding: 32px 16px;
display: block;
height: 100%;
}
.product-list ul li .txt {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
height: 100%;
-webkit-text-orientation: upright;
text-orientation: upright;
background: rgba(255,255,255,.6);
}
.product-list ul li .txt h3 {
margin: 0 16px;
color: #44318f; }
.product-list ul li .txt h3 span {
}
.product-list ul li .txt p {
color: #000;
font-size: 16px;
padding-right: 16px;
}
.product-list ul li:hover {
opacity: .8;
transition: all .3s;
} .product-series ul li { }
.product-list ul li .txt p span {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: inherit;
writing-mode: horizontal-tb;
} .table-og {
border-bottom: 1px solid #000;
}
.table-spec td {
text-align: center;
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 480px) {
.product-list ul li{height:320px}
}
@media only screen and (max-width: 320px) {
.product-list ul li{height:280px}
} .page .gform_wrapper {
margin-top: 0;
margin-bottom: 0
}
.page .gform_wrapper textarea,
.page .gform_wrapper input,
.page .gform_wrapper.gf_browser_chrome select,
.page .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
border: none;
background: #f4f4f4;
padding: 8px;
margin-left: 0;
position: relative;
border-right: solid 8px #f4f4f4;
}
.page .gform_wrapper select { }
.page .gform_wrapper select:after {
}
.page .gform_wrapper .gform_footer input.button,
.page .gform_wrapper .gform_footer input[type=submit] {
margin: auto;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 320px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 16px 0;
}
.page .gform_wrapper .gform_footer input.button:hover,
.page .gform_wrapper .gform_footer input[type=submit]:hover {
color: #fff;
background: #44318f;
}
.page .gform_wrapper .gform_footer {
text-align: center;
} .post-type-archive h2, .recommend h2 {
color: #767187;
margin: 0 0 40px;
font-size: 30px;
}
@media only screen and (max-width: 767px) {
.post-type-archive h2, .recommend h2 {
margin: 0 0 24px;
font-size: 24px;
}
} .post-type-archive-material table {
border-collapse: collapse;
width: 100%;
text-align: center;
border-bottom: solid 1px #666;
}
.post-type-archive-material th {
border: solid 1px #666;
text-align: center;
padding: 8px 0;
}
.post-type-archive-material td {
border: solid 1px #666;
text-align: center;
}
.post-type-archive-material thead {
color: #fff
}
.post-type-archive-material thead a {
color: #fff;
text-decoration: underline;
}
.post-type-archive-material thead a:hover {
text-decoration: none;
}
.post-type-archive-material tbody .nrow {
background: #d9d2e9
}
.post-type-archive-material .th0 {
border: 0;
background: none;
}
.post-type-archive-material .th1,
.post-type-archive-material .th2 {
background: #20124d
}
.post-type-archive-material .th3,
.post-type-archive-material .th4,
.post-type-archive-material .th5 {
background: #351c75
}
.post-type-archive-material .th6,
.post-type-archive-material .th7 {
background: #674ea7
} .material-list ul li {
height: 240px;
color: #fff;
font-size: 24px;
margin-bottom: 16px;
text-align: center;
}
.material-list ul li a {
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.material-list ul li div {
height: 100%;
width: 100%;
position: relative;
}
.material-list ul li div:before {
background: rgba(0,0,0,.4);
width: 100%;
height: 100%;
content: "";
display: block;
}
@media only screen and (max-width: 767px) {
.material-list ul li {
height: 120px;
font-size: 18px;
}
} .company #History dl dd {
border-bottom: 1px solid #959595;
margin-bottom: 16px;
padding-bottom: 16px;
}
.company #History dl dd:last-child {
border-bottom: none;
}  .gnav{position:absolute;z-index:150;top:0;left:0;overflow:scroll;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:30px 0 60px;background-color:white;}
.gnav.is-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 150;
}
.gnav-brand {
position: relative;
z-index: 20;
display: block;
float: none;
min-width: 180px;
height: 50px;
margin-bottom: 15px;
margin: 4px 16px;
color: transparent;
background: transparent url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/images/gnav-logo.svg) no-repeat center center;
font-size: 0;
line-height: 20px;
}
.gnav-container {
max-width: 1900px;
margin: auto;
padding-right: 15px;
padding-left: 15px;
}
.gnav-navbar{position:relative;z-index:10;}
.gnav-navbar li a{color:#45357E;font-weight:600;transition:all .3s;}
.gnav-navbar li a span {
display: block;
color: #999;
font-family: 'OverpassSemiBold',sans-serif; letter-spacing: 0.02em;
line-height: 1.0;
font-size: 12px
}
.gnav-navbar li a:hover{color:#FFF;background-color:#45357E}
.gnav-navbar .dropdown-menu{position:relative;padding-top:0;padding-bottom:0;border-color:#cdcdcd;border-radius:0;}
.gnav-navbar .dropdown-menu li a{padding-top:12px;padding-bottom:12px;}
.gnav-info a{display:block;color:#45357E;border-color:#45357E; }
.gnav-info a:hover{color:#eee;background-color:#45357E;}
.gnav-info .badge{padding:0.3em 0.65em 0.1em;background-color:#C11A36;text-shadow:none;}
.dropdown-menu{border:0} .sp-nav-icon{ position:absolute;z-index:999;top:0px;right:0px;display:inline-block;overflow:visible;width:50px;height:50px;margin:0;padding:15px;cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:2px solid #eee;background-color:rgba(30,33,56,0.5);font:inherit;border:none;background:none}
.sp-nav-icon.is-active{border-color:white;}
.sp-nav-icon:hover,
.sp-nav-icon:focus,
.sp-nav-icon:active {
background: none !important;
box-shadow: none !important;
}
.sp-nav-icon-box{position:absolute;top:40px;right:16px;display:inline-block;width:24px;height:24px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.sp-nav-icon-inner {
position: absolute;
top: 50%;
display: block;
width: 24px;
height: 2px;
margin-top: -1px;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
border-radius: 3px;
background-color: white;
}
.sp-nav-icon-inner::after, .sp-nav-icon-inner::before {
position: absolute;
width: 24px;
height: 2px;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
border-radius: 3px;
background-color: white;
}
.sp-nav-icon-inner::after, .sp-nav-icon-inner::before {
display: block;
content: "";
}
.sp-nav-icon-inner::before {
top: -8px;
}
.sp-nav-icon-inner::after {
bottom: -8px;
}
.sp-nav-text{position:absolute;top:101%;right:0;left:0;display:inline-block;margin:auto;padding-top:0.5rem;color:#eee;text-shadow:0 0 3px #1c2138;font-size:11px;font-weight:bold;}
.sp-nav-icon .sp-nav-text::after,.sp-nav-icon .sp-nav-text::before{position:absolute;right:0;left:0;margin:auto;-webkit-transition:all 0.4s;transition:all 0.4s;} .sp-nav-icon.is-active .sp-nav-text::before{opacity:0;}
.sp-nav-icon.is-active .sp-nav-text::after{opacity:1;} .sp-nav-icon-spin .sp-nav-icon-inner {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.sp-nav-icon-spin .sp-nav-icon-inner::before {
-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.sp-nav-icon-spin .sp-nav-icon-inner::after {
-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.sp-nav-icon-spin.is-active .sp-nav-icon-inner {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.sp-nav-icon-spin.is-active .sp-nav-icon-inner::before {
top: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
opacity: 0;
}
.sp-nav-icon-spin.is-active .sp-nav-icon-inner::after {
bottom: 0;
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
} .gnav_menu_language {
margin-top: 40px;
}
.gnav_menu_language .btn {
width: 100%;
font-size: 100%;
padding: 16px
}
.gnav_menu_language select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gnav_menu_language label {
position: relative;
width: 100%;
margin-bottom: 0
}
.gnav_menu_language label::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
top: 50%;
right: 16px;
margin-top: -3px;
}
@media only screen and (min-width: 992px) { .gnav{overflow:visible;width:100%;height:auto;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;background-color:transparent;}
.gnav-navbar li>a{color:#fff}
.gnav-navbar li>a:hover{}
.gnav-navbar li>a:after{}
.gnav-navbar li>a:hover:after{}
.gnav-brand {
background-image: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo-super-cut-wh.svg);
position: absolute;
height: 100%;
margin-bottom: 0;
}
.gnav-navbar {
float: right;
}
.gnav-navbar li {
float: left;
padding-left: 0;
text-align: center;
}
.gnav-navbar li a {
position: relative;
display: block;
padding: 15px;
}
.gnav-navbar .dropdown-menu {
position: absolute;
right: 0;
left: auto;
} .gnav-info {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
padding-top: 70px;
text-align: right;
}
.gnav-info a {
display: inline-block;
color: #eee;
border-color: #eee;
background-color: rgba(30, 33, 56, 0.5);
text-shadow: 0 0 5px rgba(10, 0, 33, 0.8);
}
.gnav-info a:hover {
color: #45357E;
background-color: #eee;
text-shadow: none;
}
.gnav-info a.gnav-phone {
border-color: transparent;
background-color: transparent;
font-size: 1.3rem;
margin-top: 5px;
}
.gnav-info a.gnav-phone:hover {
color: #eee;
border-color: transparent;
background-color: transparent;
}
.sp-nav-icon {
display: none;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
.dropdown-menu li {
float: none;
width: 100%;
}
.gnav-navbar li > .dropdown-menu li a::after {
content: "";
height: 0;
width: 0;
}
}
@media (max-width: 991px) {
.gnav{
position: fixed;
display: none;
width: 320px;
max-width: calc(100vw - 40px);
padding: 30px 24px 60px;
box-shadow: 12px 0 24px rgba(0, 0, 0, 0.18);
}
.gnav-container {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.gnav-brand {
margin: 0 0 20px;
}
.gnav-navbar li {
width: 100%;
}
.gnav-navbar li a {
position: relative;
display: block;
padding: 12px 0;
}
.gnav-brand {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo_f@2x.png) center no-repeat;
background-size: contain;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background: #45357e;
color: #FFFFFF;
}
.dropdown-menu {
background: none;
box-shadow: 0 0 0;
top: 0;
width: 100%;
}
.dropdown-menu li {
float: none;
width: 100%;
}
.dropdown-menu li a {
color: #c11a36;
}
.dropdown-menu li a:hover {
background: #c11a36;
color: #FFFFFF;
}
}
@media only screen and (min-width: 768px) {
html {
font-size: 16px;
}
.header-nav .navbar-collapse {
background-color: transparent;
}
.header-nav .navbar-collapse ul a {
color: #fff;
}
.footer {
text-align: left;
}
.footer-logo-sm {
padding-top: 0;
background-position: 0 center;
}
.footer .nav-footer>li ul li {
max-width: 10rem;
}
.footer-logo-sm:before {
position: absolute;
left: 0;
width: 40px;
height: 38px;
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
} .table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-top: 1px solid #959595;
border-bottom: 0;
padding: 16px 8px;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
border: none;
}
.table-og {
border-bottom: 1px solid #959595;
} #consul-form {
padding-top: 6em;
}
#consul-form .wpcf7-form {
margin-bottom: 0!important;
} #clients {
padding: 96px 0; margin-bottom: 0; background: #fff; }
#clients h2 {
font-size: 40px;
color: #767187;
margin: 0 0 64px;
}
#clients .container {
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
width: 100%;
}
#clients .client_link_item {
float: left;
display: inline-block;
width: 25%;
padding: 1%;
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
#clients h2 {
font-size: 24px;
margin: 0 0 40px;
}
#clients .client_link_item {
width: 50%;
padding: 5% 1%;
} #clients { padding: 56px 0; }
}
.sns {
margin: 20px 0;
overflow: hidden;
max-width: 300px;
}
.sns a {
float: left;
width: 25%;
padding: 10px 15px;
}
@media only screen and (max-width: 768px) {
.sns {
margin: 20px auto;
}
.col-sm-8 {
clear: both;
}
}
.header-logo-sp {
display: none;
}
.header-logo-sp__link {
display: none;
} @media (max-width: 991px) {
.header-logo-sp {
display: initial;
position: absolute;
z-index: 2;
top: 25px;
left: 15px;
width: 100%;
height: 100%;
}
.header-logo-sp__link {
display: initial;
background-image: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo-super-cut-wh.svg);
background-repeat: no-repeat;
max-width: 160px;
height: 100%;
margin-bottom: 0;
color: transparent;
}
}   @media (max-width: 991px) {
} @media (max-width: 767px) {
} @media (max-width: 543px) {
}   @media (min-width: 544px) {
} @media (min-width: 768px) {
} @media (min-width: 992px) {
}  @media screen and (min-width: 768px) and (max-width: 979px) {
} @media screen and (min-width: 480px) and (max-width: 767px)  {
} .movie-box {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movie-box iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .swiper-wrapper {
transition-timing-function: linear;
margin: 48px 0;
} .swiper-slide {
width: 100%;
max-width: 300px;
height: auto;
}
@media screen and (max-width: 679px){
.swiper-slide {
width: 100%;
max-width: 150px;
}
.swiper-slide img {
width: 100%;
height: auto;
}
}
.logo-slider {
background: #fff;
padding: 16px 0;
}   .slick-dots button {
position: relative;
height: 3px;
width: 30px;
line-height: 1;
padding: 0;
border: none;
outline: none;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
box-shadow: none;
text-indent: 100%;
white-space: nowrap;
overflow: visible;
background-color: initial;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slick-dots .slick-active button,
.slick-dots button:hover {
background: none!important;
}
.btn {
font-size: 111%;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 320px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 16px 0;
font-family: 'Overpass', sans-serif;
}
.gnav_menu_language .btn {
width: 100%;
font-size: 100%;
padding: 16px;
height: 50.8px;
}
.gnav_menu_language select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gnav_menu_language .btn {
font-size: 16px;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 160px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 0 16px;
font-family: 'Overpass', sans-serif;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
line-height: 1.42857143;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
}
.gnav_menu_language .btn-secondary:hover {
color: #44318f;
background-color: #fff;
border: #44318f solid 2px;
}
.slick-slider {
overflow: initial;
} .page-numbers {
border-radius: 0!important;
}
ul.page-numbers {
border-radius: initial;
border: none;
background-color: transparent!important;
}
ul.page-numbers:hover {
border: none;
background-color: transparent!important;
}
ul.page-numbers > li {
font-size: 14px;
}
ul.page-numbers > li > a {
border: none!important;
border-radius: initial!important;
}
ul.page-numbers > li > a.page-numbers {
border-radius: initial!important;
}
li > .page-numbers:hover {
border: 1px solid #fff!important;
background-color: transparent!important;
background-color: #44318f!important;
}
.page-numbers.current {
background-color: #44318f!important;
color: #fff!important;
}
.page-numbers.current:hover {
background-color: #44318f!important;
color: #fff!important;
}
.page-numbers.dots {
border: none!important;
background-color: transparent!important;
color: #44318f!important;
}
.page-numbers.dots:hover {
border: none!important;
background-color: transparent!important;
color: #44318f!important;
}
html,body{overflow:auto;overflow-x:hidden;height:auto}.rotate1{-webkit-animation:rotate1 750ms;-moz-animation:rotate1 750ms;animation:rotate1 750ms}@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotate1{0%{-moz-transform:rotate(-360deg)}}@keyframes rotate1{0%{transform:rotate(-360deg)}}.rotate2{-webkit-animation:rotate2 1000ms;-moz-animation:rotate2 1000ms;animation:rotate2 1000ms}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(-720deg)}}@-moz-keyframes rotate2{0%{-moz-transform:rotate(-720deg)}}@keyframes rotate2{0%{transform:rotate(-720deg)}}.flip1{-webkit-animation:flip1 1000ms;-moz-animation:flip1 1000ms;animation:flip1 1000ms}@-webkit-keyframes flip1{15%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)}}@-moz-keyframes flip1{15%{-moz-transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{-moz-transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{-moz-transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{-moz-transform:perspective(400px) rotate3d(0,1,0,-5deg)}}@keyframes flip1{15%{transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}}.flip2{-webkit-animation:flip2 1250ms;-moz-animation:flip2 1250ms;animation:flip2 1250ms}@-webkit-keyframes flip2{0%{-webkit-transform:perspective(800px) rotateY(-720deg)}100%{-webkit-transform:perspective(800px) rotateY(0)}}@-moz-keyframes flip2{0%{-moz-transform:perspective(800px) rotateY(-720deg)}100%{-moz-transform:perspective(800px) rotateY(0)}}@keyframes flip2{0%{transform:perspective(800px) rotateY(-720deg)}100%{transform:perspective(800px) rotateY(0)}}.pulse{-webkit-animation:pulse 750ms;-moz-animation:pulse 750ms;animation:pulse 750ms}@-webkit-keyframes pulse{20%{-webkit-transform:scale(1.1)}}@-moz-keyframes pulse{20%{-moz-transform:scale(1.1)}}@keyframes pulse{20%{transform:scale(1.1)}}.bounce{-webkit-transition-timing-function:cubic-bezier(.215,.610,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.610,.355,1);transition-timing-function:cubic-bezier(.215,.610,.355,1);-webkit-animation:bounce 1000ms;-moz-animation:bounce 1000ms;animation:bounce 1000ms}@-webkit-keyframes bounce{10%{-webkit-transform:scale(.85)}28%{-webkit-transform:scale(1.05)}46%{-webkit-transform:scale(.95)}64%{-webkit-transform:scale(1.03)}82%{-webkit-transform:scale(.975)}}@-moz-keyframes bounce{10%{-moz-transform:scale(.85)}28%{-moz-transform:scale(1.05)}46%{-moz-transform:scale(.95)}64%{-moz-transform:scale(1.03)}82%{-moz-transform:scale(.975)}}@keyframes bounce{10%{transform:scale(.85)}28%{transform:scale(1.05)}46%{transform:scale(.95)}64%{transform:scale(1.03)}82%{transform:scale(.975)}}.pop{-webkit-transition-timing-function:cubic-bezier(.215,.610,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.610,.355,1);transition-timing-function:cubic-bezier(.215,.610,.355,1);-webkit-animation:pop 1000ms;-moz-animation:pop 1000ms;animation:pop 1000ms}@-webkit-keyframes pop{10%{-webkit-transform:scale(.85)}28%{-webkit-transform:scale(1.3)}46%{-webkit-transform:scale(.95)}64%{-webkit-transform:scale(1.03)}82%{-webkit-transform:scale(.975)}}@-moz-keyframes pop{10%{-moz-transform:scale(.85)}28%{-moz-transform:scale(1.3)}46%{-moz-transform:scale(.95)}64%{-moz-transform:scale(1.03)}82%{-moz-transform:scale(.975)}}@keyframes pop{10%{transform:scale(.85)}28%{transform:scale(1.3)}46%{transform:scale(.95)}64%{transform:scale(1.03)}82%{transform:scale(.975)}}.puddingTop,.puddingBottom{-webkit-animation:pudding 1000ms ease-in-out;-moz-animation:pudding 1000ms ease-in-out;animation:pudding 1000ms ease-in-out}.puddingTop{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom}.puddingBottom{-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top}@-webkit-keyframes pudding{16%{-webkit-transform:skewX(-12deg)}33%{-webkit-transform:skewX(10deg)}50%{-webkit-transform:skewX(-6deg)}66%{-webkit-transform:skewX(4deg)}83%{-webkit-transform:skewX(-2deg)}}@-moz-keyframes pudding{16%{-moz-transform:skewX(-12deg)}33%{-moz-transform:skewX(10deg)}50%{-moz-transform:skewX(-6deg)}66%{-moz-transform:skewX(4deg)}83%{-moz-transform:skewX(-2deg)}}@keyframes pudding{16%{transform:skewX(-12deg)}33%{transform:skewX(10deg)}50%{transform:skewX(-6deg)}66%{transform:skewX(4deg)}83%{transform:skewX(-2deg)}}.puddingLeft,.puddingRight{-webkit-animation:puddingV 1000ms ease-in-out;-moz-animation:puddingV 1000ms ease-in-out;animation:puddingV 1000ms ease-in-out}.puddingLeft{-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.puddingRight{-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}@-webkit-keyframes puddingV{16%{-webkit-transform:skewY(-12deg)}33%{-webkit-transform:skewY(10deg)}50%{-webkit-transform:skewY(-6deg)}66%{-webkit-transform:skewY(4deg)}83%{-webkit-transform:skewY(-2deg)}}@-moz-keyframes puddingV{16%{-moz-transform:skewY(-12deg)}33%{-moz-transform:skewY(10deg)}50%{-moz-transform:skewY(-6deg)}66%{-moz-transform:skewY(4deg)}83%{-moz-transform:skewY(-2deg)}}@keyframes puddingV{16%{transform:skewY(-12deg)}33%{transform:skewY(10deg)}50%{transform:skewY(-6deg)}66%{transform:skewY(4deg)}83%{transform:skewY(-2deg)}}.jelly{-webkit-animation:jelly 1000ms;-moz-animation:jelly 1000ms;animation:jelly 1000ms}@-webkit-keyframes jelly{11%{-webkit-transform:skew(0deg,0deg)}22%{-webkit-transform:skew(-12.5deg,-12.5deg)}33%{-webkit-transform:skew(6.25deg,6.25deg)}44%{-webkit-transform:skew(-3.125deg,-3.125deg)}55%{-webkit-transform:skew(1.5625deg,1.5625deg)}66%{-webkit-transform:skew(-.78125deg,-.78125deg)}77%{-webkit-transform:skew(.390625deg,.390625deg)}88%{-webkit-transform:skew(-.1953125deg,-.1953125deg)}}@-moz-keyframes jelly{11%{-moz-transform:skew(0deg,0deg)}22%{-moz-transform:skew(-12.5deg,-12.5deg)}33%{-moz-transform:skew(6.25deg,6.25deg)}44%{-moz-transform:skew(-3.125deg,-3.125deg)}55%{-moz-transform:skew(1.5625deg,1.5625deg)}66%{-moz-transform:skew(-.78125deg,-.78125deg)}77%{-moz-transform:skew(.390625deg,.390625deg)}88%{-moz-transform:skew(-.1953125deg,-.1953125deg)}}@keyframes jelly{11%{transform:skew(0deg,0deg)}22%{transform:skew(-12.5deg,-12.5deg)}33%{transform:skew(6.25deg,6.25deg)}44%{transform:skew(-3.125deg,-3.125deg)}55%{transform:skew(1.5625deg,1.5625deg)}66%{transform:skew(-.78125deg,-.78125deg)}77%{transform:skew(.390625deg,.390625deg)}88%{transform:skew(-.1953125deg,-.1953125deg)}}.gelatine{-webkit-animation:gelatine 500ms;-moz-animation:gelatine 500ms;animation:gelatine 500ms}@-webkit-keyframes gelatine{25%{-webkit-transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05)}}@-moz-keyframes gelatine{25%{-moz-transform:scale(.9,1.1)}50%{-moz-transform:scale(1.1,.9)}75%{-moz-transform:scale(.95,1.05)}}@keyframes gelatine{25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.rubber{-webkit-animation:rubber 1000ms;-moz-animation:rubber 1000ms;animation:rubber 1000ms}@-webkit-keyframes rubber{30%{-webkit-transform:scale(1.25,.75)}40%{-webkit-transform:scale(0.75,1.25)}50%{-webkit-transform:scale(1.15,.85)}65%{-webkit-transform:scale(.95,1.05)}75%{-webkit-transform:scale(1.05,.95)}}@-moz-keyframes rubber{30%{-moz-transform:scale(1.25,.75)}40%{-moz-transform:scale(0.75,1.25)}50%{-moz-transform:scale(1.15,.85)}65%{-moz-transform:scale(.95,1.05)}75%{-moz-transform:scale(1.05,.95)}}@keyframes rubber{30%{transform:scale(1.25,.75)}40%{transform:scale(0.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}.swing{-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top;-webkit-animation:swing 1000ms;-moz-animation:swing 1000ms;animation:swing 1000ms}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.wobble{-webkit-animation:wobble 1000ms;-moz-animation:wobble 1000ms;animation:wobble 1000ms}@-webkit-keyframes wobble{15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}}@-moz-keyframes wobble{15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}}@keyframes wobble{15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}}.buzz{-webkit-animation:buzz 750ms;-moz-animation:buzz 750ms;animation:buzz 750ms}@-webkit-keyframes buzz{10%{-webkit-transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0)}}@-moz-keyframes buzz{10%{-moz-transform:translateX(3px) rotate(2deg)}20%{-moz-transform:translateX(-3px) rotate(-2deg)}30%{-moz-transform:translateX(3px) rotate(2deg)}40%{-moz-transform:translateX(-3px) rotate(-2deg)}50%{-moz-transform:translateX(2px) rotate(1deg)}60%{-moz-transform:translateX(-2px) rotate(-1deg)}70%{-moz-transform:translateX(2px) rotate(1deg)}80%{-moz-transform:translateX(-2px) rotate(-1deg)}90%{-moz-transform:translateX(1px) rotate(0)}}@keyframes buzz{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}}.tada{-webkit-animation:tada 1000ms;-moz-animation:tada 1000ms;animation:tada 1000ms}@-webkit-keyframes tada{10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}}@-moz-keyframes tada{10%,20%{-moz-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}}@keyframes tada{10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}.oS-fadeIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-fadeIn:not(:target){opacity:0\9}}.fadeIn{-webkit-animation:fadeIn 750ms;-moz-animation:fadeIn 750ms;animation:fadeIn 750ms}@-webkit-keyframes fadeIn{100%{opacity:1}}@-moz-keyframes fadeIn{100%{opacity:1}}@keyframes fadeIn{100%{opacity:1}}.oS-fadeFloat{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-fadeFloat:not(:target){opacity:0\9}}.fadeFloat{-webkit-animation:fadeFloat 750ms ease-out;-moz-animation:fadeFloat 750ms ease-out;animation:fadeFloat 750ms ease-out}@-webkit-keyframes fadeFloat{0%{-webkit-transform:scale(0.8)}100%{opacity:1}}@-moz-keyframes fadeFloat{0%{-moz-transform:scale(0.8)}100%{opacity:1}}@keyframes fadeFloat{0%{transform:scale(0.8)}100%{opacity:1}}.oS-fadeLand{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-fadeLand:not(:target){opacity:0\9}}.fadeLand{-webkit-animation:fadeLand 750ms ease-out;-moz-animation:fadeLand 750ms ease-out;animation:fadeLand 750ms ease-out}@-webkit-keyframes fadeLand{0%{-webkit-transform:scale(1.2)}100%{opacity:1}}@-moz-keyframes fadeLand{0%{-moz-transform:scale(1.2)}100%{opacity:1}}@keyframes fadeLand{0%{transform:scale(1.2)}100%{opacity:1}}.oS-slideUp{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideUp:not(:target){opacity:0\9}}.slideUp{-webkit-animation:slideUp 500ms ease-out;-moz-animation:slideUp 500ms ease-out;animation:slideUp 500ms ease-out}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(20px)}100%{opacity:1}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(20px)}100%{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px)}100%{opacity:1}}.oS-slideDown{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideDown:not(:target){opacity:0\9}}.slideDown{-webkit-animation:slideDown 500ms ease-out;-moz-animation:slideDown 500ms ease-out;animation:slideDown 500ms ease-out}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-20px)}100%{opacity:1}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-20px)}100%{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px)}100%{opacity:1}}.oS-slideLeft{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideLeft:not(:target){opacity:0\9}}.slideLeft{-webkit-animation:slideLeft 500ms ease-out;-moz-animation:slideLeft 500ms ease-out;animation:slideLeft 500ms ease-out}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(-20px)}100%{opacity:1}}@-moz-keyframes slideLeft{0%{-moz-transform:translateX(-20px)}100%{opacity:1}}@keyframes slideLeft{0%{transform:translateX(-20px)}100%{opacity:1}}.oS-slideRight{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideRight:not(:target){opacity:0\9}}.slideRight{-webkit-animation:slideRight 500ms ease-out;-moz-animation:slideRight 500ms ease-out;animation:slideRight 500ms ease-out}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(20px)}100%{opacity:1}}@-moz-keyframes slideRight{0%{-moz-transform:translateX(20px)}100%{opacity:1}}@keyframes slideRight{0%{transform:translateX(20px)}100%{opacity:1}}.oS-slideUpBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideUpBig:not(:target){opacity:0\9}}.slideUpBig{-webkit-animation:slideUpBig 500ms ease-out;-moz-animation:slideUpBig 500ms ease-out;animation:slideUpBig 500ms ease-out}@-webkit-keyframes slideUpBig{0%{-webkit-transform:translateY(150px)}100%{opacity:1}}@-moz-keyframes slideUpBig{0%{-moz-transform:translateY(150px)}100%{opacity:1}}@keyframes slideUpBig{0%{transform:translateY(150px)}100%{opacity:1}}.oS-slideDownBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideDownBig:not(:target){opacity:0\9}}.slideDownBig{-webkit-animation:slideDownBig 500ms ease-out;-moz-animation:slideDownBig 500ms ease-out;animation:slideDownBig 500ms ease-out}@-webkit-keyframes slideDownBig{0%{-webkit-transform:translateY(-150px)}100%{opacity:1}}@-moz-keyframes slideDownBig{0%{-moz-transform:translateY(-150px)}100%{opacity:1}}@keyframes slideDownBig{0%{transform:translateY(-150px)}100%{opacity:1}}.oS-slideLeftBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideLeftBig:not(:target){opacity:0\9}}.slideLeftBig{-webkit-animation:slideLeftBig 500ms ease-out;-moz-animation:slideLeftBig 500ms ease-out;animation:slideLeftBig 500ms ease-out}@-webkit-keyframes slideLeftBig{0%{-webkit-transform:translateX(-150px)}100%{opacity:1}}@-moz-keyframes slideLeftBig{0%{-moz-transform:translateX(-150px)}100%{opacity:1}}@keyframes slideLeftBig{0%{transform:translateX(-150px)}100%{opacity:1}}.oS-slideRightBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slideRightBig:not(:target){opacity:0\9}}.slideRightBig{-webkit-animation:slideRightBig 500ms ease-out;-moz-animation:slideRightBig 500ms ease-out;animation:slideRightBig 500ms ease-out}@-webkit-keyframes slideRightBig{0%{-webkit-transform:translateX(150px)}100%{opacity:1}}@-moz-keyframes slideRightBig{0%{-moz-transform:translateX(150px)}100%{opacity:1}}@keyframes slideRightBig{0%{transform:translateX(150px)}100%{opacity:1}}.oS-bounceUp{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceUp:not(:target){opacity:0\9}}.bounceUp{-webkit-animation:bounceUp 750ms;-moz-animation:bounceUp 750ms;animation:bounceUp 750ms}@-webkit-keyframes bounceUp{0%{-webkit-transform:translateY(150px)}50%{opacity:1;-webkit-transform:translateY(-12px)}65%{-webkit-transform:translateY(6px)}80%{-webkit-transform:translateY(-3px)}100%{opacity:1}}@-moz-keyframes bounceUp{0%{-moz-transform:translateY(150px)}50%{opacity:1;-moz-transform:translateY(-12px)}65%{-moz-transform:translateY(6px)}80%{-moz-transform:translateY(-3px)}100%{opacity:1}}@keyframes bounceUp{0%{transform:translateY(150px)}50%{opacity:1;transform:translateY(-12px)}65%{transform:translateY(6px)}80%{transform:translateY(-3px)}100%{opacity:1}}.oS-bounceDown{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceDown:not(:target){opacity:0\9}}.bounceDown{-webkit-animation:bounceDown 750ms;-moz-animation:bounceDown 750ms;animation:bounceDown 750ms}@-webkit-keyframes bounceDown{0%{-webkit-transform:translateY(-150px)}50%{opacity:1;-webkit-transform:translateY(12px)}65%{-webkit-transform:translateY(-6px)}80%{-webkit-transform:translateY(3px)}100%{opacity:1}}@-moz-keyframes bounceDown{0%{-moz-transform:translateY(-150px)}50%{opacity:1;-moz-transform:translateY(12px)}65%{-moz-transform:translateY(-6px)}80%{-moz-transform:translateY(3px)}100%{opacity:1}}@keyframes bounceDown{0%{transform:translateY(-150px)}50%{opacity:1;transform:translateY(12px)}65%{transform:translateY(-6px)}80%{transform:translateY(3px)}100%{opacity:1}}.oS-bounceLeft{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceLeft:not(:target){opacity:0\9}}.bounceLeft{-webkit-animation:bounceLeft 750ms;-moz-animation:bounceLeft 750ms;animation:bounceLeft 750ms}@-webkit-keyframes bounceLeft{0%{-webkit-transform:translateX(-150px)}50%{opacity:1;-webkit-transform:translateX(15px)}65%{-webkit-transform:translateX(-6px)}80%{-webkit-transform:translateX(3px)}100%{opacity:1}}@-moz-keyframes bounceLeft{0%{-moz-transform:translateX(-150px)}50%{opacity:1;-moz-transform:translateX(15px)}65%{-moz-transform:translateX(-6px)}80%{-moz-transform:translateX(3px)}100%{opacity:1}}@keyframes bounceLeft{0%{transform:translateX(-150px)}50%{opacity:1;transform:translateX(15px)}65%{transform:translateX(-6px)}80%{transform:translateX(3px)}100%{opacity:1}}.oS-bounceRight{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceRight:not(:target){opacity:0\9}}.bounceRight{-webkit-animation:bounceRight 750ms;-moz-animation:bounceRight 750ms;animation:bounceRight 750ms}@-webkit-keyframes bounceRight{0%{-webkit-transform:translateX(150px)}50%{opacity:1;-webkit-transform:translateX(-12px)}65%{-webkit-transform:translateX(6px)}80%{-webkit-transform:translateX(-3px)}100%{opacity:1}}@-moz-keyframes bounceRight{0%{-moz-transform:translateX(150px)}50%{opacity:1;-moz-transform:translateX(-12px)}65%{-moz-transform:translateX(6px)}80%{-moz-transform:translateX(-3px)}100%{opacity:1}}@keyframes bounceRight{0%{transform:translateX(150px)}50%{opacity:1;transform:translateX(-12px)}65%{transform:translateX(6px)}80%{transform:translateX(-3px)}100%{opacity:1}}.oS-bounceLeftBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceLeftBig:not(:target){opacity:0\9}}.bounceLeftBig{-webkit-animation:bounceLeftBig 1000ms cubic-bezier(.215,.610,.355,1.000);-moz-animation:bounceLeftBig 1000ms cubic-bezier(.215,.610,.355,1.000);animation:bounceLeftBig 1000ms cubic-bezier(.215,.610,.355,1.000)}@-webkit-keyframes bounceLeftBig{0%{-webkit-transform:translateX(-3000px)}60%{opacity:1;-webkit-transform:translateX(25px)}75%{-webkit-transform:translateX(-10px)}90%{-webkit-transform:translateX(5px)}100%{opacity:1}}@-moz-keyframes bounceLeftBig{0%{-moz-transform:translateX(-3000px)}60%{opacity:1;-moz-transform:translateX(25px)}75%{-moz-transform:translateX(-10px)}90%{-moz-transform:translateX(5px)}100%{opacity:1}}@keyframes bounceLeftBig{0%{transform:translateX(-3000px)}60%{opacity:1;transform:translateX(25px)}75%{transform:translateX(-10px)}90%{transform:translateX(5px)}100%{opacity:1}}.oS-bounceRightBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceRightBig:not(:target){opacity:0\9}}.bounceRightBig{-webkit-animation:bounceRightBig 1000ms cubic-bezier(.215,.610,.355,1.000);-moz-animation:bounceRightBig 1000ms cubic-bezier(.215,.610,.355,1.000);animation:bounceRightBig 1000ms cubic-bezier(.215,.610,.355,1.000)}@-webkit-keyframes bounceRightBig{0%{-webkit-transform:translateX(3000px)}60%{opacity:1;-webkit-transform:translateX(-25px)}75%{-webkit-transform:translateX(10px)}90%{-webkit-transform:translateX(-5px)}100%{opacity:1}}@-moz-keyframes bounceRightBig{0%{-moz-transform:translateX(3000px)}60%{opacity:1;-moz-transform:translateX(-25px)}75%{-moz-transform:translateX(10px)}90%{-moz-transform:translateX(-5px)}100%{opacity:1}}@keyframes bounceRightBig{0%{transform:translateX(3000px)}60%{opacity:1;transform:translateX(-25px)}75%{transform:translateX(10px)}90%{transform:translateX(-5px)}100%{opacity:1}}.oS-slimeLeft{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slimeLeft:not(:target){opacity:0\9}}.slimeLeft{-webkit-animation:slimeLeft 500ms ease-out;-moz-animation:slimeLeft 500ms ease-out;animation:slimeLeft 500ms ease-out}@-webkit-keyframes slimeLeft{from{-webkit-transform:translateX(-50%) skewX(30deg)}60%{-webkit-transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg)}to{opacity:1}}@-moz-keyframes slimeLeft{from{-moz-transform:translateX(-50%) skewX(30deg)}60%{-moz-transform:skewX(-20deg);opacity:1}80%{-moz-transform:skewX(5deg)}to{opacity:1}}@keyframes slimeLeft{from{transform:translateX(-50%) skewX(30deg)}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{opacity:1}}.oS-slimeRight{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slimeRight:not(:target){opacity:0\9}}.slimeRight{-webkit-animation:slimeRight 500ms ease-out;-moz-animation:slimeRight 500ms ease-out;animation:slimeRight 500ms ease-out}@-webkit-keyframes slimeRight{from{-webkit-transform:translateX(50%) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg)}to{opacity:1}}@-moz-keyframes slimeRight{from{-moz-transform:translateX(50%) skewX(-30deg)}60%{-moz-transform:skewX(20deg);opacity:1}80%{-moz-transform:skewX(-5deg)}to{opacity:1}}@keyframes slimeRight{from{transform:translateX(50%) skewX(-30deg)}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{opacity:1}}.oS-slimeLeftBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slimeLeftBig:not(:target){opacity:0\9}}.slimeLeftBig{-webkit-animation:slimeLeftBig 625ms ease-out;-moz-animation:slimeLeftBig 625ms ease-out;animation:slimeLeftBig 625ms ease-out}@-webkit-keyframes slimeLeftBig{from{-webkit-transform:translateX(-175%) skewX(60deg)}60%{-webkit-transform:skewX(-40deg);opacity:1}80%{-webkit-transform:skewX(10deg)}to{opacity:1}}@-moz-keyframes slimeLeftBig{from{-moz-transform:translateX(-175%) skewX(60deg)}60%{-moz-transform:skewX(-40deg);opacity:1}80%{-moz-transform:skewX(10deg)}to{opacity:1}}@keyframes slimeLeftBig{from{transform:translateX(-175%) skewX(60deg)}60%{transform:skewX(-40deg);opacity:1}80%{transform:skewX(10deg)}to{opacity:1}}.oS-slimeRightBig{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-slimeRightBig:not(:target){opacity:0\9}}.slimeRightBig{-webkit-animation:slimeRightBig 625ms ease-out;-moz-animation:slimeRightBig 625ms ease-out;animation:slimeRightBig 625ms ease-out}@-webkit-keyframes slimeRightBig{from{-webkit-transform:translateX(175%) skewX(-60deg)}60%{-webkit-transform:skewX(40deg);opacity:1}80%{-webkit-transform:skewX(-10deg)}to{opacity:1}}@-moz-keyframes slimeRightBig{from{-moz-transform:translateX(175%) skewX(-60deg)}60%{-moz-transform:skewX(40deg);opacity:1}80%{-moz-transform:skewX(-10deg)}to{opacity:1}}@keyframes slimeRightBig{from{transform:translateX(175%) skewX(-60deg)}60%{transform:skewX(40deg);opacity:1}80%{transform:skewX(-10deg)}to{opacity:1}}.oS-rotateIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-rotateIn:not(:target){opacity:0\9}}.rotateIn{-webkit-animation:rotateIn 1000ms;-moz-animation:rotateIn 1000ms;animation:rotateIn 1000ms}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg)}100%{opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform:rotate(-200deg)}100%{opacity:1}}@keyframes rotateIn{0%{transform:rotate(-200deg)}100%{opacity:1}}.oS-rollLeft{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-rollLeft:not(:target){opacity:0\9}}.rollLeft{-webkit-animation:rollLeft 1000ms;-moz-animation:rollLeft 1000ms;animation:rollLeft 1000ms}@-webkit-keyframes rollLeft{0%{-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1}}@-moz-keyframes rollLeft{0%{-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1}}@keyframes rollLeft{0%{transform:translateX(-100%) rotate(-120deg)}100%{opacity:1}}.oS-rollRight{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-rollRight:not(:target){opacity:0\9}}.rollRight{-webkit-animation:rollRight 1000ms;-moz-animation:rollRight 1000ms;animation:rollRight 1000ms}@-webkit-keyframes rollRight{0%{-webkit-transform:translateX(100%) rotate(120deg)}100%{opacity:1}}@-moz-keyframes rollRight{0%{-moz-transform:translateX(100%) rotate(120deg)}100%{opacity:1}}@keyframes rollRight{0%{transform:translateX(100%) rotate(120deg)}100%{opacity:1}}.oS-flipInH{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-flipInH:not(:target){opacity:0\9}}.flipInH{-webkit-animation:flipInH 1000ms;-moz-animation:flipInH 1000ms;animation:flipInH 1000ms}@-webkit-keyframes flipInH{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);opacity:1}}@-moz-keyframes flipInH{0%{-moz-transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{-moz-transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{-moz-transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-moz-transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-moz-transform:perspective(400px);opacity:1}}@keyframes flipInH{0%{transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{transform:perspective(400px);opacity:1}}.oS-flipInV{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-flipInV:not(:target){opacity:0\9}}.flipInV{-webkit-animation:flipInV 1000ms;-moz-animation:flipInV 1000ms;animation:flipInV 1000ms}@-webkit-keyframes flipInV{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg)}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);opacity:1}}@-moz-keyframes flipInV{0%{-moz-transform:perspective(400px) rotate3d(1,0,0,90deg)}40%{-moz-transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-moz-transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-moz-transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-moz-transform:perspective(400px);opacity:1}}@keyframes flipInV{0%{transform:perspective(400px) rotate3d(1,0,0,90deg)}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px);opacity:1}}.oS-bounceIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-bounceIn:not(:target){opacity:0\9}}.bounceIn{-webkit-animation:bounceIn 1000ms cubic-bezier(.215,.610,.355,1.000);-moz-animation:bounceIn 1000ms cubic-bezier(.215,.610,.355,1.000);animation:bounceIn 1000ms cubic-bezier(.215,.610,.355,1.000)}@-webkit-keyframes bounceIn{0%{-webkit-transform:scale(.3)}20%{-webkit-transform:scale(1.1)}40%{-webkit-transform:scale(.9)}60%{-webkit-transform:scale(1.03);opacity:1}80%{-webkit-transform:scale(.97)}to{opacity:1}}@-moz-keyframes bounceIn{0%{-moz-transform:scale(.3)}20%{-moz-transform:scale(1.1)}40%{-moz-transform:scale(.9)}60%{-moz-transform:scale(1.03);opacity:1}80%{-moz-transform:scale(.97)}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.3)}20%{transform:scale(1.1)}40%{transform:scale(.9)}60%{transform:scale(1.03);opacity:1}80%{transform:scale(.97)}to{opacity:1}}.oS-popIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-popIn:not(:target){opacity:0\9}}.popIn{-webkit-animation:popIn 750ms cubic-bezier(.215,.610,.355,1.000);-moz-animation:popIn 750ms cubic-bezier(.215,.610,.355,1.000);animation:popIn 750ms cubic-bezier(.215,.610,.355,1.000)}@-webkit-keyframes popIn{10%{-webkit-transform:scale(.85)}28%{-webkit-transform:scale(1.3)}46%{-webkit-transform:scale(.95)}64%{-webkit-transform:scale(1.03);opacity:1}82%{-webkit-transform:scale(.975)}100%{opacity:1}}@-moz-keyframes popIn{10%{-moz-transform:scale(.85)}28%{-moz-transform:scale(1.3)}46%{-moz-transform:scale(.95)}64%{-moz-transform:scale(1.03);opacity:1}82%{-moz-transform:scale(.975)}100%{opacity:1}}@keyframes popIn{10%{transform:scale(.85)}28%{transform:scale(1.3)}46%{transform:scale(.95)}64%{transform:scale(1.03);opacity:1}82%{transform:scale(.975)}100%{opacity:1}}.oS-expandIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-expandIn:not(:target){opacity:0\9}}.expandIn{-webkit-animation:expandIn 500ms;-moz-animation:expandIn 500ms;animation:expandIn 500ms}@-webkit-keyframes expandIn{0%{-webkit-transform:translateY(150px) scale(0.6,0.5)}60%{-webkit-transform:translateY(-14px) scale(1.06,1.12)}75%{-webkit-transform:translateY(7px)}100%{opacity:1}}@-moz-keyframes expandIn{0%{-moz-transform:translateY(150px) scale(0.6,0.5)}60%{-moz-transform:translateY(-14px) scale(1.06,1.12)}75%{-moz-transform:translateY(7px)}100%{opacity:1}}@keyframes expandIn{0%{transform:translateY(150px) scale(0.6,0.5)}60%{transform:translateY(-14px) scale(1.06,1.12)}75%{transform:translateY(7px)}100%{opacity:1}}.oS-spreadIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-spreadIn:not(:target){opacity:0\9}}.spreadIn{-webkit-animation:spreadIn 500ms;-moz-animation:spreadIn 500ms;animation:spreadIn 500ms}@-webkit-keyframes spreadIn{0%{-webkit-transform:translateY(150px) scale(0.6,0.5)}60%{-webkit-transform:translateY(-14px) scale(0.5,0.4)}75%{-webkit-transform:translateY(7px) scale(1.12,1.12)}100%{opacity:1}}@-moz-keyframes spreadIn{0%{-moz-transform:translateY(150px) scale(0.6,0.5)}60%{-moz-transform:translateY(-14px) scale(0.5,0.4)}75%{-moz-transform:translateY(7px) scale(1.12,1.12)}100%{opacity:1}}@keyframes spreadIn{0%{transform:translateY(150px) scale(0.6,0.5)}60%{transform:translateY(-14px) scale(0.5,0.4)}75%{transform:translateY(7px) scale(1.12,1.12)}100%{opacity:1}}.oS-balloonUp,.oS-balloonDown,.oS-balloonLeft,.oS-balloonRight{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transform:scale(1)\9;-moz-transform:scale(1)\9;transform:scale(1)\9}@media (-ms-high-contrast: none){.oS-balloonUp:not(:target),.oS-balloonDown:not(:target),.oS-balloonLeft:not(:target),.oS-balloonRight:not(:target){-webkit-transform:scale(0)\9;-moz-transform:scale(0)\9;transform:scale(0)\9}}.balloonUp,.balloonDown,.balloonLeft,.balloonRight{-webkit-animation:balloon 2000ms ease-in-out;-moz-animation:balloon 2000ms ease-in-out;animation:balloon 2000ms ease-in-out}.balloonUp{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom}.balloonDown{-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top}.balloonLeft{-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.balloonRight{-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}@-webkit-keyframes balloon{0%{-webkit-transform:rotate(0deg) scale(0)}20%{-webkit-transform:rotate(-2deg) scale(1.05)}35%{-webkit-transform:rotate(2deg) scale(1)}50%{-webkit-transform:rotate(-2deg)}65%{-webkit-transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes balloon{0%{-moz-transform:rotate(0deg) scale(0)}20%{-moz-transform:rotate(-2deg) scale(1.05)}35%{-moz-transform:rotate(2deg) scale(1)}50%{-moz-transform:rotate(-2deg)}65%{-moz-transform:rotate(1deg)}80%{-moz-transform:rotate(-1deg)}100%{-moz-transform:rotate(0deg)}}@keyframes balloon{0%{transform:rotate(0deg) scale(0)}20%{transform:rotate(-2deg) scale(1.05)}35%{transform:rotate(2deg) scale(1)}50%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}100%{transform:rotate(0deg)}}.oS-balloonLeftTop,.oS-balloonRightTop,.oS-balloonLeftBottom,.oS-balloonRightBottom{-webkit-transform:rotate(20deg) scale(0);-moz-transform:rotate(20deg) scale(0);transform:rotate(20deg) scale(0);-webkit-transform:rotate(0) scale(1)\9;-moz-transform:rotate(0) scale(1)\9;transform:rotate(0) scale(1)\9}@media (-ms-high-contrast: none){.oS-balloonLeftTop:not(:target),.oS-balloonRightTop:not(:target),.oS-balloonLeftBottom:not(:target),.oS-balloonRightBottom:not(:target){-webkit-transform:rotate(20deg) scale(0)\9;-moz-transform:rotate(20deg) scale(0)\9;transform:rotate(20deg) scale(0)\9}}.balloonLeftTop,.balloonRightTop,.balloonLeftBottom,.balloonRightBottom{-webkit-animation:balloonIn 800ms;-moz-animation:balloonIn 800ms;animation:balloonIn 800ms}.balloonLeftTop{-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top}.balloonRightTop{-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top}.balloonLeftBottom{-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;transform-origin:left bottom}.balloonRightBottom{-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes balloonIn{0%{-webkit-transform:rotate(20deg) scale(0)}20%{-webkit-transform:rotate(15deg) scale(1.2)}40%{-webkit-transform:rotate(-10deg) scale(.85)}60%{-webkit-transform:rotate(5deg) scale(1.05)}80%{-webkit-transform:rotate(-5deg) scale(.95)}100%{-webkit-transform:rotate(0deg) scale(1)}}@-moz-keyframes balloonIn{0%{-moz-transform:rotate(20deg) scale(0)}20%{-moz-transform:rotate(15deg) scale(1.2)}40%{-moz-transform:rotate(-10deg) scale(.85)}60%{-moz-transform:rotate(5deg) scale(1.05)}80%{-moz-transform:rotate(-5deg) scale(.95)}100%{-moz-transform:rotate(0deg) scale(1)}}@keyframes balloonIn{0%{transform:rotate(20deg) scale(0)}20%{transform:rotate(15deg) scale(1.2)}40%{transform:rotate(-10deg) scale(.85)}60%{transform:rotate(5deg) scale(1.05)}80%{transform:rotate(-5deg) scale(.95)}100%{transform:rotate(0deg) scale(1)}}.oS-zoomIn{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomIn:not(:target){opacity:0\9}}.zoomIn{-webkit-animation:zoomIn 750ms;-moz-animation:zoomIn 750ms;animation:zoomIn 750ms}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(.3)}100%{opacity:1}}@-moz-keyframes zoomIn{0%{-moz-transform:scale(.3)}100%{opacity:1}}@keyframes zoomIn{0%{transform:scale(.3)}100%{opacity:1}}.oS-zoomFloat{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomFloat:not(:target){opacity:0\9}}.zoomFloat{-webkit-animation:zoomFloat 1500ms ease-in-out;-moz-animation:zoomFloat 1500ms ease-in-out;animation:zoomFloat 1500ms ease-in-out}@-webkit-keyframes zoomFloat{0%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1.1)}75%{-webkit-transform:scale(0.9);opacity:1}100%{opacity:1}}@-moz-keyframes zoomFloat{0%{-moz-transform:scale(0)}50%{-moz-transform:scale(1.1)}75%{-moz-transform:scale(0.9);opacity:1}100%{opacity:1}}@keyframes zoomFloat{0%{transform:scale(0)}50%{transform:scale(1.1)}75%{transform:scale(0.9);opacity:1}100%{opacity:1}}.oS-zoomSway{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomSway:not(:target){opacity:0\9}}.zoomSway{-webkit-animation:zoomSway 1500ms ease-out;-moz-animation:zoomSway 1500ms ease-out;animation:zoomSway 1500ms ease-out}@-webkit-keyframes zoomSway{0%{-webkit-transform:scale(0.3) rotate(6deg) translate(-30%,30%)}30%{-webkit-transform:scale(1.03) rotate(-2deg) translate(2%,-2%);opacity:1}45%{-webkit-transform:scale(0.98) rotate(1deg) translate(0,0)}60%{-webkit-transform:scale(1.01) rotate(-1deg)}75%{-webkit-transform:scale(0.99) rotate(1deg)}90%{-webkit-transform:scale(1.01) rotate(0deg)}100%{opacity:1}}@-moz-keyframes zoomSway{0%{-moz-transform:scale(0.3) rotate(6deg) translate(-30%,30%)}30%{-moz-transform:scale(1.03) rotate(-2deg) translate(2%,-2%);opacity:1}45%{-moz-transform:scale(0.98) rotate(1deg) translate(0,0)}60%{-moz-transform:scale(1.01) rotate(-1deg)}75%{-moz-transform:scale(0.99) rotate(1deg)}90%{-moz-transform:scale(1.01) rotate(0deg)}100%{opacity:1}}@keyframes zoomSway{0%{transform:scale(0.3) rotate(6deg) translate(-30%,30%)}30%{transform:scale(1.03) rotate(-2deg) translate(2%,-2%);opacity:1}45%{transform:scale(0.98) rotate(1deg) translate(0,0)}60%{transform:scale(1.01) rotate(-1deg)}75%{transform:scale(0.99) rotate(1deg)}90%{transform:scale(1.01) rotate(0deg)}100%{opacity:1}}.oS-zoomBloom{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomBloom:not(:target){opacity:0\9}}.zoomBloom{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom;-webkit-animation:zoomBloom 500ms;-moz-animation:zoomBloom 500ms;animation:zoomBloom 500ms}@-webkit-keyframes zoomBloom{0%{-webkit-transform:scale(0) translateY(250px)}100%{opacity:1}}@-moz-keyframes zoomBloom{0%{-moz-transform:scale(0) translateY(250px)}100%{opacity:1}}@keyframes zoomBloom{0%{transform:scale(0) translateY(250px)}100%{opacity:1}}.oS-zoomUp{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomUp:not(:target){opacity:0\9}}.zoomUp{-webkit-animation:zoomUp 1000ms;-moz-animation:zoomUp 1000ms;animation:zoomUp 1000ms}@-webkit-keyframes zoomUp{0%{-webkit-transform:scale(.1) translateY(1000px);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale(.475) translateY(0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}100%{opacity:1}}@-moz-keyframes zoomUp{0%{-moz-transform:scale(.1) translateY(1000px);-moz-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-moz-transform:scale(.475) translateY(0);-moz-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}100%{opacity:1}}@keyframes zoomUp{0%{transform:scale(.1) translateY(1000px);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale(.475) translateY(0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}100%{opacity:1}}.oS-zoomDown{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomDown:not(:target){opacity:0\9}}.zoomDown{-webkit-animation:zoomDown 1000ms;-moz-animation:zoomDown 1000ms;animation:zoomDown 1000ms}@-webkit-keyframes zoomDown{0%{-webkit-transform:scale(.1) translateY(-1000px);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale(.475) translateY(0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}100%{opacity:1}}@-moz-keyframes zoomDown{0%{-moz-transform:scale(.1) translateY(-1000px);-moz-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-moz-transform:scale(.475) translateY(0);-moz-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}100%{opacity:1}}@keyframes zoomDown{0%{transform:scale(.1) translateY(-1000px);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale(.475) translateY(0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}100%{opacity:1}}.oS-zoomLeft{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomLeft:not(:target){opacity:0\9}}.zoomLeft{-webkit-animation:zoomLeft 1000ms;-moz-animation:zoomLeft 1000ms;animation:zoomLeft 1000ms}@-webkit-keyframes zoomLeft{0%{-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}100%{opacity:1}}@-moz-keyframes zoomLeft{0%{-moz-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-moz-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}100%{opacity:1}}@keyframes zoomLeft{0%{transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}100%{opacity:1}}.oS-zoomRight{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-zoomRight:not(:target){opacity:0\9}}.zoomRight{-webkit-animation:zoomRight 1000ms;-moz-animation:zoomRight 1000ms;animation:zoomRight 1000ms}@-webkit-keyframes zoomRight{0%{-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}100%{opacity:1}}@-moz-keyframes zoomRight{0%{-moz-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-moz-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}100%{opacity:1}}@keyframes zoomRight{0%{transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}100%{opacity:1}}.oS-pageDown1{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageDown1:not(:target){opacity:0\9}}.pageDown1{-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top;-webkit-animation:pageDown1 500ms;-moz-animation:pageDown1 500ms;animation:pageDown1 500ms}@-webkit-keyframes pageDown1{0%{-webkit-transform:perspective(400px) rotateX(90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes pageDown1{0%{-moz-transform:perspective(400px) rotateX(90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes pageDown1{0%{transform:perspective(400px) rotateX(90deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.oS-pageDown2{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageDown2:not(:target){opacity:0\9}}.pageDown2{-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top;-webkit-animation:pageDown2 500ms;-moz-animation:pageDown2 500ms;animation:pageDown2 500ms}@-webkit-keyframes pageDown2{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes pageDown2{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes pageDown2{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.oS-pageUp1{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageUp1:not(:target){opacity:0\9}}.pageUp1{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom;-webkit-animation:pageUp1 500ms;-moz-animation:pageUp1 500ms;animation:pageUp1 500ms}@-webkit-keyframes pageUp1{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes pageUp1{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes pageUp1{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.oS-pageUp2{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageUp2:not(:target){opacity:0\9}}.pageUp2{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom;-webkit-animation:pageUp2 500ms;-moz-animation:pageUp2 500ms;animation:pageUp2 500ms}@-webkit-keyframes pageUp2{0%{-webkit-transform:perspective(400px) rotateX(90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes pageUp2{0%{-moz-transform:perspective(400px) rotateX(90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes pageUp2{0%{transform:perspective(400px) rotateX(90deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.oS-pageLeft1{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageLeft1:not(:target){opacity:0\9}}.pageLeft1{-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;-webkit-animation:pageLeft1 500ms;-moz-animation:pageLeft1 500ms;animation:pageLeft1 500ms}@-webkit-keyframes pageLeft1{0%{-webkit-transform:perspective(400px) rotateY(-90deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes pageLeft1{0%{-moz-transform:perspective(400px) rotateY(-90deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes pageLeft1{0%{transform:perspective(400px) rotateY(-90deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.oS-pageLeft2{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageLeft2:not(:target){opacity:0\9}}.pageLeft2{-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;-webkit-animation:pageLeft2 500ms;-moz-animation:pageLeft2 500ms;animation:pageLeft2 500ms}@-webkit-keyframes pageLeft2{0%{-webkit-transform:perspective(400px) rotateY(90deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes pageLeft2{0%{-moz-transform:perspective(400px) rotateY(90deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes pageLeft2{0%{transform:perspective(400px) rotateY(90deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.oS-pageRight1{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageRight1:not(:target){opacity:0\9}}.pageRight1{-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right;-webkit-animation:pageRight1 500ms;-moz-animation:pageRight1 500ms;animation:pageRight1 500ms}@-webkit-keyframes pageRight1{0%{-webkit-transform:perspective(400px) rotateY(90deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes pageRight1{0%{-moz-transform:perspective(400px) rotateY(90deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes pageRight1{0%{transform:perspective(400px) rotateY(90deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.oS-pageRight2{opacity:0;opacity:1\9}@media (-ms-high-contrast: none){.oS-pageRight2:not(:target){opacity:0\9}}.pageRight2{-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right;-webkit-animation:pageRight2 500ms;-moz-animation:pageRight2 500ms;animation:pageRight2 500ms}@-webkit-keyframes pageRight2{0%{-webkit-transform:perspective(400px) rotateY(-90deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes pageRight2{0%{-moz-transform:perspective(400px) rotateY(-90deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes pageRight2{0%{transform:perspective(400px) rotateY(-90deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.oS-growUp,.oS-growDown{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform:scaleY(1)\9;-moz-transform:scaleY(1)\9;transform:scaleY(1)\9}@media (-ms-high-contrast: none){.oS-growUp:not(:target),.oS-growDown:not(:target){-webkit-transform:scaleY(0)\9;-moz-transform:scaleY(0)\9;transform:scaleY(0)\9}}.growUp,.growDown{-webkit-animation:growV 1000ms ease-out;-moz-animation:growV 1000ms ease-out;animation:growV 1000ms ease-out}.growUp{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom}.growDown{-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top}@-webkit-keyframes growV{0%{-webkit-transform:scaleY(0)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}}@-moz-keyframes growV{0%{-moz-transform:scaleY(0)}40%{-moz-transform:scaleY(1.02)}60%{-moz-transform:scaleY(0.98)}80%{-moz-transform:scaleY(1.01)}100%{-moz-transform:scaleY(0.98)}80%{-moz-transform:scaleY(1.01)}}@keyframes growV{0%{transform:scaleY(0)}40%{transform:scaleY(1.02)}60%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}}.oS-growLeft,.oS-growRight{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform:scaleY(1)\9;-moz-transform:scaleY(1)\9;transform:scaleY(1)\9}@media (-ms-high-contrast: none){.oS-growLeft:not(:target),.oS-growRight:not(:target){-webkit-transform:scaleY(0)\9;-moz-transform:scaleY(0)\9;transform:scaleY(0)\9}}.growLeft,.growRight{-webkit-animation:growH 1000ms ease-out;-moz-animation:growH 1000ms ease-out;animation:growH 1000ms ease-out}.growLeft{-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.growRight{-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}@-webkit-keyframes growH{0%{-webkit-transform:scaleX(0)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}}@-moz-keyframes growH{0%{-moz-transform:scaleX(0)}40%{-moz-transform:scaleX(1.02)}60%{-moz-transform:scaleX(0.98)}80%{-moz-transform:scaleX(1.01)}100%{-moz-transform:scaleX(0.98)}80%{-moz-transform:scaleX(1.01)}}@keyframes growH{0%{transform:scaleX(0)}40%{transform:scaleX(1.02)}60%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}}.moveUp{-webkit-animation:moveUp 200ms;-moz-animation:moveUp 200ms;animation:moveUp 200ms}@-webkit-keyframes moveUp{100%{-webkit-transform:translateY(-25px)}}@-moz-keyframes moveUp{100%{-moz-transform:translateY(-25px)}}@keyframes moveUp{100%{transform:translateY(-25px)}}.moveUp-off{-webkit-animation:moveUp-off 200ms;-moz-animation:moveUp-off 200ms;animation:moveUp-off 200ms}@-webkit-keyframes moveUp-off{0%{-webkit-transform:translateY(-25px)}}@-moz-keyframes moveUp-off{0%{-moz-transform:translateY(-25px)}}@keyframes moveUp-off{0%{transform:translateY(-25px)}}.moveDown{-webkit-animation:moveDown 200ms;-moz-animation:moveDown 200ms;animation:moveDown 200ms}@-webkit-keyframes moveDown{100%{-webkit-transform:translateY(25px)}}@-moz-keyframes moveDown{100%{-moz-transform:translateY(25px)}}@keyframes moveDown{100%{transform:translateY(25px)}}.moveDown-off{-webkit-animation:moveDown-off 200ms;-moz-animation:moveDown-off 200ms;animation:moveDown-off 200ms}@-webkit-keyframes moveDown-off{0%{-webkit-transform:translateY(25px)}}@-moz-keyframes moveDown-off{0%{-moz-transform:translateY(25px)}}@keyframes moveDown-off{0%{transform:translateY(25px)}}.moveLeft{-webkit-animation:moveLeft 200ms;-moz-animation:moveLeft 200ms;animation:moveLeft 200ms}@-webkit-keyframes moveLeft{100%{-webkit-transform:translateX(-25px)}}@-moz-keyframes moveLeft{100%{-moz-transform:translateX(-25px)}}@keyframes moveLeft{100%{transform:translateX(-25px)}}.moveLeft-off{-webkit-animation:moveLeft-off 200ms;-moz-animation:moveLeft-off 200ms;animation:moveLeft-off 200ms}@-webkit-keyframes moveLeft-off{0%{-webkit-transform:translateX(-25px)}}@-moz-keyframes moveLeft-off{0%{-moz-transform:translateX(-25px)}}@keyframes moveLeft-off{0%{transform:translateX(-25px)}}.moveRight{-webkit-animation:moveRight 200ms;-moz-animation:moveRight 200ms;animation:moveRight 200ms}@-webkit-keyframes moveRight{100%{-webkit-transform:translateX(25px)}}@-moz-keyframes moveRight{100%{-moz-transform:translateX(25px)}}@keyframes moveRight{100%{transform:translateX(25px)}}.moveRight-off{-webkit-animation:moveRight-off 200ms;-moz-animation:moveRight-off 200ms;animation:moveRight-off 200ms}@-webkit-keyframes moveRight-off{0%{-webkit-transform:translateX(25px)}}@-moz-keyframes moveRight-off{0%{-moz-transform:translateX(25px)}}@keyframes moveRight-off{0%{transform:translateX(25px)}}.shrink{-webkit-animation:shrink 250ms;-moz-animation:shrink 250ms;animation:shrink 250ms}@-webkit-keyframes shrink{100%{-webkit-transform:scale(.9)}}@-moz-keyframes shrink{100%{-moz-transform:scale(.9)}}@keyframes shrink{100%{transform:scale(.9)}}.shrink-off{-webkit-animation:shrink-off 250ms;-moz-animation:shrink-off 250ms;animation:shrink-off 250ms}@-webkit-keyframes shrink-off{0%{-webkit-transform:scale(.9)}}@-moz-keyframes shrink-off{0%{-moz-transform:scale(.9)}}@keyframes shrink-off{0%{transform:scale(.9)}}.swell{-webkit-animation:swell 250ms;-moz-animation:swell 250ms;animation:swell 250ms}@-webkit-keyframes swell{100%{-webkit-transform:scale(1.1)}}@-moz-keyframes swell{100%{-moz-transform:scale(1.1)}}@keyframes swell{100%{transform:scale(1.1)}}.swell-off{-webkit-animation:swell-off 250ms;-moz-animation:swell-off 250ms;animation:swell-off 250ms}@-webkit-keyframes swell-off{0%{-webkit-transform:scale(1.1)}}@-moz-keyframes swell-off{0%{-moz-transform:scale(1.1)}}@keyframes swell-off{0%{transform:scale(1.1)}}.push{-webkit-animation:push 250ms;-moz-animation:push 250ms;animation:push 250ms}@-webkit-keyframes push{50%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes push{50%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@keyframes push{50%{transform:scale(.9)}100%{transform:scale(1)}}.tilt{-webkit-animation:tilt 250ms;-moz-animation:tilt 250ms;animation:tilt 250ms}@-webkit-keyframes tilt{100%{-webkit-transform:rotate(5deg)}}@-moz-keyframes tilt{100%{-moz-transform:rotate(5deg)}}@keyframes tilt{100%{transform:rotate(5deg)}}.tilt-off{-webkit-animation:tilt-off 250ms;-moz-animation:tilt-off 250ms;animation:tilt-off 250ms}@-webkit-keyframes tilt-off{0%{-webkit-transform:rotate(5deg)}}@-moz-keyframes tilt-off{0%{-moz-transform:rotate(5deg)}}@keyframes tilt-off{0%{transform:rotate(5deg)}}.tiltSwell{-webkit-animation:tiltSwell 250ms;-moz-animation:tiltSwell 250ms;animation:tiltSwell 250ms}@-webkit-keyframes tiltSwell{100%{-webkit-transform:rotate(5deg) scale(1.1)}}@-moz-keyframes tiltSwell{100%{-moz-transform:rotate(5deg) scale(1.1)}}@keyframes tiltSwell{100%{transform:rotate(5deg) scale(1.1)}}.tiltSwell-off{-webkit-animation:tiltSwell-off 250ms;-moz-animation:tiltSwell-off 250ms;animation:tiltSwell-off 250ms}@-webkit-keyframes tiltSwell-off{0%{-webkit-transform:rotate(5deg) scale(1.1)}}@-moz-keyframes tiltSwell-off{0%{-moz-transform:rotate(5deg) scale(1.1)}}@keyframes tiltSwell-off{0%{transform:rotate(5deg) scale(1.1)}}