@charset "utf-8";
@charset "utf-8";
@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//kenjohnsonfocusup.com/wp-content/plugins/email-to-download/app/assets/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}.etd_dw_form{
border: 1px dotted #999;
padding: 20px;
margin: 20px 0;
position: relative;
line-height: 150%;
}
.etd_dw_form .spin_wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(256, 256, 256, 0.7);
}
.etd_dw_form h4{
margin:0 0 5px !important;
text-align: center;
}
.etd_dw_form p, .etd_dw_con{
text-align: center;
margin-bottom: 10px;
}
.etd_dw_form table, .etd_dw_form td{
border: none;
}
.etd_dw_form table{
margin-bottom: 0;
width: 100%;
}
.etd_dw_form input[type=text]{
width: 100%;
box-sizing: border-box;
} .etd_dw_form .ed_row_name {
margin-bottom: 8px;
}
.etd_dw_form .ed_row_name,
.etd_dw_form .ed_col_name {
overflow: hidden;
} .etd_dw_form input.ed_first_name,
.etd_dw_form input.ed_last_name  {
padding: 12px 24px; width: 49%;
}
.etd_dw_form input.ed_first_name {
float: left;
}
.etd_dw_form input.ed_last_name {
float: right;
}
.etd_submit{
margin: auto;
display: table
}
.ed_error{
display: block;
text-align: center;
color: red;
font-size: 11px;
}
.ed_download_btn a{
display: inline-block;
padding: 5px 8px;
background: blue;
color: #fff;
text-decoration: none;
}
.ed_pop_wrap, .ed_slide_wrap{
display: none;
}
#cboxLoadedContent{
padding: 10px 30px 0;
box-sizing: border-box;
}
.spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
@font-face{font-family:Socicon;src:url(//kenjohnsonfocusup.com/wp-content/plugins/social-icons/assets/fonts/Socicon.eot);src:url(//kenjohnsonfocusup.com/wp-content/plugins/social-icons/assets/fonts/Socicon.eot?#iefix) format("embedded-opentype"),url(//kenjohnsonfocusup.com/wp-content/plugins/social-icons/assets/fonts/Socicon.woff2) format("woff2"),url(//kenjohnsonfocusup.com/wp-content/plugins/social-icons/assets/fonts/Socicon.woff) format("woff"),url(//kenjohnsonfocusup.com/wp-content/plugins/social-icons/assets/fonts/Socicon.ttf) format("truetype"),url(//kenjohnsonfocusup.com/wp-content/plugins/social-icons/assets/fonts/Socicon.svg#Socicon) format("svg");font-weight:400;font-style:normal}[class*=socicon-],[class^=socicon-]{font-family:Socicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.socicon-moddb::before{content:""}.socicon-indiedb::before{content:""}.socicon-traxsource::before{content:""}.socicon-gamefor::before{content:""}.socicon-pixiv::before{content:""}.socicon-myanimelist::before{content:""}.socicon-blackberry::before{content:""}.socicon-wickr::before{content:""}.socicon-spip::before{content:""}.socicon-napster::before{content:""}.socicon-beatport::before{content:""}.socicon-hackerone::before{content:""}.socicon-hackernews::before{content:""}.socicon-smashwords::before{content:""}.socicon-kobo::before{content:""}.socicon-bookbub::before{content:""}.socicon-mailru::before{content:""}.socicon-gitlab::before{content:""}.socicon-instructables::before{content:""}.socicon-portfolio::before{content:""}.socicon-codered::before{content:""}.socicon-origin::before{content:""}.socicon-nextdoor::before{content:""}.socicon-udemy::before{content:""}.socicon-livemaster::before{content:""}.socicon-crunchbase::before{content:""}.socicon-homefy::before{content:""}.socicon-calendly::before{content:""}.socicon-realtor::before{content:""}.socicon-tidal::before{content:""}.socicon-qobuz::before{content:""}.socicon-natgeo::before{content:""}.socicon-mastodon::before{content:""}.socicon-unsplash::before{content:""}.socicon-homeadvisor::before{content:""}.socicon-angieslist::before{content:""}.socicon-codepen::before{content:""}.socicon-slack::before{content:""}.socicon-openaigym::before{content:""}.socicon-logmein::before{content:""}.socicon-fiverr::before{content:""}.socicon-gotomeeting::before{content:""}.socicon-aliexpress::before{content:""}.socicon-guru::before{content:""}.socicon-appstore::before{content:""}.socicon-homes::before{content:""}.socicon-zoom::before{content:""}.socicon-alibaba::before{content:""}.socicon-craigslist::before{content:""}.socicon-wix::before{content:""}.socicon-redfin::before{content:""}.socicon-googlecalendar::before{content:""}.socicon-shopify::before{content:""}.socicon-freelancer::before{content:""}.socicon-seedrs::before{content:""}.socicon-bing::before{content:""}.socicon-doodle::before{content:""}.socicon-bonanza::before{content:""}.socicon-squarespace::before{content:""}.socicon-toptal::before{content:""}.socicon-gust::before{content:""}.socicon-ask::before{content:""}.socicon-trulia::before{content:""}.socicon-loomly::before{content:""}.socicon-ghost::before{content:""}.socicon-upwork::before{content:""}.socicon-fundable::before{content:""}.socicon-booking::before{content:""}.socicon-googlemaps::before{content:""}.socicon-zillow::before{content:""}.socicon-niconico::before{content:""}.socicon-toneden::before{content:""}.socicon-augment::before{content:""}.socicon-bitbucket::before{content:""}.socicon-fyuse::before{content:""}.socicon-yt-gaming::before{content:""}.socicon-sketchfab::before{content:""}.socicon-mobcrush::before{content:""}.socicon-microsoft::before{content:""}.socicon-pandora::before{content:""}.socicon-messenger::before{content:""}.socicon-gamewisp::before{content:""}.socicon-bloglovin::before{content:""}.socicon-tunein::before{content:""}.socicon-gamejolt::before{content:""}.socicon-trello::before{content:""}.socicon-spreadshirt::before{content:""}.socicon-500px::before{content:""}.socicon-8tracks::before{content:""}.socicon-airbnb::before{content:""}.socicon-alliance::before{content:""}.socicon-amazon::before{content:""}.socicon-amplement::before{content:""}.socicon-android::before{content:""}.socicon-angellist::before{content:""}.socicon-apple::before{content:""}.socicon-appnet::before{content:""}.socicon-baidu::before{content:""}.socicon-bandcamp::before{content:""}.socicon-battlenet::before{content:""}.socicon-mixer::before{content:""}.socicon-bebee::before{content:""}.socicon-bebo::before{content:""}.socicon-behance::before{content:""}.socicon-blizzard::before{content:""}.socicon-blogger::before{content:""}.socicon-buffer::before{content:""}.socicon-chrome::before{content:""}.socicon-coderwall::before{content:""}.socicon-curse::before{content:""}.socicon-dailymotion::before{content:""}.socicon-deezer::before{content:""}.socicon-delicious::before{content:""}.socicon-deviantart::before{content:""}.socicon-diablo::before{content:""}.socicon-digg::before{content:""}.socicon-discord::before{content:""}.socicon-disqus::before{content:""}.socicon-douban::before{content:""}.socicon-draugiem::before{content:""}.socicon-dribbble::before{content:""}.socicon-drupal::before{content:""}.socicon-ebay::before{content:""}.socicon-ello::before{content:""}.socicon-endomondo::before{content:""}.socicon-envato::before{content:""}.socicon-etsy::before{content:""}.socicon-facebook::before{content:""}.socicon-feedburner::before{content:""}.socicon-filmweb::before{content:""}.socicon-firefox::before{content:""}.socicon-flattr::before{content:""}.socicon-flickr::before{content:""}.socicon-formulr::before{content:""}.socicon-foursquare::before{content:""}.socicon-github::before{content:""}.socicon-goodreads::before{content:""}.socicon-google::before{content:""}.socicon-googlescholar::before{content:""}.socicon-googlegroups::before{content:""}.socicon-googlephotos::before{content:""}.socicon-googleplus::before{content:""}.socicon-grooveshark::before{content:""}.socicon-hackerrank::before{content:""}.socicon-hearthstone::before{content:""}.socicon-hellocoton::before{content:""}.socicon-heroes::before{content:""}.socicon-smashcast::before{content:""}.socicon-horde::before{content:""}.socicon-houzz::before{content:""}.socicon-icq::before{content:""}.socicon-identica::before{content:""}.socicon-imdb::before{content:""}.socicon-instagram::before{content:""}.socicon-issuu::before{content:""}.socicon-istock::before{content:""}.socicon-itunes::before{content:""}.socicon-keybase::before{content:""}.socicon-lanyrd::before{content:""}.socicon-lastfm::before{content:""}.socicon-line::before{content:""}.socicon-linkedin::before{content:""}.socicon-livejournal::before{content:""}.socicon-lyft::before{content:""}.socicon-macos::before{content:""}.socicon-mail::before{content:""}.socicon-medium::before{content:""}.socicon-meetup::before{content:""}.socicon-mixcloud::before{content:""}.socicon-modelmayhem::before{content:""}.socicon-mumble::before{content:""}.socicon-myspace::before{content:""}.socicon-nintendo::before{content:""}.socicon-npm::before{content:""}.socicon-odnoklassniki::before{content:""}.socicon-openid::before{content:""}.socicon-opera::before{content:""}.socicon-outlook::before{content:""}.socicon-overwatch::before{content:""}.socicon-patreon::before{content:""}.socicon-paypal::before{content:""}.socicon-periscope::before{content:""}.socicon-pinterest::before{content:""}.socicon-play::before{content:""}.socicon-player::before{content:""}.socicon-playstation::before{content:""}.socicon-pocket::before{content:""}.socicon-qq::before{content:""}.socicon-quora::before{content:""}.socicon-raidcall::before{content:""}.socicon-ravelry::before{content:""}.socicon-reddit::before{content:""}.socicon-renren::before{content:""}.socicon-researchgate::before{content:""}.socicon-residentadvisor::before{content:""}.socicon-reverbnation::before{content:""}.socicon-rss::before{content:""}.socicon-sharethis::before{content:""}.socicon-skype::before{content:""}.socicon-slideshare::before{content:""}.socicon-smugmug::before{content:""}.socicon-snapchat::before{content:""}.socicon-songkick::before{content:""}.socicon-soundcloud::before{content:""}.socicon-spotify::before{content:""}.socicon-stackexchange::before{content:""}.socicon-stackoverflow::before{content:""}.socicon-starcraft::before{content:""}.socicon-stayfriends::before{content:""}.socicon-steam::before{content:""}.socicon-storehouse::before{content:""}.socicon-strava::before{content:""}.socicon-streamjar::before{content:""}.socicon-stumbleupon::before{content:""}.socicon-swarm::before{content:""}.socicon-teamspeak::before{content:""}.socicon-teamviewer::before{content:""}.socicon-telegram::before{content:""}.socicon-tripadvisor::before{content:""}.socicon-tripit::before{content:""}.socicon-triplej::before{content:""}.socicon-tumblr::before{content:""}.socicon-twitch::before{content:""}.socicon-twitter::before{content:""}.socicon-uber::before{content:""}.socicon-ventrilo::before{content:""}.socicon-viadeo::before{content:""}.socicon-viber::before{content:""}.socicon-viewbug::before{content:""}.socicon-vimeo::before{content:""}.socicon-vine::before{content:""}.socicon-vkontakte::before{content:""}.socicon-warcraft::before{content:""}.socicon-wechat::before{content:""}.socicon-weibo::before{content:""}.socicon-whatsapp::before{content:""}.socicon-wikipedia::before{content:""}.socicon-windows::before{content:""}.socicon-wordpress::before{content:""}.socicon-wykop::before{content:""}.socicon-xbox::before{content:""}.socicon-xing::before{content:""}.socicon-yahoo::before{content:""}.socicon-yammer::before{content:""}.socicon-yandex::before{content:""}.socicon-yelp::before{content:""}.socicon-younow::before{content:""}.socicon-youtube::before{content:""}.socicon-zapier::before{content:""}.socicon-zerply::before{content:""}.socicon-zomato::before{content:""}.socicon-zynga::before{content:""}.social-icons-lists .socicon{position:relative;top:3px;padding:10px;font-size:16px;display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box}.social-icons-lists li.social-icons-list-item{margin:4px;padding:0!important;display:inline-block;border:none!important;list-style:none!important;background:0 0!important}.social-icons-lists li.social-icons-list-item a.social-icon{text-decoration:none}.social-icons-lists li.social-icons-list-item a.social-icon:active,.social-icons-lists li.social-icons-list-item a.social-icon:focus{outline:0}.social-icons-lists li.social-icons-list-item a.social-icon:hover .socicon{opacity:.8}.social-icons-lists li.social-icons-list-item a.social-icon span.social-icons-list-label{margin-left:4px}.social-icons-lists li.social-icons-list-item::after,.social-icons-lists li.social-icons-list-item::before{visibility:hidden}.social-icons-lists.show-icons-label{list-style:outside}.social-icons-lists.icons-background-rounded .socicon{border-radius:100%}.social-icons-lists.icons-background-rounded .socicon,.social-icons-lists.icons-background-square .socicon{color:#fff}.social-icons-lists.icons-background-rounded.centre,.social-icons-lists.icons-background-square.centre{padding:0;text-align:center}.social-icons-lists.icons-background-none .socicon{padding:0;background:0 0}.widget .social-icons-lists.show-icons-label li.social-icons-list-item{display:block}.widget .social-icons-lists.show-icons-label.icons-background-rounded.centre,.widget .social-icons-lists.show-icons-label.icons-background-square.centre{text-align:left}@font-face {
font-family: 'Genericons';
src: url(//kenjohnsonfocusup.com/wp-content/themes/blank/genericons/font/genericons-regular-webfont.eot);
}
@font-face {
font-family: 'Genericons';
src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
url(//kenjohnsonfocusup.com/wp-content/themes/blank/genericons/font/genericons-regular-webfont.ttf) format('truetype'),
url(//kenjohnsonfocusup.com/wp-content/themes/blank/genericons/font/genericons-regular-webfont.svg#genericonsregular) format('svg');
font-weight: normal;
font-style: normal;
} .genericon {
display: inline-block;
width: 16px;
height: 16px;
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: 1;
font-family: 'Genericons';
text-decoration: inherit;
font-weight: normal;
font-style: normal;
vertical-align: top;
} .genericon {
*overflow: auto;
*zoom: 1;
*display: inline;
}  .genericon-standard:before {        content: '\f100'; }
.genericon-aside:before {           content: '\f101'; }
.genericon-image:before {           content: '\f102'; }
.genericon-gallery:before {         content: '\f103'; }
.genericon-video:before {           content: '\f104'; }
.genericon-status:before {          content: '\f105'; }
.genericon-quote:before {           content: '\f106'; }
.genericon-link:before {            content: '\f107'; }
.genericon-chat:before {            content: '\f108'; }
.genericon-audio:before {           content: '\f109'; } .genericon-github:before {          content: '\f200'; }
.genericon-dribbble:before {        content: '\f201'; }
.genericon-twitter:before {         content: '\f202'; }
.genericon-facebook:before {        content: '\f203'; }
.genericon-facebook-alt:before {    content: '\f204'; }
.genericon-wordpress:before {       content: '\f205'; }
.genericon-googleplus:before {      content: '\f206'; }
.genericon-linkedin:before {        content: '\f207'; }
.genericon-linkedin-alt:before {    content: '\f208'; }
.genericon-pinterest:before {       content: '\f209'; }
.genericon-pinterest-alt:before {   content: '\f210'; }
.genericon-flickr:before {          content: '\f211'; }
.genericon-vimeo:before {           content: '\f212'; }
.genericon-youtube:before {         content: '\f213'; }
.genericon-tumblr:before {          content: '\f214'; }
.genericon-instagram:before {       content: '\f215'; }
.genericon-codepen:before {         content: '\f216'; }
.genericon-polldaddy:before {       content: '\f217'; }
.genericon-googleplus-alt:before {  content: '\f218'; }
.genericon-path:before {            content: '\f219'; }
.genericon-skype:before {           content: '\f220'; }
.genericon-digg:before {            content: '\f221'; }
.genericon-reddit:before {          content: '\f222'; }
.genericon-stumbleupon:before {     content: '\f223'; }
.genericon-pocket:before {          content: '\f224'; } .genericon-comment:before {         content: '\f300'; }
.genericon-category:before {        content: '\f301'; }
.genericon-tag:before {             content: '\f302'; }
.genericon-time:before {            content: '\f303'; }
.genericon-user:before {            content: '\f304'; }
.genericon-day:before {             content: '\f305'; }
.genericon-week:before {            content: '\f306'; }
.genericon-month:before {           content: '\f307'; }
.genericon-pinned:before {          content: '\f308'; } .genericon-search:before {          content: '\f400'; }
.genericon-unzoom:before {          content: '\f401'; }
.genericon-zoom:before {            content: '\f402'; }
.genericon-show:before {            content: '\f403'; }
.genericon-hide:before {            content: '\f404'; }
.genericon-close:before {           content: '\f405'; }
.genericon-close-alt:before {       content: '\f406'; }
.genericon-trash:before {           content: '\f407'; }
.genericon-star:before {            content: '\f408'; }
.genericon-home:before {            content: '\f409'; }
.genericon-mail:before {            content: '\f410'; }
.genericon-edit:before {            content: '\f411'; }
.genericon-reply:before {           content: '\f412'; }
.genericon-feed:before {            content: '\f413'; }
.genericon-warning:before {         content: '\f414'; }
.genericon-share:before {           content: '\f415'; }
.genericon-attachment:before {      content: '\f416'; }
.genericon-location:before {        content: '\f417'; }
.genericon-checkmark:before {       content: '\f418'; }
.genericon-menu:before {            content: '\f419'; }
.genericon-refresh:before {         content: '\f420'; }
.genericon-minimize:before {        content: '\f421'; }
.genericon-maximize:before {        content: '\f422'; }
.genericon-404:before {             content: '\f423'; }
.genericon-spam:before {            content: '\f424'; }
.genericon-summary:before {         content: '\f425'; }
.genericon-cloud:before {           content: '\f426'; }
.genericon-key:before {             content: '\f427'; }
.genericon-dot:before {             content: '\f428'; }
.genericon-next:before {            content: '\f429'; }
.genericon-previous:before {        content: '\f430'; }
.genericon-expand:before {          content: '\f431'; }
.genericon-collapse:before {        content: '\f432'; }
.genericon-dropdown:before {        content: '\f433'; }
.genericon-dropdown-left:before {   content: '\f434'; }
.genericon-top:before {             content: '\f435'; }
.genericon-draggable:before {       content: '\f436'; }
.genericon-phone:before {           content: '\f437'; }
.genericon-send-to-phone:before {   content: '\f438'; }
.genericon-plugin:before {          content: '\f439'; }
.genericon-cloud-download:before {  content: '\f440'; }
.genericon-cloud-upload:before {    content: '\f441'; }
.genericon-external:before {        content: '\f442'; }
.genericon-document:before {        content: '\f443'; }
.genericon-book:before {            content: '\f444'; }
.genericon-cog:before {             content: '\f445'; }
.genericon-unapprove:before {       content: '\f446'; }
.genericon-cart:before {            content: '\f447'; }
.genericon-pause:before {           content: '\f448'; }
.genericon-stop:before {            content: '\f449'; }
.genericon-skip-back:before {       content: '\f450'; }
.genericon-skip-ahead:before {      content: '\f451'; }
.genericon-play:before {            content: '\f452'; }
.genericon-tablet:before {          content: '\f453'; }
.genericon-send-to-tablet:before {  content: '\f454'; }
.genericon-info:before {            content: '\f455'; }
.genericon-notice:before {          content: '\f456'; }
.genericon-help:before {            content: '\f457'; }
.genericon-fastforward:before {     content: '\f458'; }
.genericon-rewind:before {          content: '\f459'; }
.genericon-portfolio:before {       content: '\f460'; }
.genericon-heart:before {           content: '\f461'; }
.genericon-code:before {            content: '\f462'; }
.genericon-subscribe:before {       content: '\f463'; }
.genericon-unsubscribe:before {     content: '\f464'; }
.genericon-subscribed:before {      content: '\f465'; }
.genericon-reply-alt:before {       content: '\f466'; }
.genericon-reply-single:before {    content: '\f467'; }
.genericon-flag:before {            content: '\f468'; }
.genericon-print:before {           content: '\f469'; }
.genericon-lock:before {            content: '\f470'; }
.genericon-bold:before {            content: '\f471'; }
.genericon-italic:before {          content: '\f472'; }
.genericon-picture:before {         content: '\f473'; } .genericon-uparrow:before {         content: '\f500'; }
.genericon-rightarrow:before {      content: '\f501'; }
.genericon-downarrow:before {       content: '\f502'; }
.genericon-leftarrow:before {       content: '\f503'; }


 @font-face {
font-display: swap; font-family: GilroyRegular; src: url(//kenjohnsonfocusup.com/wp-content/themes/blank/fonts/Radomir-Tinkov-Gilroy-Regular.otf) format("opentype"); 
}
@font-face {
font-display: swap; font-family: GilroyExtraBold; src: url(//kenjohnsonfocusup.com/wp-content/themes/blank/fonts/Radomir-Tinkov-Gilroy-ExtraBold.otf) format("opentype");
}
.elementor-editor-active .site-header {
top: 0;
}
.elementor-editor-active #page {
position: relative;
top: 130px;
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-setting:not(.elementor-editor-element-trigger) {
display: block !important;
}
section[data-id="rvshk9e"] .elementor-widget-text-editor {
min-height: 225px;
} @media (max-width: 767px) {
section[data-id="rvshk9e"] .elementor-widget-text-editor {
min-height: unset;
}
}
section[data-id="q7vk5w1"] {
background-color: #f7f7f7;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
}
.elementor-widget-text-editor {
font-family: 'GilroyRegular', sans-serif !important;
}
.elementor p a, .data-check a {
color: #8e7412; }
#pdpp:hover img {
opacity: .9;
}
.master-slider-parent {
margin-top: 90px;
} @media (max-width: 767px){
.promo-spacer .elementor-spacer-inner {
height: 70px !important;
}
} section.elementor-section.elementor-section-height-full {
height: 100vh; }
.elementor .elementor-element .elementor-background-video-container.elementor-hidden-phone{
display: unset; }    .promo-section > .elementor-container {
min-height: 0 !important;
padding-bottom: 47.7%; }
img, a {
outline: none !important;
}
input::-moz-focus-inner { 
border: 0; 
}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
#top img{
margin-bottom: 20px;	
}
.text.white{
color: #fff;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
hr{
border: none;
}
hr.spacer{
height: 90px;
margin-top: 0px;
margin-bottom: 0px;
}
hr.spacer:after{
content:"";
clear: both;
display: block;
}
a{
text-decoration: none;
color: #999;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
display: none !important;
} span.wpcf7-not-valid-tip {
color: #D95255;
font-size: 14px !important;
font-family: 'GilroyRegular', sans-serif;
}
.social-yelb {
z-index: 99;
}
.master-slider {
background: rgba(0, 0, 0, 0) !important;
}
div.wpcf7-mail-sent-ok{
border: 0px solid #CCC;
text-align: center;
font-family: 'GilroyRegular', sans-serif !important;
font-size: 16px;
color: #22A951;
}
span.wpcf7-form-control-wrap.Date .input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
padding-left: 77px !important;
text-transform: uppercase;
}
span.wpcf7-not-valid-tip {
text-align: center;
margin-bottom: -2em;
margin-top: -0.5em;
}
label {
text-align: center;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
border: 0px;
outline: 0;
border-bottom: 2px solid #DDD;
transition: 0.3s ease-all;
-moz-transition: 0.3s ease-all;
-ms-transition: 0.3s ease-all;
-o-transition: 0.3s ease-all;
-webkit-transition: 0.3s ease-all;
text-align: center;
font-family: 'GilroyRegular', sans-serif;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number:focus, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date:focus {
border-bottom: 2px solid #dcb428 !important;
transition: 0.3s ease-all;
-moz-transition: 0.3s ease-all;
-ms-transition: 0.3s ease-all;
-o-transition: 0.3s ease-all;
-webkit-transition: 0.3s ease-all;
}
input.wpcf7-form-control.wpcf7-text {
text-align: center;
font-family: 'GilroyRegular', sans-serif;
}
.nav-menu a{
color: #FFF;
font-size: 16px;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif; }
.nav-menu a:hover, .nav-menu .active a{
border-bottom: 3px solid #dcb428;
padding-bottom: 2px;
}
iframe {
border-radius: 0px !important;
}
#subscribe {
background: #EEE !important;
padding: 20px 0px;
}
#watch {
background: #EEE;
padding: 20px 0px;
} #watch .watch-text h1,
#watch .watch-text h2 {
text-align: center;
padding-left: 0; }
#watch .elementor-custom-embed-play i {
opacity: .9;
font-size: 180px;
font-weight: 800;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#watch .elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i {
opacity: 1;
transform: scale(.96);
text-shadow: 1px 0 18px #dcb428;
}
.elementor-widget-heading .elementor-heading-title, .hdq_results_inner h1 { color: #1e1e1e !important;
}
.feature .elementor-widget-heading .elementor-heading-title {
color: #707070 !important;
}
a.white{
border-bottom: 1px dashed #fff;
}
html{
padding: 0;
margin: 0;
}
body{
padding: 0;
margin: 0;
font-size: 17px;
line-height: 140%;
font-family: 'GilroyRegular', sans-serif;
overflow-x: hidden;
}
.scrolltop{
background: rgba(0,0,0,0.1);
color: #FFF;
padding: 20px 20px;
position: fixed;
bottom: 30px;
font-size: 26px;
right: 30px;
cursor: pointer;
z-index: 1000;
}
a.custom-logo-link img {
width: 200px;
height: auto;
padding-top: 2px;
}
h1, h2, h3, h4, h5, h6, .hdq_results_inner h1 {
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 110%;
font-family: 'GilroyRegular', sans-serif;
}
.hdq_results_inner h1 {
text-align: center;
font-size: 24px !important;
}
h1 {
font-size: 54px;
color: #FFF;	
}
h2, .hdq_results_inner h1 {
font-size: 32px;
color: #1e1e1e;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif;
}
.elementor-widget-heading .elementor-heading-title {
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
}
h2:after, .hdq_results_inner h1:after { bottom: 0;
left: 50%;
width: 60px;
height: 5px;
background: #dcb428;
display: table;
content: '';
position: absolute; margin-bottom: -20px;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
} #watch .watch-text h2:after {
margin-top: 33px;
}
.hdq_results_inner h1:after {
position: relative;
left: 0;
right: 0;
margin: 30px auto;
transform: none;
}
h3{
color: #1e1e1e;
font-size: 26px;
margin-bottom: 10px;
font-family: 'GilroyRegular', sans-serif;
text-transform: none;
}
h4{
color: #1e1e1e;
font-size: 20px;
font-family: 'GilroyRegular', sans-serif;
text-transform: none;
}
.welcome-text {
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.55);
}
#booking p {
margin: 12px 0px 4px 0px;
}
ul, li{
margin: 0;
padding: 0;
}
img.width100{
display: block;
width: 100%;
}
.width1, 
.width2, 
.width3, 
.width4, 
.width5, 
.width6, 
.width7, 
.width8, 
.width9, 
.width10, 
.width11, 
.width12{
float: left;
padding: 15px;
}
.width1{  width:  8.33%; }
.width2{  width: 16.66%; }
.width3{  width: 25.00%; }
.width4{  width: 33.33%; }
.width5{  width: 41.66%; }
.width6{  width: 50.00%; }
.width7{  width: 58.33%; }
.width8{  width: 66.66%; }
.width9{  width: 75.00%; }
.width10{ width: 83.33%; }
.width11{ width: 91.66%; }
.width12{ width:   100%; }
.content{
max-width: 1200px;
margin: auto auto;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.center{
text-align: center;
}
.table{
display: table;
width: 100%;
}
.tr{
display: table-row;
}
.td{
display: table-cell;
}
.td:first-child{
width: 30px;
} #slides{
position: relative;
height: 700px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
.slide{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 1s;
-ms-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.showing{
opacity: 1;
z-index: 2;
} .slide{
font-size: 40px;
padding: 40px;
box-sizing: border-box;
background: #333;
color: #fff;
}
.slide:nth-of-type(1){
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/bg.jpg);
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0px !important;
} .site-header {
width: 100%;
height: 100px;
position: fixed;
z-index: 999;
background: #222;
padding: 10px;
}
#books .elementor-col-10 {
width: 20% !important;
float:left;
margin-bottom: 15px;
}
#books .elementor-row {
display: block;
}
section.elementor-element.elementor-element-6tck9dm.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
position: absolute;
top: 40%;
width: 100%;
}
#masthead .width12 {
padding: 0px;
text-align: center;
}
li#menu-item-2586 {
width: 90px;
}
.site-header.scrolled {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
}
.scrolled {
background: rgba(255,255,255, 0.85) !important;
position: fixed !important;
z-index: 99999;
transition: ease-in 0.3s;
-moz-transition: ease-in 0.3s;
-ms-transition: ease-in 0.3s;
-o-transition: ease-in 0.3s;
-webkit-transition: ease-in 0.3s;
}
.scrolled path {
fill: #e83f40 !important;
}
#masthead #menu-mainmenu li{
list-style: none;
}
#masthead #menu-mainmenu li a{
font-size: 16px;
padding: 5px 0px;
display: block;
font-family: 'GilroyRegular', sans-serif;
color: #FFF;
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;
-ms-transition: ease-in 0.1s;
-o-transition: ease-in 0.1s;
-webkit-transition: ease-in 0.1s;
}
#masthead #primary-navigation a.active{
background: transparent;
color: #fff;
transition: ease-in 0.2s;
-moz-transition: ease-in 0.2s;
-ms-transition: ease-in 0.2s;
-o-transition: ease-in 0.2s;
-webkit-transition: ease-in 0.2s;
}
ul#menu-mainmenu {
margin: 0 auto;
}
#masthead.scroll #menu-mainmenu li{
list-style: none;
margin-left: 5px;
} .gallery-item{
padding: 0px;
margin: 0px;
float: left;
}
.gallery-item a{
display: block;
}
.gallery-item img{
width: 100%;
float: left;
}
.gallery-columns-1 .gallery-item{ width: 100%;}
.gallery-columns-2 .gallery-item{ width: 50%; }
.gallery-columns-3 .gallery-item{ width: 33.33%; }
.gallery-columns-4 .gallery-item{ width: 25%; }
.gallery-columns-5 .gallery-item{ width: 20%; }
.gallery-columns-6 .gallery-item{ width: 16.66%; } .gallery:after,
.row:after,
#masthead:after,
#menu-mainmenu:after{
content:"";
display: block;
clear: both;
} input, 
textarea,
select{
padding: 20px;
font-size: 17px;
width: 100%;
margin-bottom: 15px;
border-radius: 0px;
border: 0px solid #CCC;
outline: px;
}
textarea{
height: 100px;
}
#logo {
position: absolute;
z-index: 44;
margin-left: 5px;
transform: translate(-50%,-42%);
-moz-transform: translate(-50%,-42%);
-ms-transform: translate(-50%,-42%);
-o-transform: translate(-50%,-42%);
-webkit-transform: translate(-50%,-42%);
width: 94px;
height: 126px;
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;
-ms-transition: ease-in 0.1s;
-o-transition: ease-in 0.1s;
-webkit-transition: ease-in 0.1s;
}
#logo:hover {
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;
-ms-transition: ease-in 0.1s;
-o-transition: ease-in 0.1s;
-webkit-transition: ease-in 0.1s;
}
#video h1:before {
content: '';
position: absolute;
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/left_wing.png) no-repeat;
width: 97px;
height: 34px;
left: 43px;
top: 25px;
}
#video h1:after {
content: '';
position: absolute;
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/right_wing.png) no-repeat;
width: 97px;
height: 34px;
right: 32px;
top: 25px;
}
.toggle-close{
display: none;
}
iframe{
width: 100%;
height: 500px;
border: 5px solid #fff;
border-radius: 5px;
position: relative;  }
footer#colophon p{
margin: 0 0 0.3em 0; }
.widget_nav_menu li{
display: inline-block;	
padding: 5px 5px;
}
.widget_nav_menu a {
color: #757575; font-size: 14px;
padding: 0px 10px;
}
.widget_black_studio_tinymce{
padding: 5px 5px;
color: #fff;
}
.widget_black_studio_tinymce a{
color: #fff;
}
#black-studio-tinymce-3{
display: block;
float: none;
color: #000;
text-align: center;
position: relative;
z-index: 1000;
}
#black-studio-tinymce-3 .widgettitle{
padding-top: 40px;
}
#black-studio-tinymce-3 .textwidget{
padding-bottom: 60px;
}
#top .size-thumbnail{
max-width: 425px;
width: 100%;
display: block;
margin: auto auto;
} .download {
background: transparent;
border: 3px solid #f4af98;
padding: 10px 42px;
font-family: 'GilroyRegular', sans-serif;
color: #f4af98;
margin: 0 auto;
font-size: 22px;
transition: ease-in 0.2s;
-moz-transition: ease-in 0.2s;
-ms-transition: ease-in 0.2s;
-o-transition: ease-in 0.2s;
-webkit-transition: ease-in 0.2s;
}
a.download:hover {
background: #f4af98;
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;
-ms-transition: ease-in 0.1s;
-o-transition: ease-in 0.1s;
-webkit-transition: ease-in 0.1s;
color: #FFF;
}
#about{
background-color: #FFF;
color: #fff;
position: relative; }
#about .text{
z-index: 10;
position: relative;
}
#about .width4{
padding-left: 80px;	
}
#about .content{
position: relative;
}
h2 {
z-index: 2;
position: relative;
}
#jobs, #kurse, #kontakt, #kunden, #lawsite{
position: relative;
}
span.elementor-button-text, #imprint-link, #privacy-link {
font-family: 'GilroyExtraBold', sans-serif;
font-size: 14px !important;
text-transform: uppercase;
}
.back-button span {
cursor: pointer;
}
#imprint-link, #privacy-link {
font-size: 12px !important;
margin-right: 5px;
}
.elementor-button-link.elementor-button.elementor-size-sm {
margin-left: 10px;
margin-right: 10px;
}
.wp-image-1964{
margin-top: -30px;
z-index: 2000;
position: relative;
max-width: 639px;
width: 100%;
}
#kontakt{
background: #FFF;
z-index: 99;
}
#wpcf7-f2000-p836-o1 .width6, #wpcf7-f2000-p836-o1 .width12{
padding: 3px 13px 0px 0px;
}
.icon{
width: 20px;
float: left;
padding-right: 5px;
}
.white{
color: #fff;
}
.left{
text-align: left;
}
.bordertop {
border-top: 2px solid #2f4e80;
}
#video br {
display: none;
}
#video{
position: relative;
overflow: hidden;
}
#video .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
z-index: 10;
}
#video .text h1{
font-family: 'GilroyRegular', sans-serif;
color: #2f4e80;
font-size: 70px;
margin-bottom: 0px;
text-shadow: 4px 4px 10px rgba(0,0,0,0.5);    
}
#video .text h2{
font-family: 'GilroyRegular', sans-serif;
text-transform: none;
font-size: 60px;
color: #999;
margin-top: -20px;
margin-bottom: 20px;
text-shadow: 3px 3px 2px rgba(0,0,0,1);
}
#video .text h3 {
font-family: 'GilroyRegular', sans-serif;
text-align: center;
color: #2f4e80;
letter-spacing: 4px;
font-size: 36px;
text-shadow: 0px 4px 6px rgba(0,0,0,0.3);
text-transform: uppercase;
}
video{
width: 100%;
position: absolute;
top: 0px;
z-index: -1;
} .wp-image-2112{
position: absolute;
z-index: 5;
left: -480px;
} .wp-image-1969{
position: absolute;
right: -390px;
top: -400px;
z-index: 2;
}
.einbahn{
position: absolute;
left: -60px;
bottom: -120px;
z-index: -1;
width: 280px;
}
.kreisverkehr{
position: absolute;
right: -160px;
bottom: -200px;
z-index: -2;
width: 280px;
transform: rotate(6deg);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
}
.gewaehren{
position: absolute;
right: -60px;
bottom: -120px;
z-index: -1;
width: 280px;
}
.vorfahrt{
position: absolute;
left: -170px;
bottom: -120px;
z-index: -2;
width: 280px;
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
}
ul{
list-style: none;
}
#speisekarte{
overflow-x: hidden;
overflow-y: hidden;
}
img.float{
float: right; 
margin-right: 20px;
margin-bottom: 15px;
}
.translate{ background: #1baaa8; background: -moz-linear-gradient(top,  #1baaa8 0%, #1aa3a2 49%, #189492 50%, #158886 100%); background: -webkit-linear-gradient(top,  #1baaa8 0%,#1aa3a2 49%,#189492 50%,#158886 100%); background: linear-gradient(to bottom,  #1baaa8 0%,#1aa3a2 49%,#189492 50%,#158886 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1baaa8', endColorstr='#158886',GradientType=0 ); padding: 10px 0;
font-family: 'GilroyRegular', sans-serif;
color: #fff;
border-radius: 4px;
text-shadow: -1px -1px rgba(0,0,0,0.3);
font-size: 22px;
max-width: 250px;
margin: auto auto;
display: block;
text-align: center;
margin-top: 20px;
cursor: pointer;
}
.english{
display: none;
}
#news strong{
display: inline-block;
background: #1baaa8; 
padding: 5px 10px; 
color: #fff;
}
#wpcf7-f2254-p836-o1 label{
display: block;
padding: 10px;
padding-left: 280px;
position: relative;
z-index: 600;
}
#wpcf7-f2254-p836-o1 label strong{
position: absolute;
left: 0px;
width: 280px;
font-weight: normal;
text-align: right;
background: #1baaa8; 
padding: 10px 10px 9px 10px;
color: #fff;
text-align: center;
}
#wpcf7-f2254-p836-o1 p{
margin-bottom: 5px;
}
#wpcf7-f2254-p836-o1  input[type="checkbox"]{
display: inline;
width: auto;
padding-left: 10px;
background: red;
}
#wpcf7-f2254-p836-o1 span.wpcf7-list-item{
margin-left: 0px;
display: block;
}
#wpcf7-f2254-p836-o1 .wpcf7-list-item-label{
display: inline;
}
#wpcf7-f2254-p836-o1 .wpcf7-checkbox label{
padding-left: 0px;
}
#wpcf7-f2254-p836-o1 .wpcf7-checkbox label{
margin-bottom: 2px;
padding: 20px;
} .right {
float: right;
text-align: right;
}
.scrolled .content {
position: fixed !important;
width: 100%;
top: 0;
left: 50%;
transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
z-index: 999999;
}
.scrolled #menu-mainmenu li a {
color: #757575 !important;
}
.scrolled .right {
padding: 0px;
}
#klassen, #kurse{
background-color: #FFF;
position: relative;
}  #feuerwehr {
height: 590px;
background: #e83f40;
}
#feuerwehr h1 {
padding: 45px 0px;
color: #FFF;
}
h1, h2, p {
padding-left: 15px;
padding-right: 15px;
}
.more-button{
background: transparent;
border: 3px solid #757575; padding: 10px 42px;
font-family: 'GilroyRegular', sans-serif;
color: #757575; margin: 0 auto;
font-size: 22px;
width: 200px;
transition: ease-in 0.2s;
-moz-transition: ease-in 0.2s;
-ms-transition: ease-in 0.2s;
-o-transition: ease-in 0.2s;
-webkit-transition: ease-in 0.2s;
position: relative;
left: 50%;
margin-left: -100px;
}
.more-button:hover {
background: #f10;
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;
-ms-transition: ease-in 0.1s;
-o-transition: ease-in 0.1s;
-webkit-transition: ease-in 0.1s;
color: #FFF;
border: 3px solid #f10;
}
#masthead #menu-mainmenu li {
display: inline-block;
padding: 5px 0px;
margin: 0px 15px;
position: relative;
z-index: 99999;
}
#masthead #menu-mainmenu li a:hover{
color: #64B8E1;
}
.buchen {
margin: 0px 0px 0px 15px !important;
}
.buchen a {
padding: 5px 15px !important;
}
a#logo svg {
width: 195px;
}
.text h3 {
margin-top: 15px;
}
.intro p {
color: #2e2e2e;  }
nav#primary-navigation.scrolled {
z-index: 999999;
}
.mark.scrolled {
top: 51px;
transition: ease-in 0.3s;
-moz-transition: ease-in 0.3s;
-ms-transition: ease-in 0.3s;
-o-transition: ease-in 0.3s;
-webkit-transition: ease-in 0.3s;
}
nav#primary-navigation.scrolled {
top: 0px;
position: fixed;
z-index: 999999;
width: 100%;
text-align: center;
}
.scrolled li a {
padding: 14px 36px;
}
#swipebox-overlay {
z-index: 999999 !important;
}
.map p {
margin: 0px;
}
section.map { transition: ease-in 0.5s; 
-moz-transition: ease-in 0.5s;
-ms-transition: ease-in 0.5s;
-o-transition: ease-in 0.5s;
-webkit-transition: ease-in 0.5s;
margin-top: 50px;
}
section.map:hover {
filter: grayscale(0%);
transition: ease-in 0.5s;
-moz-transition: ease-in 0.5s;
-ms-transition: ease-in 0.5s;
-o-transition: ease-in 0.5s;
-webkit-transition: ease-in 0.5s;
}
.menu-law-container {
text-align: center;
}
.wpcf7 {
font-size: 13px;
line-height: 14px;
}
#kontakt .text {
margin: 20px 15px;
text-align: center;
}
input[type="checkbox"] {
float: left;
width: 20px;
}
span.wpcf7-list-item {
margin: 0px !important;
}
input[type="submit"], .mybtn {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0px;
border: 3px solid white;
color: white;
text-transform: uppercase;
padding: 1.5rem 3rem;
font-size: 0.9rem; position: relative;
overflow: hidden; font-family: 'GilroyExtraBold', sans-serif;
background: #757575; }
input[type="submit"], .mybtn {
border: 1px solid;
overflow: hidden;
position: relative;
span {
z-index: 20;
}
&:after {
background: #ccc;
content: "";
height: 155px;
left: -75px;
opacity: .2;
position: absolute;
top: -50px;
transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: -10;
}
}
input[type="submit"]:hover {
background: #8e7412; transition: 0.1s ease-in;
-moz-transition: 0.1s ease-in;
-ms-transition: 0.1s ease-in;
-o-transition: 0.1s ease-in;
-webkit-transition: 0.1s ease-in;
cursor: pointer;
}
.button-space{
margin: 60px 0px 20px 0px;
}
#kontakt {
padding: 50px 0px;
}
img.attachment-thumbnail.size-thumbnail {
filter: grayscale(100%);
transition: ease-in 0.1s;    
-moz-transition: ease-in 0.1s;  
-ms-transition: ease-in 0.1s;  
-o-transition: ease-in 0.1s;  
-webkit-transition: ease-in 0.1s;  
}
img.attachment-thumbnail.size-thumbnail:hover{
filter: grayscale(0%);
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;  
-ms-transition: ease-in 0.1s;  
-o-transition: ease-in 0.1s;  
-webkit-transition: ease-in 0.1s;  
}
.about p {
font-size: 20px;
line-height: 32px;
letter-spacing: 0px;
}
#about h3 {
color: #FFF;
}
#ird3-main {
background: #FFF !important;
}
.header-controls {
display: none !important;
}
.controls.controls--hidden {
display: none !important;
}
.controls {
background-color: transparent !important;
background-image: -webkit-linear-gradient(transparent 1%,rgba(0,0,0,0)) !important;
background-image: linear-gradient(transparent 1%,rgba(0,0,0,0)) !important;
}
aside#themegrill_social_icons-2 {
text-align: center;
}
#swipebox-close {
right: 20px;
}
.openingtimes {
margin: 140px auto;
color: #555;
}
.openingtimes td {
padding: 0px 20px;
font-size: 17px;
}
.openingtimes td.bis {
padding: 10px 2px !important;
}
.standort{
background: #E83F40;
padding: 10px;
width: 115px;
margin-left: 12px;
color: #FFF;
}
.eisabout {
width: 40%;
padding-left: 30px;
padding-bottom: 20px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
font-family: 'GilroyRegular', sans-serif;
height: 200px;
max-width: 1120px !important;
}
.wpcf7-checkbox {
color: #7a7a7a;
}
#swipebox-overlay {
background: rgba(0,0,0,0.8) !important;
}
#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
display: inline-block;
max-height: 80% !important;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
.social-icons-lists li.social-icons-list-item {
margin: 0px 10px;
float: none;
}
.page-id-836 .full-slider .slick-list, .full-slider .slick-slider {
height: 100vh !important;
}
.ms-info::selection {
background: #000;
color: #dcb428;
}
::selection {
background: #dcb428;
color: #222;
}
.ms-slide-info.ms-dir-v.ms-align-right {
left: 5% !important;
width: 1000px !important;
}
.yelb {
margin-top: 70px;
}
#wpfront-scroll-top-container {
bottom: 50px !important;
}
#wpfront-scroll-top-container img {
max-width: 35px;
}
.ms-info li {
font-size: 90px;
background: #dcb428;
width: 100%;
line-height: 1em;
padding: 2px 10px !important;
display: inline;
color: #FFF;
text-transform: uppercase;
float: left;
margin: 0px;
font-family: 'GilroyExtraBold', sans-serif;
background: -webkit-linear-gradient(left top, #DC8C28, #DCB428);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ms-info li.info-small {
font-size: 51px;
}
.ms-slide-info.ms-dir-v.ms-align-right {
top: 50% !important;
transform: translate(0%, -55%);
-moz-transform: translate(0%, -55%);
-ms-transform: translate(0%, -55%);
-o-transform: translate(0%, -55%);
-webkit-transform: translate(0%, -55%);
}
#yelbskew{
background: #DCB428;
width: 100%;
height: 200px;
}
#yelbskewabout{
background: #DCB428;
width: 100%;
height: 140px;
margin-top: 50px;
}
#yelbskew:after {
width: 100%;
content: "";
display: block;
height: 100%;
position: absolute;
top: -34%;
-webkit-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
transform: skewY(-4deg);
background-color: #DCB428;
z-index: 2;
}
#yelbskewabout:after {
width: 100%;
content: "";
display: block;
height: 100%;
position: absolute;
top: -34%;
-webkit-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
transform: skewY(-4deg);
background-color: #DCB428;
z-index: 2;
}
#klassen p {
text-align: center;
line-height: 26px;
}
.icon-klassen {
}
.icon-klassen img {
width: 100%;
padding: 50px 30px;
}
.icon-klassen.bigger img {
}
#feuerwehr h3, #feuerwehr p {
color: #FFF !important;
}
.angebot {
margin-top: 100px;
}
.big {
font-size: 170px;
font-weight: 900;
}
#feuerwehr ::selection {
background: #e83f40;
color: #555;
}
.one {
padding: 20px;
background: rgba(232, 63, 64, 1);
margin-bottom: 20px;
width: 640px;
margin: 0 auto;
margin-bottom: 20px;
}
.two {
padding: 20px;
background: rgba(232, 63, 64, 0.8);
margin-bottom: 20px;
width: 640px;
margin: 0 auto;
margin-bottom: 20px;
}
.three {
padding: 20px;
background: rgba(232, 63, 64, 0.7);
margin-bottom: 20px;
width: 640px;
margin: 0 auto;
margin-bottom: 20px;
}
.four {
padding: 20px;
background: rgba(232, 63, 64, 0.6);
margin-bottom: 20px;
width: 640px;
margin: 0 auto;
margin-bottom: 20px;
}
.five {
padding: 20px;
background: rgba(232, 63, 64, 0.5);
margin-bottom: 20px;
width: 640px;
margin: 0 auto;
margin-bottom: 20px;
}
#jobs td {
color: #FFF;
}
td.tableleft {
width: 500px;
}
#jobs .width6 {
transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
-webkit-transform: translate(-50%);
left: 50%;
position: relative;
}
iframe {
border: 0px;
margin-top: -46px;
position: relative;
}
.i4ewOd-pzNkMb-haAclf {
display: none !important;
}
#jobs .textbottom {
background: rgba(255,255,255,0.85);
padding: 20px;
}
.width3:hover {
background: rgba(255,255,255, 0.3);
transition: ease-in 0.3s;
-moz-transition: ease-in 0.3s;  
-ms-transition: ease-in 0.3s;  
-o-transition: ease-in 0.3s;  
-webkit-transition: ease-in 0.3s;  
}
#kunden{
background-color: #f7d0e2;
z-index: 300;
position: relative;
}
#kunden::after {
content: "";
background-image: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/pattern.png);
opacity: 0.04;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;   
}
#gallery img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
#gallery .width4, #gallery .width2 {
padding: 0px;
}
#anfahrt p {
padding: 0px;
margin: 45px 0px;
}
#gallery p, #gallery br {
display: none;
}
p {
font-family: 'GilroyRegular', sans-serif;
font-size: 16px !important;
line-height: 1.5em;
}
span {
font-size: 16px !important;
}
.socicon, .yelb .elementor-icon {
padding: 12px !important;
font-size: 16px !important;
}
.yelb .elementor-icon {
color: #dcb428;
border-color: #dcb428;
background: #FFF;
border-radius: 50px;
z-index: 3;
position: relative;
}
.yelb .elementor-icon-wrapper {
width: 60px;
float: left;
position: relative;
left: 10%; transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
z-index: 3;
}
.ms-timerbar {
bottom: 0px !important;
}
.elementor-widget-container{
padding: 0px !important;
}
.elementor-widget-container ul {
font-size: 16px;
padding-left: 15px;
}
.elementor-widget-container .elementor-text-editor ul li {
line-height: 1.75em;
}
.elementor-widget-container .elementor-text-editor ul li:before {
content: '\2022';
padding-right: 15px;
color: #dcb428;
}
.next-article.wrapper .elementor-element {
width: auto !important;
margin-bottom: 5px;
}
.about-text{
padding-right: 25px;
}
#gallery {
padding: 50px 0px;
}
#anfahrt {
margin-top: 60px;
}
li.slide.showing:after {
content: '';
background: rgba(255, 214, 237, 0.3);
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
#kontakt p {
text-align: center;
}  span.wpcf7-form-control input[type="checkbox"] {
float: left;
width: 20px;
border: 2px solid #CCC !important;
height: 20px;
font-size: 20px;
background-color: #FFF !important;
padding: 15px;
position: relative;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none; } span.wpcf7-form-control input[type="checkbox"]::-ms-check {
color: transparent;
}
span.wpcf7-form-control span.wpcf7-list-item-label {
position: relative;
} span.wpcf7-form-control input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
content: '\2714';
font-size: 20px;
position: absolute;
top: 8px;
left: -35px;
color: #dcb428;
overflow: hidden;
line-height: 20px;
}
#gallery:before {
content: '';
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/orna_small.png);
height: 5px;
width: 100%;
margin-top: -59px;
position: absolute;
z-index: 999;
background-size: 190px;
}
#gallery:after {
content: '';
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/orna_small.png);
height: 5px;
width: 100%;
margin-top: 54px;
position: absolute;
z-index: 999;
background-size: 190px;
}
.orna-4 {
width: 270px;
position: absolute;
z-index: 222;
top: 58px;
right: -1px;
}
.orna-5 {
width: 270px;
position: absolute;
z-index: 222;
top: 58px;
left: -1px;
}
.collapseomatic{
background-image: none !important;
background: rgba(255,255,255,0);
padding: 10px 20px !important;
font-size: 30px;
}
.colomat-hover{
text-decoration: none !important;
background: rgba(255,255,255,0.4);
padding: 10px !important;
transition: ease-in 0.3s;
-moz-transition: ease-in 0.3s;  
-ms-transition: ease-in 0.3s;  
-o-transition: ease-in 0.3s;  
-webkit-transition: ease-in 0.3s;  
}
.collapseomatic:before {
content: '';
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/orna-button.png) no-repeat;
height: 40px;
width: 300px;
margin-left: -70px;
margin-top: -33px;
position: absolute;
}
.collapseomatic:after {
content: '';
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/orna-button.png) no-repeat;
height: 40px;
width: 300px;
margin-left: -236px;
margin-top: 24px;
position: absolute;
}
footer p {
font-size: 16px;
line-height: 1.2em;
color: #FFF;
}
.social-icons-lists.social-icons-greyscale .socicon {
color: #222;
background-color: #DCB428;
}
footer {
background: #222 !important;  overflow: hidden; display: block !important;
z-index: 3;
position: relative;
} footer .social .footer-icon-wrapper {
margin-bottom: 1.1em !important;
}
footer .social .elementor-icon {
font-size: 24px;
margin-right: 0.45em;
}
#primary-navigation .social .elementor-icon {
font-size: 28px;
margin-right: 0.25em;
}
#themegrill_social_icons-4 {
text-align: center;
}
#newsletter form {
width: 380px;
margin: 0 auto;
}
span.ed_error {
max-height: 30px;
}
#newsletter tr {
float: left;
}
.etd_dw_form {
border: 0px dotted #999 !important;
padding: 0px !important;
}
.ed_success {
margin: 0 auto;
text-align: center;
color: #22a951;
font-size: 16px;
}
#newsletter{
background: #2f2f2f;
padding: 20px 0px;
}
#newsletter h3, #newsletter .elementor-widget-heading .elementor-heading-title{
color: #FFF !important;
font-size: 24px;
font-weight: normal;
} #cookie-notice {
border-top: 1px solid rgb(17, 17, 17);
}
#cookie-notice,
#cookie-notice .cn-button:not(.cn-button-custom) {
font-family: inherit;
}
.cookie-notice-container {
padding: 10px; }
#cookie-notice .cn-button:not(.cn-button-custom) {
padding: 4px 10px;
}
.cn-text-container {
margin-bottom: 0; font-size: 14px !important; }
.cn-close-icon {
display: none;
}
@media only screen and ( max-width: 960px) {
.cn-text-container {
margin-bottom: 6px;
}
} .cookies-not-set .site-footer {
padding-bottom: 35px;
}
#masthead #menu-derpary li a {
font-size: 18px;
padding: 19px 0px;
display: block;
font-family: 'Old Standard TT', serif;
color: #2f4e80;
transition: ease-in 0.1s;
-moz-transition: ease-in 0.1s;  
-ms-transition: ease-in 0.1s;  
-o-transition: ease-in 0.1s;  
-webkit-transition: ease-in 0.1s;  
text-transform: uppercase;
}
#masthead #menu-derpary li {
display: inline-block;
padding: 0px 16px;
position: relative;
z-index: 99999;
}
.logo-menu-item > a {
text-indent: -99999px;
text-align: left;
width: 88px;
height: 144px;
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/logo.png) no-repeat center center;
background-size: contain;
}
.text {
text-align: center;
}
#post-2720 .width3 img {
outline: 10px solid #FFF;
outline-offset: -10px;
width: 100%;
}
.sortiment img {
outline: 10px solid #FFF;
outline-offset: -10px;
width: 100%;
}
ul li ul li {
background: #FFF;
width: 250px;
}
ul.sub-menu {
display: inline-block;
float: left;
width: 0px;
}
.toggle-subemenu {
display: none;
}
.nav-menu li .sub-menu{
display: none;
transition: ease-all 0.3s;
-moz-transition: ease-all 0.3s;
-ms-transition: ease-all 0.3s;
-o-transition: ease-all 0.3s;
-webkit-transition: ease-all 0.3s;
}
ul#menu-mainmenu {
position: relative;
text-align: right;
}
ul.sub-menu {
left: -64px;
position: relative;
}
.nav-menu li:hover .sub-menu{
display: inline-block;
transition: ease-all 0.3s;
-moz-transition: ease-all 0.3s;
-ms-transition: ease-all 0.3s;
-o-transition: ease-all 0.3s;
-webkit-transition: ease-all 0.3s;
}
.psgal img {
outline: 8px #FFF solid;
}
p.sort-text {
font-size: 18px;
height: 100px;
}
p.sort-head, p.sort-preis {
font-size: 22px;
}
li.rpwe-li.rpwe-clearfix {
width: 50%;
display: inline-block;
}
.rpwe-block a {
font-size: 24px;
top: 10px;
position: relative;
color: #2f4e80;
}
.rpwe-time {
position: relative;
top: 6px;
color: #333 !important;
}
.rpwe-summary {
font-size: 14px !important;
top: 10px;
position: relative;
}
.rpwe-thumb {
border: 0px solid #EEE!important;
margin: 5px 25px 2px 0 !important;
padding: 0px !important;
outline: 8px solid #FFF !important;
}
li#menu-item-2512 {
z-index: 1 !important;
position: relative !important;
}
li#menu-item-2742 {
z-index: 99999 !important;
position: relative !important;
}
.width3.center.sortiment {
height: 500px;
}
nav.post-navigation {
display: none;
}
.entry-meta {
display: none;
}
.single .entry-content,.single .entry-header,.single .entry-content p {
text-align: center;
}
img.attachment-single-post-thumbnail.size-single-post-thumbnail.wp-post-image {
display: none;
}
#video h3 {
background: rgba(255,255,255,0.6);
padding: 10px 15px 7px 15px;
}
#video h1 {
background: rgba(255,255,255,0.6);
padding: 8px 15px 1px 15px;
}
#wpcf7-f2000-p2508-o1 {
text-align: center;
}
.phonebox {
text-align: right;
top: -8px;
position: relative;
}
.phonebox p {
margin: 0px;
font-size: 16px;
color: #FFF;
}
.phonebox a {
color: #FFF;
padding: 0px 0px 0px 25px;
}
.phonebox a:hover {
color: #64B8E1;
}
#masthead #menu-mainmenu li a:hover {
color: #64B8E1;
border-bottom: 2px solid #64B8E1;
padding: 5px 0px;
}
#masthead .width4 {
padding: 12px;
margin: 0px;
}
ul#menu-main {
float: right;
}
nav li {
float: left;
padding: 12px 20px;
}
progress::-webkit-progress-bar {background-color: #FFF; width: 100%;}
progress::-webkit-progress-value {background-color: #ff2600 !important;}
progress {background-color: #FFF;}
progress::-moz-progress-bar {background-color: #ff2600 !important;}
progress {background-color: #FFF;}
progress {color: #ff2600;}
progress {border: 1px solid #CCC;}
.progressbar-rating {
width: 115px !important;
display: inline-block;
}
.rating {
padding: 40px 0px;
}
.rating .grey{
background: #EEE;
padding: 25px 20px;
}
.rating-wrap {
margin: -5px 0px;
}
.rating .width4 p {
padding: 0px;
padding-top: 30px;
margin: 0px;
font-size: 14px;
color: #2e2e2e;  }
span.rating-user {
font-weight: bold;
color: #ff2600;
font-size: 16px;
}
.rating-box p {
margin: 0px;
padding: 0px;
font-size: 16px;
}
.rating-box {
background: #EEE;
padding: 20px;
margin-bottom: 30px;
margin-top: -15px;
}
.last{
margin-bottom: 17px !important;
}
.come-in {
transform: translateY(150px);
-moz-transform: translateY(150px);
-ms-transform: translateY(150px);
-o-transform: translateY(150px);
-webkit-transform: translateY(150px);
animation: come-in 1s ease forwards;
}
.come-in:nth-child(odd) {
animation-duration: 1s;
}
.already-visible {
transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
animation: none;
}
@keyframes come-in {
to { 
transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
}
}
.module {
position: relative;
float: left;
}
.yelb .elementor-widget-heading .elementor-heading-title {
color: #FFF !important;
padding-top: 15px;
}
.social-yelb {
margin-top: -15px;
}
.etd_dw_form {
font-family: 'GilroyRegular', sans-serif;
width: 75%;
margin: 0 auto !important; }
.etd_dw_form input.ed_email,
.etd_dw_form input.ed_first_name, .etd_dw_form input.ed_last_name {
font-family: 'GilroyRegular', sans-serif;
font-size: 16px;
text-align: center;
}
.download-trigger {
cursor: pointer;
}
.download-form {
max-height: 0;
opacity: 0;
transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-ms-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
}
.download-form.visible {
max-height: 300px;
opacity: 1;
transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-ms-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
}
.data-note {
color: #7a7a7a;
font-size: 12px !important;
text-align: center;
width: 70%;
margin: 10px auto;
}
.etd_dw_form p {
color: #7a7a7a;
font-weight: normal;
}
.etd_submit {
background-color: #8e7412; border-radius: 25px 25px 25px 25px;
color: #fff;
cursor: pointer;
padding: 12px 24px;
font-size: 14px;
width: auto;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif; transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
border: 4px solid #dcb428;
}
.etd_submit:hover {
opacity: .9;
background-color: #dcb428;
}
.ed_error {
color: #D95255;
}
.yelb .elementor-widget-container {
width: 300px;
position: relative;
left: 62%;
}
.rating-wrapper {
background: #0a0a0a;
z-index: 1;
position: relative;
}
.rating-wrapper::after {
content: "";
background-image: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/rating_bg.jpg);
opacity: 0.12;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.width8.module.come-in h3 {
padding-left: 15px;
}
.standard-p p{
padding-left: 0px !important;
}
#ken img {
max-width: 500px;
width: 100%;
} span.wpcf7-list-item-label {
font-size: 16px;
line-height: 18px;
}
.buchen {
background: #ff2600;
}
.buchen:hover {
background: #FFF;
color: #64B8E1 !important;
}
#masthead .buchen a:hover{
color: #64B8E1 !important;
border-bottom: 0px solid #64B8E1 !important;
}
.roundborder {
border: 10px #dcb428 solid;
border-radius: 100%;
height: 200px;
width: 200px;
margin: 0 auto;
padding: 15px;
} .elementor-widget-wrap > .elementor-element.roundborder {
width: 200px; } .elementor:not(.elementor-bc-flex-widget) #yelbskew .elementor-widget-wrap {
display: block; }
#inquireoverlay {
position: relative;
margin: 0 auto;
margin-top: -390px;
margin-bottom: 150px;
width: 300px;
padding: 30px;
background: #FFF;
z-index: 99;
}
.showmobile{
display: none;
}
form {
margin-top: 30px;
}
input[type="checkbox"], input[type="text"], input[type="textarea"], textarea {
border: 0px;
outline:0;
border-bottom: 2px solid #DDD;
transition: 0.3s ease-all;
-moz-transition: 0.3s ease-all;
-ms-transition: 0.3s ease-all;
-o-transition: 0.3s ease-all;
-webkit-transition: 0.3s ease-all;
}
input[type="checkbox"]:focus, input[type="text"]:focus, input[type="textarea"]:focus, textarea:focus {
border-bottom: 2px solid #dcb428 !important;
transition: 0.3s ease-all;
-moz-transition: 0.3s ease-all;
-ms-transition: 0.3s ease-all;
-o-transition: 0.3s ease-all;
-webkit-transition: 0.3s ease-all;
}
input[type="checkbox"] {
border-radius: 100%;
margin-bottom: 0;
margin-right: 10px;
}
input[type="checkbox"]:focus {
border-bottom: 2px solid #ccc !important;
}
.data-check label, .data-check label input {
text-align: left;
line-height: 1.5;
cursor: pointer;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
border: 0px;
outline:0;
border-bottom: 2px solid #DDD !important;
transition: 0.3s ease-all;
-moz-transition: 0.3s ease-all;
-ms-transition: 0.3s ease-all;
-o-transition: 0.3s ease-all;
-webkit-transition: 0.3s ease-all;
outline:0;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:focus {
border-bottom: 2px solid #dcb428 !important;
transition: 0.3s ease-all;
-moz-transition: 0.3s ease-all;
-ms-transition: 0.3s ease-all;
-o-transition: 0.3s ease-all;
-webkit-transition: 0.3s ease-all;
outline:0;
}
form .width4, form .width12 {
text-align: center;
font-weight: normal;
}
form .width4 p, form .width12 p {
margin: 0;
}
label {
margin-top: 10px;
display: block;
font-size: 16px;
color: #2e2e2e;  font-family: 'GilroyRegular', sans-serif;
}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
height: 62px;
}
.ms-bullets.ms-dir-h.ms-align-bottom{
margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-submit.mybtn {
width: auto; margin: 0px auto;
margin-top: 20px;
border-radius: 35px;
padding: 12px 24px;
} input[type="text"], input[type="textarea"], textarea, input[type="email"] {
background-color: #f6f6f6;
border-radius: 30px;
} .search .news {
padding-top: 150px; }
body{
overflow-x: hidden !important;
} @media (max-width: 1023px) {
#expertise-inner h3 {
font-size: 17px;
}
}
@media (max-width: 767px) { #expertise-inner h3 {
font-size: 26px;
}
} .page-template-elementor_canvas #cookie-notice { font-size: 11px; line-height: 16px; }
.page-template-elementor_canvas #cookie-notice span#cn-notice-text {
font-size: 12px !important; }
.page-template-elementor_canvas .cookie-notice-container {
padding: 6px 6px 8px 6px; }
@media (max-width: 479px) {
.page-template-elementor_canvas.cookies-not-set .elementor {
margin-bottom: 10vh;
}
}
@media (max-width: 360px) {
.page-template-elementor_canvas.cookies-not-set .elementor {
margin-bottom: 15vh;
}
} .page-template-elementor_canvas .data-note {
width: 100%; }
#landing-mobile .etd_dw_form {
width: 96%; }
.landing-reset-p p {
margin-top: 0;
margin-bottom: 0;
font-size: unset !important;
}
.landing-reset-form form {
margin-top: 0;
}
.landing-reset-form input {
margin-bottom: 0;
}
.landing-widget-button-orange {
background-color: #8e7412; } .landing-iefix-maxwidth .elementor-image a {
max-width: 100%;
} .landing-txt-white p a {
color: #ffffff;
} .landing-reset-cf7 form {
margin-top: 0;
}
.landing-reset-cf7 .row > div {
padding-top: 0;
padding-bottom: 8px; }
.landing-reset-cf7 .row .width6 input {
padding-top: 12px; padding-bottom: 12px; margin-bottom: 8px; }
.landing-reset-cf7 .row .width12 input {
margin-bottom: 8px; }
.landing-reset-cf7 .row .width12 input[type="submit"] {
margin-top: 0;
margin-bottom: 0;
padding: 18px 40px;
letter-spacing: 1px;
font-size: 16px;
white-space: normal; background-color: #8e7412; } .landing-reset-table table,
.landing-reset-table thead,
.landing-reset-table tbody,
.landing-reset-table tfoot,
.landing-reset-table tr,
.landing-reset-table th,
.landing-reset-table td {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
border-collapse: inherit;
border-spacing: 0;
border-color: inherit;
vertical-align: inherit;
text-align: left;
font-weight: inherit;
-webkit-border-horizontal-spacing: 0;
-webkit-border-vertical-spacing: 0;
}
.landing-reset-table, .landing-reset-table td {
display: inline;
} .elementor .landing-legal p a {
color: #999;
} .landing-bg-gradient-grey {
border: 1px solid #eee;
border-bottom: 2px solid #DDD;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; background: -moz-linear-gradient(-45deg, rgba(125,185,232,0) 0%, rgba(41,70,107,0.1) 100%) !important; background: -webkit-linear-gradient(-45deg, rgba(125,185,232,0) 0%,rgba(41,70,107,0.1) 100%) !important; background: linear-gradient(135deg, rgba(125,185,232,0) 0%,rgba(41,70,107,0.1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1a29466b',GradientType=1 ) !important; }
.landing-bg-gradient-grey.landing-bg-border-left-right-none {
border-left: none;
border-right: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
} .page-template-elementor_canvas div.wpcf7-response-output {
border: none;
}  .page-id-1109 #start-quiz {
display: none;
}
#start-quiz a {
background-color: #8e7412; border-radius: 25px 25px 25px 25px;
color: #fff !important;
cursor: pointer;
padding: 14px 24px;
font-size: 14px !important;
width: auto;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
font-weight: bold;
transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
display: block;
text-align: center;
}
.hdq_quiz {
display: none;
max-width: 100% !important;
}
.hdq_quiz.active {
display: block;
}
.hdq_question h3 {
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
color: #1e1e1e !important;
font-size: 18px !important;
}
.hdq_label_answer {
font-size: 16px !important;
color: #2e2e2e  !important;
font-family: 'GilroyRegular', sans-serif;
text-align: left !important;
padding: 0 !important;
}
.hdq_question {
background: transparent !important;
border-bottom: 0 none !important;
}
.hdq-options-check label {
color: #7a7a7a !important;
} .hdq-options-check .hdq_toggle::before {
background: #7a7a7a !important;
box-shadow: none !important
} .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle::before {
background: #dcb428 !important;
box-shadow: none !important
}
.hdq_row:hover {
background: transparent !important;
opacity: .75 !important;
}
.hdq_results_wrapper h2, .hdq_result {
display: none !important
}
.hdq_results_wrapper {
padding: 22px 0 !important;
}
.hdq_results_inner a, .hdq_next_button.hdq_button, .hdq_finsh_button.hdq_button {
background-color: #8e7412; border-radius: 25px 25px 25px 25px;
color: #fff !important;
cursor: pointer;
padding: 10px 24px;
font-size: 14px !important;
width: auto;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
font-weight: bold;
transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
display: block;
width: 100%;
text-align: center;
}
.hdq_next_button.hdq_button {
background-color: #7a7a7a !important;
}
.page-id-843 #main {
height: 100vh;
} .asq-theme.asq-theme-buzzfeed .button.button-salmon {
background-color: #8e7412 !important;
border-radius: 25px 25px 25px 25px;
color: #fff;
cursor: pointer;
padding: 12px 24px;
font-size: 14px;
width: 100%;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif;
font-weight: bold;
}
.quiz-page .quiz-question-title {
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
color: #1e1e1e !important;
font-size: 18px !important;
}
.asq-theme.asq-theme-buzzfeed .quiz-question-answer {
border: 0 none !important;
background: transparent !important;
margin-bottom: 0 !important;
}
.asq-theme.asq-theme-buzzfeed .quiz-question {
border-bottom: 2px solid #ccc;
padding-bottom: 20px;
}
.asq-theme.asq-theme-buzzfeed .quiz-question-answer-holder label {
text-align: left;
}
.asq-theme.asq-theme-buzzfeed .quiz-question-answer-holder:hover label:before, .asq-theme.asq-theme-buzzfeed .ari-checkbox:checked + .ari-checkbox-label:before {
color: #dcb428 !important;
}
.asq-theme.asq-theme-buzzfeed .quiz-question-title {
margin-left: 15px !important;
margin-right: 15px !important;
}
.asq-theme.asq-theme-buzzfeed .quiz-result {
border: 0 none !important;
background-color: transparent !important;
margin: 0 !important;
padding: 0 !important;
}
.asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .quiz-title, .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .quiz-score {
display: none !important;
}
.result-content p {
padding: 0 !important:
}
.asq-theme.asq-theme-buzzfeed .quiz-result-wrapper {
margin-top: 32px;
}
.result-title {
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
color: #1e1e1e !important;
padding-left: 15px;
font-size: 26px !important;
}
.result-content a {
background-color: #8e7412; border-radius: 25px 25px 25px 25px;
color: #fff !important;
cursor: pointer;
padding: 10px 24px;
font-size: 14px !important;
width: auto;
text-transform: uppercase;
font-family: 'GilroyExtraBold', sans-serif !important;
font-weight: bold;
transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
display: block;
width: 100%;
text-align: center;
} .featured-slider .elementor-image-carousel-caption {
display: none;
}
 @media (max-width: 1400px){
#home-welcome {
padding-left: 20px;
}
section.elementor-element.elementor-element-6tck9dm.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
top: 25%;
}
}
@media (max-width: 1140px){
h1 {
font-size: 42px;
color: #FFF;
}
.page-id-836 .full-slider .slick-list, .full-slider .slick-slider {
height: 100% !important;
}
#ken{
bottom: 0px !important;
position: absolute;
margin: 0 auto; width: 70%;
left: 15%;
}
a.elementor-button-link.elementor-button {
margin: 0px 15px !important;
}
}
@media (max-width: 960px){
.ms-info li {
font-size: 60px;
}
.ms-info li.info-small {
font-size: 34px;
}
input[type="checkbox"] {
top: 0;
} nav li {
padding: 12px 14px; }
}
@media (max-width: 767px){
.page-id-843 #main {
height: auto;
}
.next-article.wrapper .elementor-element { 
width: 100% !important;
margin-bottom: 0 !important;
}
.master-slider-parent {
margin-top: 65px;
}
.ms-info li { 
font-size: 34px;
}
.ms-info li.info-small {
font-size: 19px;
}
.ms-slide-info.ms-dir-v.ms-align-right {
transform: translate(0%, -62%);
-webkit-transition: translate(0%, -62%);
-ms-transition: translate(0%, -62%);
-moz-transition: translate(0%, -62%);
-o-transition: translate(0%, -62%);
}
a.custom-logo-link img {
width: 155px;
}  .showmobile{
display: block;
}
.yelb .elementor-widget-container {
width: 300px;
position: relative;
left: 50%;
transform: translate(-50%,0%);
-webkit-transition: translate(-50%,0%);
-ms-transition: translate(-50%,0%);
-moz-transition: translate(-50%,0%);
-o-transition: translate(-50%,0%);
z-index: 3;
}
a.elementor-button-link.elementor-button.elementor-size-sm { 
margin-bottom: 10px !important;
}
.about-text{
padding-left: 0px !important;
padding-right: 0px !important;
}
.hidemobile{
display: none;
}	
.showmobile .elementor-col-50:first-of-type {
width: 35% !important;
}	
.showmobile .elementor-col-50:last-of-type {
width: 65% !important;
}
a.elementor-button-link.elementor-button {
margin: 0px 15px !important;
}	
#ken{
position: relative;
bottom: -20px !important;
width: 80%; left: 0;
}	
.elementor-col-33, .elementor-col-50 {
width: 100% !important;
}	
.elementor-element.elementor-element-c481492.elementor-column.elementor-col-33.elementor-inner-column, .elementor-element.elementor-element-4aa0ed6a, .elementor-element-3f45b457, .elementor-element-70ec6edb {
text-align: center;
margin-bottom: 35px;
}	
nav li {
float: left;
padding: 20px 20px;
}	
.site-header {
height: 70px;
padding: 0px;
}	
ul#menu-mainmenu {
width: 100% !important;
left: 0px;
text-align: center;
}	
li#menu-item-2742 {
display: none !important;
}	
p.sort-text {
height: 220px;
}	
#logo img{
height: 63px;
}	
#nav-trigger {
height: 30px;
width: 30px;
cursor: pointer;
display: block;
position: absolute;
right: 20px;
top: 19px;
z-index: 1005;
}		
#nav-trigger span {
top: 23px;
}		
#nav-trigger span, #nav-trigger span:before, #nav-trigger span:after {
backface-visibility: hidden;
background-color: #efefef;
content: '';
display: block;
height: 3px;
margin-top: 10px;
position: absolute;
width: 30px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}		
#nav-trigger span:after {
margin-bottom: 2px;
}		
#nav-trigger span, #nav-trigger span:before {
margin-top: -10px;
}		
#nav-trigger.active span, #nav-trigger.active span::before, #nav-trigger.active span::after {
height: 3px;
}		
#nav-trigger.active span {
background-color: transparent;
}		
#nav-trigger.active span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 0;
}	
#nav-trigger.active span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -10px;
}
#primary-navigation, #primary-navigation.active {
width: 100%;
height: 100%;
left: -100%;
margin-top: -25px;
z-index: 9999;
display: block;
overflow: hidden;
text-align: center;
transition: ease-in 0.3s;
-webkit-transition: ease-in 0.3s;
-ms-transition: ease-in 0.3s;
-moz-transition: ease-in 0.3s;
-o-transition: ease-in 0.3s;
position: fixed;
}
#primary-navigation.active.toggle{
display: block;
background: #222;
color: #fff;
left: 0;
transition: cubic-bezier(0, 0.28, 0.45, 1.66) 0.5s;
-webkit-transition:  cubic-bezier(0, 0.28, 0.45, 1.66) 0.5s;
-ms-transition:  cubic-bezier(0, 0.28, 0.45, 1.66) 0.5s;
-moz-transition:  cubic-bezier(0, 0.28, 0.45, 1.66) 0.5s;
-o-transition: cubic-bezier(0, 0.28, 0.45, 1.66) 0.5s;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
}
.social.showmobile {
margin-top: 5%;
}
.toggle-close.active{
display: block;
}
#menu-mainmenu.active{
display: block;
}
.nav-menu{
width: 100%;
}
.nav-menu > li{
width: 100%;
margin-right: 0;
}
.nav-menu li:first-child {
margin-top: 10%;
}
.nav-menu li:last-child{
border-bottom: none;
}
.nav-menu li a{
color: #fff !important;
font-size: 1em;
}
.nav-menu li a:hover{
color: #000;
}
.nav-menu li a:hover{
}
.nav-menu .sub-menu{
position: relative;
}
.nav-menu .sub-menu li a{
border-bottom: none;
color: #000;
}
ul.sub-menu.active {
width: 100%;
}	
ul li ul li {
width: 100%;
}	
.nav-menu .sub-menu .current-menu-item a{
background: #591e7f;
border-radius: 0px;
}
.nav-menu li:hover .sub-menu{
display: none;
}	
.nav-menu .sub-menu:before{
background: none;
}
.nav-menu .sub-menu li:hover a{
color: #fff;
}
.nav-menu .sub-menu li.current_page_item a{
background: #000;
color: #fff;
}
.nav-menu li{
position: relative;
}
.toggle-subemenu{
display: block;
width: 48px;
height: 48px;
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/toggle-sub.png) no-repeat;
background-position: center center;
position: absolute;
right: 0px;
z-index: 200;
top: 0;
}
.toggle-subemenu.active{
background: url(//kenjohnsonfocusup.com/wp-content/themes/blank/images/toggle-sub-active.png) no-repeat;
background-position: center center;
}
.nav-menu.active{
display: block;
}
.nav-menu li{
border-right: none;
}
.phonebox {
display: none;
}
#masthead #menu-mainmenu li a {
font-size: 16px;
padding: 10px 0px;
display: block;
font-family: 'Roboto Condensed', sans-serif;
color: #999;
transition: ease-in 0.1s;
-webkit-transition:  ease-in 0.1s;
-ms-transition:  ease-in 0.1s;
-moz-transition:  ease-in 0.1s;
-o-transition: ease-in 0.1s;
}	
#masthead #menu-mainmenu li {
padding: 0px;
margin: 0px !important;
}	
#masthead #menu-mainmenu li a:hover {
color: #64B8E1;
border-bottom: 0px solid #64B8E1;
padding: 10px 0px;
}	
.buchen a {
padding: 10px 15px !important;
}	
#primary-navigation.toggle {
background: #222;
}	
.nav-menu li a {
background: rgba(255, 255, 255, 0);
color: #333;
}	
.full-slider .slick-list, .full-slider .slick-slider {
height: 100% !important;
}	
progress {
width: 100%;
}	
.standard-p p {
padding-left: 15px !important;
}	
h1.elementor-heading-title.elementor-size-default ,h3.elementor-heading-title.elementor-size-default {
padding-left: 15px;
}	
.spacing-top {
margin-top: 45px;
} #expertise-inner .spacing-top {
margin-top: 60px;
}
.spacing-20 {
width: 50% !important;
}	
.width4 {
width: 100%;
}	
figure.elementor-image-box-img {
margin-bottom: 30px !important;
}
#service-text .elementor-button-wrapper {
text-align: center;
}
}
@media (max-width: 760px){
form.wpcf7-form {
margin-left: 0px;
}	
.wpcf7 p {
padding-left: 0px !important;
}
input.wpcf7-form-control.wpcf7-submit.mybtn {
margin: 0px auto;
}
.elementor-3184 .elementor-element.elementor-element-71yaq3s > .elementor-widget-container {
margin: 24px 0px 50px 0px !important;
}
.page-id-836 img.slick-slide-image {
height: 500px !important;
}
.page-id-3189 span {
font-size: 20px !important;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
p {
font-size: 18px;
}
.elementor-3192 .elementor-element.elementor-element-6xqzs8g iframe {
height: 440px !important;
}
.ms-slide img {
display: block;
max-width: 100% !important;
max-height: auto !important;
width: auto !important;
height: auto !important;
}  }
@media (max-width: 600px){
.ms-info li {
font-size: 24px;
}
.ms-info li.info-small {
font-size: 14px;
}
#yelbskewabout {
margin-top: 40px;
}
#about .elementor-button-wrapper {
text-align: center;
margin: 40px;
} #about #expertise-inner .elementor-button-wrapper {
margin: 0;
}
.yelb {
margin-top: 40px;
}
.yelb .elementor-widget-heading .elementor-heading-title {
padding-top: 0;
}
#yelbskew {
height: 150px;
}
.master-slider {
margin-top: 70px !important;
}
.ms-slide-info.ms-dir-v.ms-align-right {
width: 360px !important;
}
.width6 {
width: 100%;
}
#ken{
position: relative;
bottom: 0 !important;
}
#books .elementor-col-10 {
width: 50% !important;
float:left;
margin-bottom: 15px;
}
}
@media (max-width: 550px){}
@media (max-width: 550px){}
@media (max-width: 450px){
img.custom-logo {
width: 170px;
}
}
@media (max-width: 450px){}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}