/* @cache_version:1 */


/* =======================================================================
   template_custom:      
*/
/*@==template_custom==*/
.body-1 #main-content-inner.section-inner{max-width:100%}
.body-1 #c-col{position:relative}
.body-1 #c-col-box{padding:0}
.body-1 #c-col-inner::after{content:" ";display:block;width:10px;position:absolute;top:0;right:0;bottom:0;background-image:url(/_data/site/270/templates/current/css/shadow.png);background-repeat:no-repeat;background-size:12px 2500px;background-position:top right}
.body-1 #r-col{width:190px}
.body-1 #r-col-box{position:relative}
.body-1 #r-col-box .speech-bubble{position:absolute;top:-30px;right:0;z-index:9999;width:100%;height:133px;background-image:url(/_data/site/270/templates/current/css/speech-bubble.svg);background-repeat:no-repeat;background-size:contain;background-position:center bottom}
#fixed-carousel{position:fixed}
#fixed-carousel ul.carousel{margin:0}
#fixed-carousel ul.carousel li{margin:0;padding:0;list-style:none outside none}
#fixed-carousel ul.carousel img{max-width:100%;width:190px}
#nextimagecarousel{display:block;height:40px;width:100%;margin:0;color:#000;z-index:1000;position:absolute;bottom:0;right:0;cursor:pointer;background-color:rgba(0,0,0,0) !important;background-image:url(/_data/site/270/templates/current/css/next-image.svg);background-repeat:no-repeat;background-size:30px 16px;background-position:center center}
@media screen and (max-width: 950px)and (min-width: 768px){.body-1 #r-col{width:150px}
.body-1 #r-col-box{padding-top:75px}
.body-1 #r-col-box .speech-bubble{height:105px}
#fixed-carousel ul.carousel img{width:150px}
}
ul#slides{margin:0;padding:0;list-style:none outside none;width:100%;overflow:hidden}
ul#slides li.slick-slide{margin:0;padding:0;list-style:none outside none;background-repeat:no-repeat;background-size:cover;background-position:center center;flex:1;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;display:flex;height:calc(100vh - 98px)}
ul#slides .inner-top{padding:6% 4% 4%;order:0;flex:1 1 auto;align-self:auto}
ul#slides .inner-bottom{padding:0 4% 4%;order:0;flex:0 1 auto;align-self:auto}
ul#slides .block-1{background-image:url(/_data/site/270/pg/1/block-1.jpg)}
ul#slides .block-1.inner-top{padding-top:4%}
ul#slides .block-2{background-image:url(/_data/site/270/pg/1/block-2.jpg)}
ul#slides .block-2 .title-2{color:#fff}
ul#slides .block-3{background-image:url(/_data/site/270/pg/1/block-3.jpg)}
ul#slides .block-4{background-image:url(/_data/site/270/pg/1/block-4.jpg)}
ul#slides .block-5{background-image:url(/_data/site/270/pg/1/block-5.jpg)}
ul#slides .block-6{background-image:url(/_data/site/270/pg/1/block-6.jpg)}
ul#slides .block-8{background-image:url(/_data/site/270/pg/1/block-8.jpg)}
ul#slides .block-7{background-image:none;background-color:#a1cddc}
ul#slides .block-7 .fg-row,ul#slides .block-7 .row{display:flex}
ul#slides .block-1 ul li{background-image:url(/_data/site/270/templates/current/css/bullet_1.png);background-size:2.5%;background-position:0 16%;padding-left:5.5%;transform:rotate(0.001deg)}
ul#slides .block-1 .title-1{color:#fff;font-size:4.67vw;line-height:1.1;margin-bottom:4%;font-weight:bold}
ul#slides .block-1 .title-1:last-child{margin-bottom:0 !important}
ul#slides .block-1 .title-1.tint{color:#b9c71c}
ul#slides .title-2{color:#fff;font-size:3.5vw;line-height:1;margin-bottom:1.5%;font-weight:bold}
ul#slides .title-2k{color:#000;font-size:3.5vw;line-height:1;margin-bottom:1.5%;font-weight:bold}
ul#slides .title-3{font-family:"Helvetica_Neue_Heavy";color:#fff;font-size:4.67vw;line-height:1;margin-bottom:2%;font-weight:normal;padding:10px 15px;display:table;background-color:#9daa1c}
ul#slides .title-4{color:#fff;font-size:4.67vw;line-height:1;margin-bottom:2%;font-weight:bold;padding:10px 15px;display:table;background-color:#b51918}
ul#slides .tint-box{background-color:rgba(255,255,255,.85);padding:2% 3% 1.5%}
ul#slides .tint-box .title-5{font-size:1.83vw;line-height:1.4;font-family:"Helvetica_Neue_Heavy";margin-bottom:10px}
ul#slides .tint-box ul{margin-bottom:15px}
ul#slides .tint-box ul:last-child{margin-bottom:0}
ul#slides .tint-box ul li{font-size:1.83vw;line-height:1.4;margin:0 0 5px;background-image:url(/_data/site/270/templates/current/css/bullet_2.png);background-size:1.1%;background-position:0 .67vw;padding-left:3%;transform:rotate(0.001deg)}
ul#slides .block-7 .tint-box{padding-bottom:2.5%}
ul#slides .block-7 .tint-box p{margin-bottom:1vw}
ul#slides .diagram{position:relative}
ul#slides .diagram p{font-size:1.5vw;line-height:1.3}
ul#slides .diagram p.bold{font-weight:bold}
ul#slides .diagram img{max-width:100%}
ul#slides p::after{content:"";display:block;width:130%;height:100%;position:absolute;right:-134%;top:0;background-position:top right;background-size:contain;background-repeat:no-repeat}
ul#slides .s1::after{background-image:url(/_data/site/270/pg/1/diagram-s1.png)}
ul#slides .s2::after{background-image:url(/_data/site/270/pg/1/diagram-s2.png)}
ul#slides .s3::after{background-image:url(/_data/site/270/pg/1/diagram-s3.png)}
@media screen and (min-width: 1200px){ul#slides .block-1 ul li{background-size:23px;background-position:0 15px;padding-left:50px;margin-bottom:37px !important}
ul#slides .block-1 .title-1{font-size:56px}
ul#slides .title-2{font-size:42px !important}
ul#slides .title-3{font-size:56px !important}
ul#slides .title-4{font-size:56px !important}
ul#slides .tint-box .title-5{font-size:22px}
ul#slides .tint-box ul li{font-size:22px;background-size:10px 10px;background-position:0 8px;padding-left:26px}
ul#slides .block-7 .diagram p{font-size:18px;margin-bottom:12px}
ul#slides .button a{font-size:20px !important;padding:23px 80px 23px 0 !important;line-height:20px !important}
ul#slides .inner-top{padding:60px 40px 40px}
ul#slides .inner-bottom{padding:0 40px 40px}
}
.button{display:inline-block;float:right}
.button a{display:block;font-size:1.67vw;line-height:1.67vw;color:#fff;font-style:normal;font-weight:bold;font-family:"Helvetica";text-decoration:none;text-align:right;padding:2vw 7vw 2vw 0;background-color:rgba(0,0,0,0);white-space:nowrap;background-image:url(/_data/site/270/templates/current/css/button.png);background-repeat:no-repeat;background-size:contain;background-position:right center;transform:rotate(0.001deg)}
.button_{display:inline-block;float:left}
.button_ a{display:block;font-size:1.67vw;line-height:1.67vw;color:#fff;font-style:normal;font-weight:bold;font-family:"Helvetica";text-decoration:none;text-align:left;padding:1vw 0 1vw 5vw;background-color:rgba(0,0,0,0);white-space:nowrap;background-image:url(/_data/site/270/templates/current/css/button_.png);background-repeat:no-repeat;background-size:contain;background-position:left center;margin-bottom:1vw;margin-top:1vw;transform:rotate(0.001deg)}
#header-inner.section-inner{max-width:100%}
#h-nav-inner.section-inner{max-width:100%}
#masthead{width:300px;height:60px;top:22px;left:0;position:relative;z-index:9999}
#masthead #logo{background-image:url(/_data/site/270/templates/current/css/logo_.svg);background-repeat:no-repeat;background-size:300px 60px;background-position:0 center;width:100%;height:70px;text-indent:-9999px;overflow:hidden;right:0;top:0;position:absolute}
#h-nav-box{padding-top:35px}
#menu-h>ul li div a{margin-left:20px;letter-spacing:.05em}
#menu-h>ul li div a::after{background-color:#9daa1c;display:block;content:"";height:3px;margin:0 auto;position:relative;top:0;transition:all .3s ease;width:0}
#menu-h>ul li.selected div a::after,#menu-h>ul li div a:hover::after{width:100%}
#masthead-mobile{width:100%;height:60px;position:absolute}
#masthead-mobile #logo{background-image:url(/_data/site/270/templates/current/css/logo-mobile.svg);background-repeat:no-repeat;background-size:contain;background-position:center 15px;width:130px;height:60px;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#header-mob-logo{display:none}
#menu-icon-wrapper{left:4%;top:5px;margin:0;line-height:0}
#menu-hamb.top{line-height:0}
a#menu-icon-close{height:44px;width:100%;position:relative}
a#menu-icon-close>svg#hamb-icon{position:absolute;right:0}
#header-path{padding:30px 4%;position:relative;z-index:101;line-height:20px;text-transform:uppercase}
.path a.back{background-image:none;padding:0}
#header-path .path{font-size:12px;margin:0;font-weight:normal;font-style:normal;color:#262626;display:inline}
#header-path .path a{font-weight:normal;color:#000;display:inline}
#header-path .path a:hover{color:#000;text-decoration:underline}
#header-path .path a::after{background-image:url(/_data/site/270/templates/current/css/path.svg);background-position:10px center;background-repeat:no-repeat;background-size:9px 10px;height:10px;content:"";padding-right:25px;display:inline-block}
#header-path .path:last-child a:last-child::after{background-image:none;padding:0}
body{-webkit-text-size-adjust:none}
a img{border:0}
.pg-body p img{max-width:100%;padding:7px 0}
h2{line-height:34px;margin-bottom:15px}
.pg-body p a,.pg-body ul li a{font-weight:bold}
.pg-body p,#p404 p{line-height:22px;margin:0 0 15px}
.pg-body p:first-child{margin-top:0}
.pg-body ul,#p404 ul{padding:0;margin:0 0 15px;line-height:22px}
.pg-body ul li,#p404 ul li{background-image:url(/_data/site/270/templates/current/css/bullet.svg);background-position:0 6px;background-repeat:no-repeat;background-size:8px 8px;padding-left:20px;margin:0;list-style:none outside none}
.pg-body ol{padding:0;margin:0 0 25px;line-height:28px}
.pg-body ol li{margin-left:25px}
.pg-body p.empty{display:none}
hr{margin-top:0;margin-bottom:25px;border-top:1px solid #fff;border-bottom:0 none}
.body-8 .folder-preset-943 li.item .img:hover{opacity:.7 !important;filter:alpha(opacity=70);zoom:1}
.body-8 .folder-preset-943 li .img{background-position:left center}
.body-8 .folder-preset-943 li .img-wrapper{padding-right:30px}
.body-8 .folder-preset-943 li .caption-text-wrapper{padding:20px 0;text-align:left !important}
.body-8 .folder-preset-943 li .caption h3{font-size:18px;line-height:20px;color:#000;margin-bottom:2px;text-transform:uppercase;font-family:"Helvetica_Neue_Heavy"}
.body-8 .folder-preset-943 li .sub-title{color:#fff;font-size:16px;line-height:20px;font-weight:bold}
.body-8 .folder-preset-943 li .author{font-size:15px;line-height:18px;margin-top:8px}
.body-8 .folder-preset-943 a.pg-title-link:hover{text-decoration:none}
.body-8 .folder-preset-943 .read-review,.body-8 .folder-preset-943 .buy-now{position:absolute;width:65%;left:20%}
.body-8 .folder-preset-943 .read-review img,.body-8 .folder-preset-943 .buy-now img{max-width:100%}
@media screen and (min-width: 1090px){.body-8 .read-review,.body-8 .buy-now{top:140px}
}
@media screen and (max-width: 1089px)and (min-width: 768px){.body-8 .read-review,.body-8 .buy-now{top:140px}
}
@media screen and (max-width: 767px)and (min-width: 530px){.body-8 .read-review,.body-8 .buy-now{top:140px}
}
@media screen and (max-width: 529px){.body-8 .read-review,.body-8 .buy-now{top:200px}
}
.body-8 .item-pg h1.pg-title{color:#000;line-height:26px;margin:0}
.body-8 .item-pg .pg-gallery-image{margin-bottom:25px}
.body-8 .item-pg .im-gallery img{margin-left:0}
.body-8 .item-pg .pg-body-wrapper{background-color:#fff;padding:25px 20px 10px;border-radius:10px;margin-left:30px}
.body-8 .item-pg .pg-custom-books .sub-title{color:#fff;font-size:21px;line-height:25px;font-weight:bold}
.body-8 .item-pg .pg-custom-books .author{font-size:19px;line-height:22px;margin-top:8px}
.body-20 .folder-preset-953 .folder-list li.item:first-child::before,.body-13 .folder-preset-944 .folder-list li.item:first-child::before{height:20px;border-top:1px solid #fff;content:"";display:block;width:100%}
.body-20 .folder-preset-953 h3,.body-13 .folder-preset-944 h3{font-size:20px;line-height:24px;margin-bottom:5px;font-weight:bold}
.body-20 .folder-preset-953 .sub-title,.body-13 .folder-preset-944 .sub-title{font-size:14px;line-height:16px;font-weight:bold;color:#fff;text-transform:uppercase;margin-bottom:5px}
.body-20 .folder-preset-953 .author,.body-13 .folder-preset-944 .author{font-size:14px;line-height:18px}
.body-20 .folder-preset-953 .read-more,.body-13 .folder-preset-944 .read-more{background-color:#fff;font-size:15px;line-height:15px;padding:17px 17px 15px;border-radius:10px;text-transform:uppercase;position:relative;font-style:normal}
.body-20 .folder-preset-953 .read-more a,.body-20 .folder-preset-953 .read-more a:hover,.body-13 .folder-preset-944 .read-more a,.body-13 .folder-preset-944 .read-more a:hover{color:#6f9ed4;text-decoration:none;font-weight:bold;overflow:hidden;display:block}
.body-20 .folder-preset-953 .read-more::after,.body-13 .folder-preset-944 .read-more::after{background-image:url(/_data/site/270/templates/current/css/papers-read.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:block;width:18px;height:20px;position:absolute;bottom:-20px;left:18px;margin-bottom:10px}
#footer-box{padding:20px 4%}
#footer-box .powered{display:none}
#footer-box h6{line-height:12px;text-align:center;margin:0;letter-spacing:.02em}
#footer-box a{color:#000;text-decoration:none}
#footer-box a:hover{color:#000;text-decoration:underline}
.is-tablet ul#slides li{justify-content:flex-start}
.is-tablet ul#slides li.slick-slide{height:100vh;display:inherit}
.is-tablet ul#slides .inner-top{flex:0}
@media screen and (max-width: 959px)and (min-width: 768px){#menu-h>ul li div a{margin-left:10px;letter-spacing:.02em;font-size:11px}
#masthead{width:210px}
}
@media screen and (max-width: 767px){#r-col{display:none}
ul#slides li{justify-content:flex-start}
ul#slides li.slick-slide{height:100vh;display:inherit}
ul#slides .inner-top{flex:0}
.body-1 #c-col-inner::after{display:none}
#main-content-box{display:flex;flex:1 0 auto}
.body-8 .item-pg .pg-body-wrapper{margin-left:0;margin-top:30px}
.read-more{float:left !important;margin-top:15px;min-width:150px}
.folder-preset-953 .folder-list li div.img-block{margin-bottom:10px}
ul#slides .block-7 .diagram p::after{right:-100%;width:100%}
#header-mob{height:0}
#header{display:block;height:60px}
#header-box{padding:0}
#header-desktop{display:none}
.template-box{margin-top:0}
}
@media screen and (max-width: 479px){ul#slides .block-1 .title-1{font-size:26px}
ul#slides .block-1 ul li{background-position:0 9px;background-size:11px 11px;padding-left:24px}
ul#slides .title-2{font-size:21px}
ul#slides .title-3{font-size:22px}
ul#slides .title-4{font-size:22px}
ul#slides .tint-box .title-5{font-size:11px}
ul#slides .tint-box ul li{font-size:11px;background-position:0 4px;background-size:4px 4px;padding-left:13px}
ul#slides .block-7 .diagram p{font-size:9px}
ul#slides .block-7 .diagram p::after{right:-90%;width:90%}
ul#slides .block-7 .tint-box p:last-child{display:block}
.button_ a{padding:2vw 0 2vw 7vw}
.button a,.button_ a{font-size:12px}
}
/*!
 * WickedCSS v1.0 (https://github.com/kristofferandreasen/wickedCSS)
 * Copyright 2015 Kristoffer Andreasen
 * MIT License
 */.barrelRoll,.fadeIn,.floater,.heartbeat,.pulse,.rollerLeft,.rollerRight,.rotateIn,.rotateInLeft,.rotateInRight,.rotation,.shake,.sideToSide,.slideDown,.slideLeft,.slideRight,.slideUp,.spinner,.wiggle,.zoomer,.zoomerOut{visibility:visible !important}
.rotation{animation-name:rotation;-webkit-animation-name:rotation;animation-duration:4s;-webkit-animation-duration:4s;animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-iteration-count:infinite}
.rotation,.sideToSide{-webkit-animation-iteration-count:infinite}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0) translateX(50%) rotate(0)}
to{-webkit-transform:rotate(360deg) translateX(50%) rotate(-360deg)}
}
@keyframes rotation{from{transform:rotate(0) translateX(50%) rotate(0)}
to{transform:rotate(360deg) translateX(50%) rotate(-360deg)}
}
.sideToSide{animation-name:sideToSide;-webkit-animation-name:sideToSide;animation-duration:3s;-webkit-animation-duration:3s;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-iteration-count:infinite}
@-webkit-keyframes sideToSide{0%,100%{-webkit-transform:translate(100%, 0)}
50%{-webkit-transform:translate(-100%, 0)}
}
@keyframes sideToSide{0%,100%{transform:translate(100%, 0)}
50%{transform:translate(-100%, 0)}
}
.zoomer{animation-name:zoomer;-webkit-animation-name:zoomer;-webkit-animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0.5, 0.2, 0.3, 1);animation-iteration-count:1}
.zoomer,.zoomerOut{-webkit-animation-iteration-count:1;animation-timing-function:cubic-bezier(0.5, 0.2, 0.3, 1);animation-duration:1s}
@-webkit-keyframes zoomer{0%{-webkit-transform:scale(0.3)}
100%{-webkit-transform:scale(1)}
}
@keyframes zoomer{0%{transform:scale(0.3)}
100%{transform:scale(1)}
}
.zoomerOut{animation-name:zoomerOut;-webkit-animation-name:zoomerOut;-webkit-animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0.5, 0.2, 0.3, 1);animation-iteration-count:1;animation-fill-mode:forwards}
.rollerRight,.zoomerOut{-webkit-animation-fill-mode:forwards}
@-webkit-keyframes zoomerOut{0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(0)}
}
@keyframes zoomerOut{0%{transform:scale(1)}
100%{transform:scale(0)}
}
.spinner{animation-name:spinner;-webkit-animation-name:spinner;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.pulse,.spinner{animation-timing-function:linear;animation-duration:2s}
@-webkit-keyframes spinner{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@keyframes spinner{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.pulse{animation-name:pulse;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
@keyframes pulse{0%,100%{transform:scale(0.9);opacity:.9}
50%{transform:scale(1);opacity:1}
}
@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(0.95);opacity:.9}
50%{-webkit-transform:scale(1);opacity:1}
}
.shake{animation-name:shake;-webkit-animation-name:shake;-webkit-animation-duration:.4s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1}
.barrelRoll,.shake{animation-iteration-count:1;animation-timing-function:ease;animation-duration:.4s}
@keyframes shake{0%,100%{transform:translateX(0)}
16%,50%,83%{transform:translateX(-10px)}
33%,66%{transform:translateX(10px)}
}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
16%,50%,83%{-webkit-transform:translateX(-10px)}
33%,66%{-webkit-transform:translateX(10px)}
}
.barrelRoll{animation-name:barrelRoll;-webkit-animation-name:barrelRoll;-webkit-animation-duration:.4s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1}
@keyframes barrelRoll{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@-webkit-keyframes barrelRoll{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
.floater{animation-name:floater;-webkit-animation-name:floater;animation-duration:1.5s;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite}
.floater,.wiggle{animation-iteration-count:infinite}
@keyframes floater{0%,100%{transform:translateY(0)}
50%{transform:translateY(8%)}
}
@-webkit-keyframes floater{0%,100%{-webkit-transform:translateY(0)}
50%{-webkit-transform:translateY(8%)}
}
.wiggle{animation-name:wiggle;-webkit-animation-name:wiggle;animation-duration:2.5s;-webkit-animation-duration:2.5s;-webkit-animation-iteration-count:infinite}
@keyframes wiggle{0%,100%{transform:rotate(-4deg)}
50%{transform:rotate(4deg)}
}
@-webkit-keyframes wiggle{0%,100%{-webkit-transform:rotate(-4deg)}
50%{-webkit-transform:rotate(4deg)}
}
.pound{animation-name:pound;-webkit-animation-name:pound;animation-duration:.5s;-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;visibility:visible !important}
.heartbeat,.pound{animation-iteration-count:infinite;animation-timing-function:ease}
@keyframes pound{to{transform:scale(1.2)}
}
@-webkit-keyframes pound{to{transform:scale(1.2)}
}
.heartbeat{animation-name:heartbeat;-webkit-animation-name:heartbeat;animation-duration:3s;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite}
@keyframes heartbeat{0%,100%{transform:scale(1)}
10%{transform:scale(1.2)}
20%{transform:scale(1.4)}
}
@-webkit-keyframes heartbeat{0%,100%{-webkit-transform:scale(1)}
10%{-webkit-transform:scale(1.2)}
20%{-webkit-transform:scale(1.4)}
}
.rollerRight{animation-name:rollerRight;-webkit-animation-name:rollerRight;animation-duration:2s;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}
.rollerLeft,.rollerRight{animation-iteration-count:1;animation-timing-function:ease}
@keyframes rollerRight{0%{transform:translateX(-200px) rotate(0);opacity:0}
100%{transform:translateX(0) rotate(2turn);opacity:1}
}
@-webkit-keyframes rollerRight{0%{-webkit-transform:translateX(-200px) rotate(0);opacity:0}
100%{-webkit-transform:translateX(0) rotate(2turn);opacity:1}
}
.rollerLeft{animation-name:rollerLeft;-webkit-animation-name:rollerLeft;animation-duration:2s;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}
.fadeOut,.rollerLeft{-webkit-animation-fill-mode:forwards}
@keyframes rollerLeft{0%{transform:translateX(200px) rotate(0);opacity:0}
100%{transform:translateX(0) rotate(-2turn);opacity:1}
}
@-webkit-keyframes rollerLeft{0%{-webkit-transform:translateX(200px) rotate(0);opacity:0}
100%{-webkit-transform:translateX(0) rotate(-2turn);opacity:1}
}
.slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease}
.slideDown,.slideUp{animation-timing-function:ease;animation-duration:1s}
@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
.slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease}
@keyframes slideUp{0%{transform:translateY(100%);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease}
.slideLeft,.slideRight{animation-timing-function:ease}
@keyframes slideLeft{0%{transform:translateX(150%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease}
@keyframes slideRight{0%{transform:translateX(-150%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease}
.fadeIn,.fadeOut{animation-timing-function:ease;animation-duration:2s}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeOut{animation-name:fadeOut;-webkit-animation-name:fadeOut;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease;animation-fill-mode:forwards}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.rotateInRight{animation-name:rotateInRight;-webkit-animation-name:rotateInRight;animation-duration:3s;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.rotateInLeft,.rotateInRight{animation-timing-function:ease-in-out}
@-webkit-keyframes rotateInRight{from{-webkit-transform:rotate(0) translateX(100%) rotate(0)}
to{-webkit-transform:rotate(360deg) translateX(0) rotate(-360deg)}
}
@keyframes rotateInRight{from{transform:rotate(0) translateX(100%) rotate(0)}
to{transform:rotate(360deg) translateX(0) rotate(-360deg)}
}
.rotateInLeft{animation-name:rotateInLeft;-webkit-animation-name:rotateInLeft;animation-duration:3s;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-iteration-count:1}
.rotateIn,.rotateInLeft{-webkit-animation-iteration-count:1}
@-webkit-keyframes rotateInLeft{from{-webkit-transform:rotate(0) translateX(-100%) rotate(0)}
to{-webkit-transform:rotate(360deg) translateX(0) rotate(-360deg)}
}
@keyframes rotateInLeft{from{transform:rotate(0) translateX(-100%) rotate(0)}
to{transform:rotate(360deg) translateX(0) rotate(-360deg)}
}
.rotateIn{animation-name:rotateIn;-webkit-animation-name:rotateIn;animation-duration:3s;-webkit-animation-duration:3s;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-iteration-count:1;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate3d(0, 0, 1, -720deg);transform:rotate3d(0, 0, 1, -720deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform:rotate3d(0, 0, 1, -720deg);transform:rotate3d(0, 0, 1, -720deg);opacity:0}
100%{-webkit-transform:none;transform:none;opacity:1}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
}

/*==@template_custom==*/