/* * FLYNOW.RU MAIN CSS FILE * WEB: CRUISE.FLYNOW.RU * CODE BY: JASTA [WWW.JASTA.RU] * DATE: 20/02/2019 -> 29/03/2019 */ /* * @FONT-FACE */ @font-face{font-family:'Geometria';src:url(fonts/Geometria-Thin.eot);src:local('Geometria Thin'),local(Geometria-Thin),url(fonts/Geometria-Thin.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-Thin.woff) format("woff"),url(fonts/Geometria-Thin.ttf) format("truetype");font-weight:100;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria-Heavy.eot);src:local('Geometria Heavy'),local(Geometria-Heavy),url(fonts/Geometria-Heavy.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-Heavy.woff) format("woff"),url(fonts/Geometria-Heavy.ttf) format("truetype");font-weight:900;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria-Medium.eot);src:local('Geometria Medium'),local(Geometria-Medium),url(fonts/Geometria-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-Medium.woff) format("woff"),url(fonts/Geometria-Medium.ttf) format("truetype");font-weight:500;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria.eot);src:local(Geometria),url(fonts/Geometria.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria.woff) format("woff"),url(fonts/Geometria.ttf) format("truetype");font-weight:400;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria-Bold.eot);src:local('Geometria Bold'),local(Geometria-Bold),url(fonts/Geometria-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-Bold.woff) format("woff"),url(fonts/Geometria-Bold.ttf) format("truetype");font-weight:700;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria-ExtraBold.eot);src:local('Geometria ExtraBold'),local(Geometria-ExtraBold),url(fonts/Geometria-ExtraBold.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-ExtraBold.woff) format("woff"),url(fonts/Geometria-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria-Light.eot);src:local('Geometria Light'),local(Geometria-Light),url(fonts/Geometria-Light.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-Light.woff) format("woff"),url(fonts/Geometria-Light.ttf) format("truetype");font-weight:300;font-style:normal} @font-face{font-family:'Geometria';src:url(fonts/Geometria-ExtraLight.eot);src:local('Geometria ExtraLight'),local(Geometria-ExtraLight),url(fonts/Geometria-ExtraLight.eot?#iefix) format("embedded-opentype"),url(fonts/Geometria-ExtraLight.woff) format("woff"),url(fonts/Geometria-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal} @font-face{font-family:'Uni Sans Heavy CAPS';src:url(fonts/UniSansHeavyCAPS.eot);src:local('Uni Sans Heavy CAPS'),local(UniSansHeavyCAPS),url(fonts/UniSansHeavyCAPS.eot?#iefix) format("embedded-opentype"),url(fonts/UniSansHeavyCAPS.woff) format("woff"),url(fonts/UniSansHeavyCAPS.ttf) format("truetype");font-weight:900;font-style:normal} /* * GENERAL */ *:focus {outline: none;} select {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';appearance: none;border: none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} select::-ms-expand {display: none;} textarea {resize: none;} ul {list-style-type: none;} html {font-size: 100%;} body {font-size: 15px;line-height: 25px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: Geometria, sans-serif;color: #585858;font-weight: 400;overflow-x: hidden;background-color:#401fd3;} h1,h2,h3,h4,h5,h6 {font-family: 'Uni Sans Heavy CAPS', sans-serif;color: #ffffff;font-weight: 900;font-variant-ligatures: common-ligatures;margin-top: 0;margin-bottom: 0;} h1 { font-size: 48px; line-height: 60px; background-image: linear-gradient(to right, rgba(4, 148, 182, .6), rgba(32, 57, 97, .6)); border-radius: 0 0 7px 7px; } /* h1 {font-size:48px;line-height:60px;} */ h2 {font-size:48px;line-height:60px;} h3 {font-size:38px;line-height:44px;} h4 {font-size:36px;line-height:40px;} h5 {font-size:24px;line-height:28px;} h6 {font-size:18px;line-height:22px;} a{font-family: Geometria, sans-serif;color: #ffffff;text-decoration: none;} a:hover,a:focus,a:active {font-family: Geometria, sans-serif;color: #ffffff;text-decoration: none;} .clearfix {overflow: auto;} .va-mid {vertical-align:middle;} .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .fleft {float: left;} .fright {float: right;} .bc-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .ptpb18 {padding: 18px 0px;} .ptpb70 {padding: 70px 0px;} .pfooter {padding: 50px 0px 80px 0px;} .pt122 {padding-top:122px;} .mt16 {margin-top: 16px;} .mt55 {margin-top: 55px;} .mt85 {margin-top: 85px;} .mt118 {margin-top: 118px;} .mt125 {margin-top: 125px;} .mt205 {margin-top: 205px;} .mb90 {margin-bottom: 90px;} .mb118 {margin-bottom: 118px;} .ml4 {margin-left: 4px;} .ml8 {margin-left: 8px;} .ml17 {margin-left: 17px;} .ml30 {margin-left: 30px;} .mr15 {margin-right: 15px;} .mr25 {margin-right: 25px;} .mr50 {margin-right: 50px;} .mr113 {margin-right: 113px;} .mt74ml110 {margin-top: 74px;margin-left: 110px;} .mt126ml150 {margin-top: 126px;margin-left: 150px;} .flynow-form-underline {width: 236px;height: 1px;background-color: #ffffff;opacity: 0.12;margin: 18px 0px 50px 0px;} .idle {transition: all 0.6s ease;transform: rotateZ(0deg);} .rotator180 {transition: all 0.6s ease;transform: rotateZ(-180deg);} /* * FLYNOW IMAGE SPRITE */ .flynow-s5-cta-top, .flynow-flynow-logo, .flynow-icon-compass-big-white, .flynow-title-wave-red, .flynow-title-wave-white, .flynow-icon-compass, .flynow-costa-logo, .flynow-icon-mail-white, .flynow-icon-coctail, .flynow-map-pin-big, .flynow-icon-globe-white, .flynow-icon-ship-white, .flynow-icon-ship, .flynow-map-pin-medium, .flynow-social-fb, .flynow-social-tw, .flynow-social-vk, .flynow-icon-calendar, .flynow-icon-phone2, .flynow-phone, .flynow-mail, .flynow-icon-ship-small, .flynow-form-phone, .flynow-icon-phone, .flynow-icon-pin, .flynow-icon-weather-sun, .flynow-slider-arrow-left, .flynow-slider-arrow-right, .flynow-arrow-list, .flynow-arrow-right { display: inline-block; background: url('../images/flynow-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } /* - IMAGES ------------- */ .flynow-s5-cta-top { background-position: -5px -0px; width: 404px; height: 82px; } .flynow-flynow-logo { background-position: -5px -87px; width: 125px; height: 36px; } .flynow-icon-compass-big-white { background-position: -135px -87px; width: 65px; height: 65px; } .flynow-title-wave-red { background-position: -205px -87px; width: 51px; height: 7px; } .flynow-title-wave-white { background-position: -261px -87px; width: 51px; height: 7px; } .flynow-icon-compass { background-position: -317px -87px; width: 49px; height: 49px; } .flynow-costa-logo { background-position: -205px -99px; width: 47px; height: 29px; } .flynow-icon-mail-white { background-position: -257px -99px; width: 45px; height: 30px; } .flynow-icon-coctail { background-position: -5px -128px; width: 41px; height: 53px; } .flynow-map-pin-big { background-position: -51px -128px; width: 40px; height: 51px; } .flynow-icon-globe-white { background-position: -205px -133px; width: 37px; height: 47px; } .flynow-icon-ship-white { background-position: -96px -128px; width: 34px; height: 36px; } .flynow-icon-ship { background-position: -371px -87px; width: 28px; height: 27px; } .flynow-map-pin-medium { background-position: -371px -119px; width: 26px; height: 31px; } .flynow-social-fb { background-position: -247px -134px; width: 26px; height: 26px; } .flynow-social-tw { background-position: -278px -134px; width: 26px; height: 26px; } .flynow-social-vk { background-position: -309px -141px; width: 26px; height: 26px; } .flynow-icon-calendar { background-position: -340px -141px; width: 24px; height: 23px; } .flynow-icon-phone2 { background-position: -369px -155px; width: 24px; height: 11px; } .flynow-phone { background-position: -135px -157px; width: 24px; height: 12px; } .flynow-mail { background-position: -164px -157px; width: 22px; height: 22px; } .flynow-icon-ship-small { background-position: -247px -165px; width: 21px; height: 17px; } .flynow-form-phone { background-position: -273px -165px; width: 18px; height: 22px; } .flynow-icon-phone { background-position: -96px -169px; width: 18px; height: 23px; } .flynow-icon-pin { background-position: -340px -169px; width: 16px; height: 23px; } .flynow-icon-weather-sun { background-position: -361px -171px; width: 16px; height: 16px; } .flynow-slider-arrow-left { background-position: -382px -171px; width: 13px; height: 22px; } .flynow-slider-arrow-right { background-position: -296px -172px; width: 13px; height: 22px; } .flynow-arrow-list { background-position: -119px -169px; width: 11px; height: 7px; } .flynow-arrow-right { background-position: -191px -157px; width: 9px; height: 16px; } .flynow-icon-email { display: inline-block;width: 22px;height: 22px;float: left;margin-top: 2px;} /* * HEADER */ .navbar-fixed-top {top: 0;position: fixed;right: 0;left: 0;z-index: 1030;webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .sticky-header{background-color: #401fd3;webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .navbar-fixed-top {height:93px;border-bottom: 1px solid rgb(255, 255, 255);border-bottom: 1px solid rgba(255, 255, 255, .15);width: 100%;} #flynow-header-slogan {float:left;padding-left:43px;padding-right:56px;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: 0.6px;} ul.flynow-header-social li {float:left;height:26px;padding-right:10px;padding-top:5px;} .flynow-header-social :last-child {padding-right:0px;} #flynow-header-slogan2 {float:left;padding-left:56px;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 300;line-height: 16px;letter-spacing: 1.2px;} header .mobile-menu {display: none;} #flynow-header-phone {display: inline-block;vertical-align:middle;color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0.22px;padding-right:46px;} .flynow-header-phone-a {text-decoration:none;padding-left:26px;color:#ffffff;} #flynow-header-cta {display: inline-block;vertical-align:middle;} .flynow-header-btn-cta {float: right;width: 160px;height: 36px;border: 2px solid #ff6258;border-radius: 20px;background-color: transparent;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 400;line-height: 32px;letter-spacing: 0.8px;text-decoration:none;text-align: center;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-header-btn-cta:hover {background-color:#ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /* * BACKGROUND IMGS */ #flynow-section1 {background-image:url(../images/section-bg/section-bg1.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} #flynow-section2 {background-image:url(../images/section-bg/section-bg2.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} /*#flynow-section4 {background-image:url(../images/section-bg/section-bg4.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;}*/ #flynow-section5 {background-image:url(../images/section-bg/section-bg5.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} #flynow-section6 {background-image:url(../images/section-bg/section-bg6.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} /* * SECTION #1 */ #flynow-section1 {max-width: 100%;height: 949px;} #flynow-section1-wrapper {display: block;width: 1040px;height: auto;position: inherit;margin: auto; margin-top: 230px;} .flynow-section1-info {color: #ffffff;font-family: Geometria, sans-serif;font-size: 30px;font-weight: 300;line-height: 44.78px;letter-spacing: 1.51px;text-transform: lowercase; background-image: linear-gradient(to right, rgba(4, 148, 182, .6), rgba(32, 57, 97, .6)); border-radius: 7px 7px 0 0;} #flynow-section1 h1 {letter-spacing: 2.5px;line-height: 88px;font-weight: 400;} .flynow-tour-searchbar {display: inline-block;width: 100%;height: 62px;background-color: #ffffff;border-radius: 4px;margin: 140px auto 0;} #flynow-section1 .flynow-searchbar-btn {width: 160px;height: 50px;background-color: #fe5f55;border-radius: 4px;border: none;text-transform: uppercase;color: #ffffff;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 800;line-height: 16.99px;letter-spacing: 2.6px;margin: 6px 6px 6px 6px;text-align: center;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2,.flynow-tour-searchbar-f3,.flynow-tour-searchbar-f4 {color: #4b4b4b;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 500;line-height: 14.9px;letter-spacing: 0.5px;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2,.flynow-tour-searchbar-f3 {border-right: 1px solid #e3e3e3;line-height: 60px;} .flynow-tour-searchbar-f4 {line-height: 62px;} .flynow-tour-searchbar input,.flynow-tour-searchbar select {border: none;width: 100%;} .flynow-tour-searchbar-f1 select {padding: 0px 45px 0px 45px;background: transparent;border-radius: 4px;position: relative;z-index: 88;} .flynow-tour-searchbar-f1 {width:23%; position: relative;} .flynow-tour-searchbar-f1 .flynow-icon-pin-span {position: absolute; left: 0; top: 7px; margin: 0px 17px;} .flynow-tour-searchbar-f1 .flynow-arrow-list-span {position: absolute; right: 0; top: -1px; margin: 0px 24px 0px 20px;z-index: 84;} .flynow-tour-searchbar-f2 select {padding: 0px 0px 0px 55px;background: transparent;position: relative;z-index: 88;} .flynow-tour-searchbar-f2 {width:20%; position: relative;} .flynow-tour-searchbar-f2 .flynow-icon-ship-span {position: absolute; left: 0; top: 7px; margin: 0px 17px;} .flynow-tour-searchbar-f2 .flynow-arrow-list-span {position: absolute; right: 0; top: -1px; margin: 0px 24px 0px 20px;z-index: 84;} .flynow-tour-searchbar-f3 input {padding: 0px 0px 0px 54px;background: transparent;position: relative;z-index: 88;} .flynow-tour-searchbar-f3 {width:19%; position: relative;} .flynow-tour-searchbar-f3 .flynow-icon-calendar-span {position: absolute; left: 0; top: 6px; margin: 0px 17px;} .flynow-tour-searchbar-f3 .flynow-arrow-list-span {position: absolute; right: 0; top: -1px; margin: 0px 24px 0px 20px;z-index: 84;} .flynow-tour-searchbar-f4 input {padding: 0px 0px 0px 45px;background: transparent;border-radius: 4px;} .flynow-tour-searchbar-f4 {width:21%; position: relative;} .flynow-tour-searchbar-f4 .flynow-icon-phone-span {position: absolute; left: 0; top: 5px; margin: 0px 17px;} .flynow-tour-searchbar-f4 .flynow-arrow-list-span {position: absolute; right: 0; top: -1px; margin: 0px 10px 0px 20px;} #flynow-popup2 input {padding: 0px 0px 0px 4px;} /* * SECTION #2 */ #flynow-section2 {max-width: 100%;height: 862px;} #flynow-section2 .flynow-title-wave-red {display: block;margin: 112px auto 28px;} .flynow-s2-process {display: inline-block;} #flynow-s2-col1,#flynow-s2-col2,#flynow-s2-col3,#flynow-s2-col4 {width: 201px;float: left;display: inline-block;vertical-align: middle;} #flynow-section2 .flynow-arrow-right {float: left;margin-top: 22px;} #flynow-section2 .flynow-icon-mail-white {margin-top: 23px;margin-bottom: 17px;} #flynow-section2 .flynow-icon-compass {margin-top: 5px;margin-bottom: 16px;} #flynow-section2 .flynow-icon-globe-white {margin-top: 6px;margin-bottom: 17px;} #flynow-section2 .flynow-icon-coctail {margin-bottom: 17px;} #flynow-section2 .flynow-s2-bold {color: #fffbfb;font-family: Geometria, sans-serif;letter-spacing: 0.07px;font-size: 18px;font-weight: 500;line-height: 24px;margin-bottom: 2px;} .flynow-s2-process p {color: #fffbfb;font-family: Geometria, sans-serif;font-size: 16px;font-weight: 300;letter-spacing: 0.06px;line-height: 20px;} #flynow-s2-cta {width: 524px;display: block;margin: auto;} #flynow-s2-cta form {margin: auto;display: block;width: 524px;} #flynow-s2-cta .flynow-icon-phone {margin-left: 10px;} #flynow-s2-cta #fakebutton {width: 236px;height: 63px;box-shadow: 0px 0px 20px rgba(255, 98, 88, 0.8);border-radius: 50px;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s2-cta #fakebutton:hover {color: #ffffff; background-color: #ff6258;box-shadow: 0px 0px 0px rgba(255, 98, 88, 0);webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s2-cta button[type=submit] {color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 700;text-align: center;padding: 0px;text-transform: uppercase;letter-spacing: 3.5px;width: 236px;height: 63px;box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 1);border-radius: 50px;border: 6px solid #ff6258;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s2-cta button[type=submit]:hover { box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 0); border: 6px solid #ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .callback-form input::placeholder {/* FF */color: #ffffff;opacity: 1;} .callback-form input:-ms-input-placeholder {/* IE */color: #ffffff;} .callback-form input::-ms-input-placeholder {/* ME */color: #ffffff;} #flynow-section2 .flynow-form-underline {margin: 18px 0px 0px 0px;} /* * SECTION #3 */ #flynow-section3 {background-color: #4725d9;} #flynow-section3 .flynow-title-wave-red {display: block;margin: 118px auto 30px;} #flynow-section3 .s3-top-title h4 {line-height: 48px;} .flynow-s3-offer {width: 100%;height: 434px;box-shadow: 0 0 35px 8px rgba(148, 148, 148, 0.1);background-color: #ffffff;border-radius:4px;} .flynow-s3-offer img {border-top-left-radius: 4px;border-top-right-radius: 4px;} #flynow-section3 .flynow-searchbar-btn {width: 160px;height: 50px;background-color: #fe5f55;border-radius: 4px;border: none;text-transform: uppercase;color: #ffffff;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 800;line-height: 16.99px;letter-spacing: 2.6px;margin: 6px 6px 6px 6px;text-align: center;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2,.flynow-tour-searchbar-f3 {color: #4b4b4b;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 500;line-height: 14.9px;letter-spacing: 0.5px;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2 {border-right: 1px solid #e3e3e3;line-height: 60px;} .flynow-tour-searchbar-f3 {line-height: 62px;} .flynow-s3-offer-content {padding: 22px 24px 19px} .flynow-s3-offer-r1 {margin-bottom:25px;color: #000000;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 500;line-height: 18px;letter-spacing: 0.4px;} .flynow-s3-offer-r2 {margin-bottom:8px;} .flynow-s3-offer-r3 {margin-bottom:20px;} .flynow-s3-offer-r2,.flynow-s3-offer-r3 {color: #606060;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 500;} .flynow-s3-offer-r4 {color: #2c2c2c;font-family: Geometria, sans-serif;font-size: 16px;font-weight: 400;vertical-align: middle;} .flynow-s3-offer-button {display: block;width: 107px;height: 32px;border-radius: 20px;text-align: center;background-color: #3935d1;vertical-align: middle;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-s3-offer-button a {display: block;margin-top: 2px;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 500;} .flynow-s3-offer-button:hover {opacity: 0.90;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-s3-offer-price {padding-top: 12px;} #flynow-section3 .flynow-costa-logo {margin-top: 3px;} .flynow-s3-offer-price-value {color: #2c2c2c;font-family: Geometria, sans-serif;font-size: 21px;font-weight: 400;} .flynow-s3-offer-price-rub {opacity: 0.82;color: #2c2c2c;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 400;text-transform: uppercase;} .flynow-s3-form-cta {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 400;line-height: 18px;letter-spacing: 0.9px;} .s3-bottom-cta .flynow-title-wave-red {display: block;margin: 115px auto 30px;} #flynow-section3 .s3-bottom-cta h4 {line-height: 28px; margin-bottom: 18px;} #flynow-section3 .flynow-tour-searchbar {margin: 78px auto 118px;} /* * SECTION #4 */ #flynow-section4 {max-width: 100%;height: 900px;} #flynow-section4 .flynow-title-wave-white {margin: auto;margin-top: 136px;margin-bottom: 34px;} #flynow-section4 h3 {padding-bottom: 42px;} .flynow-s4-tabs {width: 100%;margin: 0 auto;} ul.tabs{margin: 0px;padding: 0px;list-style: none;} ul.tabs li{background: #ffffff;color: #0e0e0e;display: inline-block;padding: 8px 20px;cursor: pointer;border-radius:20px;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 500;line-height: 12px;letter-spacing: 0.3px;} ul.tabs li.current{background: #4221d6;color: #ffffff;} .tab-content{display: none;max-width: 374px;background: transparent;padding: 85px 0px 165px 0px;margin: auto;border-radius: 4px;} .tab-content.current{display: inherit;} .flynow-s4-slider {max-width: 374px;height: auto;border-radius: 4px;} .flynow-s4-slick-slide {width: 374px;height: 335px;background: #4725d9;} #flynow-section4 #fakebutton {width: 236px;height: 63px;margin: auto;box-shadow: 0px 0px 20px rgba(255, 98, 88, 0.8);border-radius: 50px;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-bottom: 45px;} #flynow-section4 #fakebutton:hover {color: #ffffff; background-color: #ff6258;box-shadow: 0px 0px 0px rgba(255, 98, 88, 0);webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-section4 .flynow-btn-cta {display: block;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 700;text-align: center;padding: 0px;margin: auto;text-transform: uppercase;letter-spacing: 3.5px;width: 236px;height: 63px;line-height: 51px;text-decoration: none;box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 1);border-radius: 50px;border: 6px solid #ff6258;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-section4 .flynow-btn-cta:hover {box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 0);border: 6px solid #ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-s4-slick-slide-title {padding: 50px 0px 25px 0px;color: #ffffff;font-family: Geometria, sans-serif;font-size: 31px;font-weight: 500;letter-spacing: 0.1px;line-height:38px;} .flynow-s4-slick-slide p {padding-bottom: 48px;color: #ffffff;font-family: Geometria, sans-serif;font-size: 20px;font-weight: 400;} .flynow-s4-slick-slide-price {font-family: Geometria, sans-serif;font-weight: bold;letter-spacing: 0.31px;} .flynow-s4-slick-slide-rub {font-family: Geometria, sans-serif;font-size: 16px;letter-spacing: 0.24px;font-weight: 400;} /* * SECTION #5 */ #flynow-section5 {max-width: 100%;height: 900px;} .flynow-s5-stats {color: #ffffff;font-family: 'Geometria';font-size: 0px;font-weight: 800;line-height: 25px;letter-spacing: 0.6px;} #flynow-section5 .s5-cta-top {width: 404px;height: 82px;} #flynow-s5-info1 {line-height: 18px;font-size: 25px;} #flynow-s5-info2 {line-height: 20px;font-size: 27px;} #flynow-s5-info3 {line-height: 16px;font-size: 24px;} #flynow-s5-info1,#flynow-s5-info2,#flynow-s5-info3 {display: inline-block;} .flynow-s5-info-txt {opacity: 0.78;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;line-height: 10px;font-weight: 500;letter-spacing: 0.3px;} #flynow-s5-cta {width: 404px;height: 527px;padding: 34px 64px 54px 70px;background-color: #4523da;} #flynow-s5-cta .flynow-title-wave-red {display: block;margin-bottom: 14px;} #flynow-s5-title {color: #ffffff;font-family: 'Uni Sans Heavy CAPS', sans-serif;font-size: 36px;line-height: 44px;letter-spacing: 0.36px;} .callback-form input {background-color: transparent;border:none;color: #ffffff;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 300;line-height: 24px;letter-spacing: 1.05px;} #flynow-s5-cta p {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 300;line-height: 24px;letter-spacing: 0.45px;margin-top: 26px;margin-bottom: 58px;} #flynow-s5-cta .flynow-icon-phone {margin-left: 10px;} #flynow-s5-cta #fakebutton {width: 236px;height: 63px;box-shadow: 0px 0px 20px rgba(255, 98, 88, 0.8);border-radius: 50px;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s5-cta #fakebutton:hover {color: #ffffff; background-color: #ff6258;box-shadow: 0px 0px 0px rgba(255, 98, 88, 0);webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s5-cta button[type=submit] {color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 700;text-align: center;padding: 0px;text-transform: uppercase;letter-spacing: 3.5px;width: 236px;height: 63px;box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 1);border-radius: 50px;border: 6px solid #ff6258;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s5-cta button[type=submit]:hover {box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 0);border: 6px solid #ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .callback-form input::placeholder {/* FF */color: #ffffff;opacity: 1;} .callback-form input:-ms-input-placeholder {/* IE */color: #ffffff;} .callback-form input::-ms-input-placeholder {/* ME */color: #ffffff;} /* * SECTION #6 */ #flynow-section6 {max-width: 100%;height: 900px;} #flynow-section6 #flynow-s6-cta {margin-top: 205px;} #flynow-s6-cta p {margin-top: 28px;margin-bottom: 50px;} #flynow-section6 .flynow-title-wave-white {display: block;margin-bottom: 26px;} #flynow-s6-cta #fakebutton {width: 236px;height: 63px;box-shadow: 0px 0px 20px rgba(255, 98, 88, 0.8);border-radius: 50px;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s6-cta #fakebutton:hover {color: #ffffff; background-color: #ff6258;box-shadow: 0px 0px 0px rgba(255, 98, 88, 0);webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s6-cta .flynow-btn-cta {display: block;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 700;text-align: center;padding: 0px;text-transform: uppercase;letter-spacing: 3.5px;width: 236px;height: 63px;line-height: 51px;text-decoration: none;box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 1);border-radius: 50px;border: 6px solid #ff6258;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s6-cta .flynow-btn-cta:hover {box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 0);border: 6px solid #ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s6-cta p {opacity: 0.86;color: #ffffff;font-family: Geometria, sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.4px;} /* * SECTION #7 */ #flynow-s7-map {width: 100%;height: 633px;background-color: #4523da;box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);} #flynow-yamap {width: 100%;height: 633px;} #flynow-s7-cta {width: 100%;height: 633px;padding: 83px 84px;background-color: #4523da;box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);} #flynow-section7 .flynow-title-wave-red {display: block;margin-bottom: 21px;} #flynow-s7-title {color: #ffffff;font-family: 'Uni Sans Heavy CAPS', sans-serif;font-size: 36px;line-height: 44px;letter-spacing: 0.36px;} #flynow-s7-cta .flynow-icon-phone {margin-left: 10px;} .callback-form input {background-color: transparent;border:none;color: #ffffff;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 300;line-height: 24px;letter-spacing: 1.05px;} #flynow-s7-cta p {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 300;line-height: 24px;letter-spacing: 0.45px;margin: 51px 0px;} #flynow-s7-cta #fakebutton {width: 236px;height: 63px;box-shadow: 0px 0px 20px rgba(255, 98, 88, 0.8);border-radius: 50px;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s7-cta #fakebutton:hover {color: #ffffff; background-color: #ff6258;box-shadow: 0px 0px 0px rgba(255, 98, 88, 0);webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s7-cta button[type=submit] {color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 700;text-align: center;padding: 0px;text-transform: uppercase;letter-spacing: 3.5px;width: 236px;height: 63px;box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 1);border-radius: 50px;border: 6px solid #ff6258;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #flynow-s7-cta button[type=submit]:hover {box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 0);border: 6px solid #ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .callback-form input::placeholder {/* FF */color: #ffffff;opacity: 1;} .callback-form input:-ms-input-placeholder {/* IE */color: #ffffff;} .callback-form input::-ms-input-placeholder {/* ME */color: #ffffff;} /* * FOOTER */ #flynow-footer-copyright {float:left;padding-left:68px;opacity: 0.58;color: #ffffff;font-family: Geometria, sans-serif;font-size: 9px;font-weight: 700;letter-spacing: 0.22px;line-height: 36px;} #flynow-footer-office {float:left;padding-top: 3px;padding-left:90px;color: #fefefe;font-family: "Geometria";font-size: 12px;font-weight: 800;line-height: 16px;letter-spacing: 0.6px;} #flynow-footer-address {float:left;padding-top: 3px;padding-left:54px;font-family: "Geometria";font-weight: 300;line-height: 14.79px;color: #ffffff;font-size: 12px;letter-spacing: 0.4px;} #flynow-footer-phone {display: inline-block;vertical-align:middle;color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0.22px;padding-right:46px;} .flynow-footer-phone-a {text-decoration:none;padding-left:26px;color:#ffffff;} #flynow-footer-cta {display: inline-block;vertical-align:middle;} .flynow-footer-btn-cta {float: right;width: 160px;height: 36px;border: 2px solid #ff6258;border-radius: 20px;background-color: transparent;color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 400;line-height: 32px;letter-spacing: 0.8px;text-decoration:none;text-align: center;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-footer-btn-cta:hover {background-color:#ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /* * PLUGINS & STUFF */ /* - SPASIBO ------------- */ #flynow-spasibo {max-width: 100%;height: 100vh;background-image:url(../images/section-bg/section-bg1.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} #flynow-spasibo-wrapper {display: block;width: 1040px;height: auto;position: inherit;margin: auto; margin-top: 20%;} .flynow-spasibo-info {color: #ffffff;font-family: Geometria, sans-serif;font-size: 24px;font-weight: 300;line-height: 44.78px;letter-spacing: 1.51px;text-transform: lowercase;} #flynow-spasibo h1 {letter-spacing: 2.5px;line-height: 60px;font-weight: 400;} /* - SLICK SLIDER ------------- */ .slick-loading .slick-list {background: #fff url('./ajax-loader.gif') center center no-repeat;} @font-face {font-family: 'slick';font-weight: normal;font-style: normal;src: url('./fonts/slick.eot');src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');} .slick-prev,.slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 28px;height: 96px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: #ffffff;border: none;outline: none;background-color: #4025c6;border-radius: 4px;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {outline: none;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity: 1;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity: .25;} .slick-prev:before,.slick-next:before {line-height: 1;opacity: 1;color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-prev {left: -28px;} [dir='rtl'] .slick-prev {right: -28px;left: auto;} .slick-prev:before {content: '<';} [dir='rtl'] .slick-prev:before {content: '>';} .slick-next {right: -28px;} [dir='rtl'] .slick-next {right: auto;left: -28px;} .slick-next:before {content: '>';} [dir='rtl'] .slick-next:before {content: '<';} .slick-initialized .slick-slide {border-radius: 4px;} /* - SLICK SLIDER > SLICK.CSS ------------- */ .slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;} .slick-track:before, .slick-track:after {display: table;content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* - POP-UP STYLES ------------- */ .flynow-popup-cta-top {width: 404px;height: 82px;} .flynow-popup-cta {width: 404px;height: 490px;padding: 34px 64px 54px 70px;background-color: #4523da;} .flynow-popup-cta .flynow-title-wave-red {display: block;margin-bottom: 14px;} #flynow-popup-title {color: #ffffff;font-family: 'Uni Sans Heavy CAPS', sans-serif;font-size: 36px;line-height: 44px;letter-spacing: 0.36px;} .callback-form input {background-color: transparent;border:none;color: #ffffff;font-family: Geometria, sans-serif;font-size: 16px;font-weight: 300;line-height: 24px;letter-spacing: 1.05px;width: 200px;} .flynow-popup-cta p {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 300;line-height: 24px;letter-spacing: 0.45px;margin-top: 26px;margin-bottom: 58px;} .flynow-popup-cta .flynow-icon-phone {margin-left: 10px;} .flynow-popup-cta #fakebutton {width: 236px;height: 63px;box-shadow: 0px 0px 20px rgba(255, 98, 88, 0.8);border-radius: 50px;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-popup-cta #fakebutton:hover {color: #ffffff; background-color: #ff6258;box-shadow: 0px 0px 0px rgba(255, 98, 88, 0);webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-popup-cta button[type=submit] {color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 700;text-align: center;padding: 0px;text-transform: uppercase;letter-spacing: 3.5px;width: 236px;height: 63px;box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 1);border-radius: 50px;border: 6px solid #ff6258;background-color: transparent;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .flynow-popup-cta button[type=submit]:hover {box-shadow: inset 0px 0px 13px rgba(255, 98, 88, 0);border: 6px solid #ff6258;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #searchtourmsg,#message,#message-s5,#message-s7 {color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 400;line-height: 38px;letter-spacing: 0.4px;} #searchtourmsg {float: none;line-height: 20px;width: 100%;} #flynow-popup #message, #flynow-popup-s6 #message {color: #ffffff;font-family: Geometria, sans-serif;font-size: 12px;font-weight: 400;line-height: 24px;letter-spacing: 0.4px;margin-top: 10px;} #flynow-popup-s6 input {padding: 0px 0px 0px 4px;} #flynow-sended {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 800;line-height: 28px;letter-spacing: 0.5px;margin-top: 10px;} #flynow-done {color: #ffffff;font-family: Geometria, sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0.4px;margin-top: 10px;} /* - MAGNIFIC-POPUP ------------- */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000000;opacity:.9;} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044} .mfp-preloader a{color:#CCC} .mfp-preloader a:hover{color:#FFF} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;margin:112px 34px 0 0;z-index:1046;box-shadow:none;touch-action:manipulation} button::-moz-focus-inner{padding:0;border:0} .mfp-close{position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:1;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:48px} .mfp-close:hover,.mfp-close:focus{opacity:1} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#fff} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap} .mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1} .mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent} .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px} .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F} .mfp-arrow-right{right:0} .mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px} .mfp-arrow-right:before{border-left:27px solid #3F3F3F} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0} } @media all and (max-width:900px) { .mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75);} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;} .mfp-container{padding-left:10px;padding-right:10px;} } /* - DATEPICKER ------------- */ .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede} .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5} .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede} .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6} .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4} .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.1);color:#ccc} .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.2)} .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:none;border:none} .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1} .datepicker--cell.-focus-{background:#f0f0f0} .datepicker--cell.-current-{color:#4EB5E6} .datepicker--cell.-current-.-focus-{color:#4a4a4a} .datepicker--cell.-current-.-in-range-{color:#4EB5E6} .datepicker--cell.-in-range-{background:rgba(92,196,239,0.1);color:#4a4a4a;border-radius:0} .datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,0.2)} .datepicker--cell.-disabled-{cursor:default;color:#aeaeae} .datepicker--cell.-disabled-.-focus-{color:#aeaeae} .datepicker--cell.-disabled-.-in-range-{color:#a1a1a1} .datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae} .datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,0.5);background-color:rgba(92,196,239,0.1);border-radius:4px 0 0 4px} .datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,0.5);background-color:rgba(92,196,239,0.1);border-radius:0 4px 4px 0} .datepicker--cell.-range-from-.-range-to-{border-radius:4px} .datepicker--cell.-selected-{color:#fff;border:none;background:#5cc4ef} .datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef} .datepicker--cell.-selected-.-focus-{background:#45bced} .datepicker--cell:empty{cursor:default} .datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px} .datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em} .datepicker--cell-day{width:14.28571%} .datepicker--cells-months{height:170px} .datepicker--cell-month{width:33.33%;height:25%} .datepicker--years{height:170px} .datepicker--cells-years{height:170px} .datepicker--cell-year{width:25%;height:33.33%} .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede} .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5} .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede} .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6} .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4} .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.1);color:#ccc} .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.2)} .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:none;border:none} .datepickers-container{position:absolute;left:0;top:0} @media print { .datepickers-container{display:none} } .datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0 0.3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0 .3s;transition:opacity .3s ease,transform .3s ease,left 0 0.3s,-webkit-transform .3s ease;z-index:100} .datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)} .datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)} .datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)} .datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)} .datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0 0;transition:opacity .3s ease,transform .3s ease,left 0 0s,-webkit-transform .3s ease} .datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none} .datepicker-inline .datepicker--pointer{display:none} .datepicker--content{box-sizing:content-box;padding:4px} .-only-timepicker- .datepicker--content{display:none} .datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1} .-top-left- .datepicker--pointer,.-top-center- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)} .-right-top- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-bottom- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)} .-bottom-left- .datepicker--pointer,.-bottom-center- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)} .-left-top- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-bottom- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)} .-top-left- .datepicker--pointer,.-bottom-left- .datepicker--pointer{left:10px} .-top-right- .datepicker--pointer,.-bottom-right- .datepicker--pointer{right:10px} .-top-center- .datepicker--pointer,.-bottom-center- .datepicker--pointer{left:calc(50% - 10px / 2)} .-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px} .-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px} .-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)} .datepicker--body{display:none} .datepicker--body.active{display:block} .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede} .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5} .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede} .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6} .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4} .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.1);color:#ccc} .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.2)} .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:none;border:none} .datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px} .-only-timepicker- .datepicker--nav{display:none} .datepicker--nav-title,.datepicker--nav-action{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .datepicker--nav-action:hover{background:#f0f0f0} .datepicker--nav-action.-disabled-{visibility:hidden} .datepicker--nav-action svg{width:32px;height:32px} .datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px} .datepicker--nav-title{border-radius:4px;padding:0 8px} .datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px} .datepicker--nav-title:hover{background:#f0f0f0} .datepicker--nav-title.-disabled-{cursor:default;background:none} .datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px;border-top:1px solid #efefef} .datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px} .datepicker--button:hover{color:#4a4a4a;background:#f0f0f0} .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede} .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5} .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede} .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6} .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4} .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.1);color:#ccc} .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.2)} .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:none;border:none} .datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede} .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5} .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede} .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6} .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4} .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.1);color:#ccc} .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.2)} .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:none;border:none} /* - SCROLL ------------- */ html{overflow:auto;} ::-webkit-scrollbar{width:0px;height:0px;} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;height:0px;width:0px;} ::-webkit-scrollbar-button:vertical:increment{background-color:none;} ::-webkit-scrollbar-button:horizontal:increment{background-color:none;} ::-webkit-scrollbar-track-piece{background-color:none;-webkit-border-radius:3px;} ::-webkit-scrollbar-thumb:vertical{background-color:none;-webkit-border-radius:3px;} ::-webkit-scrollbar-thumb:horizontal{background-color:none;-webkit-border-radius:0px;} /* * MOBILE MENU ICON & OVERLAY */ /* - ICON ------------- */ #nav-icon {width: 35px;height: 35px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} #nav-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #ffffff;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} #nav-icon span:nth-child(1) {top: 0px;} #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;} #nav-icon span:nth-child(4) {top: 24px;} #nav-icon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;} #nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} #nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} #nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;} /* - OVERLAY ------------- */ .mobile-menu {display: block;position: absolute;right: 10px;top: 15px;z-index: 999;} .flynow-mob-menu-overlay {display:none;position:fixed;top:0;height:100%;width:100%;/*background:#401fd3;*/background:#000000;overflow:auto;z-index:99;} .flynow-mob-menu-overlay .flynow-logo {display: block;text-align: center;} ul.mob-menu-overlay-social {width: 158px;margin: 20px auto;} ul.mob-menu-overlay-social li {float:left;height:26px;padding-right:40px;padding-top:5px;} #mob-menu-overlay-wrap :last-child {padding-right:0px;} .flynow-mob-menu-overlay #flynow-header-phone {display: block;font-size: 22px;} .flynow-mob-menu-overlay .mob-menu-phone {text-align: center;margin: 20px auto;} .flynow-mob-menu-overlay .flynow-header-btn-cta {display: block;float: none;margin: 0 auto;} .flynow-mob-menu-overlay #flynow-mob-overlay-office {color: #fefefe;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 800;line-height: 24px;letter-spacing: 0.6px;text-align: center;} .flynow-mob-menu-overlay #flynow-mob-overlay-address {padding-top: 15px;font-family: Geometria, sans-serif;font-size: 16px;font-weight: 300;line-height: 18px;color: #ffffff;letter-spacing: 0.4px;text-align: center;} /* * ANIMATE CSS */ @charset "UTF-8"; .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} @-webkit-keyframes bounce { 0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)} 40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)} 60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)} } @keyframes bounce { 0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)} 60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)} } .bounce{-webkit-animation-name:bounce;animation-name:bounce} @-webkit-keyframes flash { 0%,50%,100%{opacity:1} 25%,75%{opacity:0} } @keyframes flash { 0%,50%,100%{opacity:1} 25%,75%{opacity:0} } .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse { 0%{-webkit-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes pulse { 0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberBand { 0%{-webkit-transform:scale(1);transform:scale(1)} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes rubberBand { 0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand} @-webkit-keyframes shake { 0%,100%{-webkit-transform:translateX(0);transform:translateX(0)} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)} 20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)} } @keyframes shake { 0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} 20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-webkit-keyframes swing { 20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes swing { 20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} } .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada { 0%{-webkit-transform:scale(1);transform:scale(1)} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} } @keyframes tada { 0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} } .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble { 0%{-webkit-transform:translateX(0%);transform:translateX(0%)} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)} 60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%);transform:translateX(0%)} } @keyframes wobble { 0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)} 60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} } .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes bounceIn { 0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)} 70%{-webkit-transform:scale(.9);transform:scale(.9)} 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} } @keyframes bounceIn { 0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} 70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)} 100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown { 0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)} 80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes bounceInDown { 0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} 60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)} 80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft { 0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} 60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)} 80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes bounceInLeft { 0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} 60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)} 80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight { 0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} 60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px);transform:translateX(10px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes bounceInRight { 0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} 60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp { 0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)} 80%{-webkit-transform:translateY(10px);transform:translateY(10px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes bounceInUp { 0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} 60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)} 80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut { 0%{-webkit-transform:scale(1);transform:scale(1)} 25%{-webkit-transform:scale(.95);transform:scale(.95)} 50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} } @keyframes bounceOut { 0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)} 50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown { 0%{-webkit-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes bounceOutDown { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft { 0%{-webkit-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} } @keyframes bounceOutLeft { 0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight { 0%{-webkit-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} } @keyframes bounceOutRight { 0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp { 0%{-webkit-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} } @keyframes bounceOutUp { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn { 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn { 0%{opacity:0} 100%{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeInDown { 0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInDown { 0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig { 0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInDownBig { 0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft { 0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInLeft { 0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig { 0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInLeftBig { 0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight { 0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInRight { 0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig { 0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInRightBig { 0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp { 0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInUp { 0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig { 0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInUpBig { 0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} @-webkit-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOutDown { 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} } @keyframes fadeOutDown { 0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig { 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes fadeOutDownBig { 0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft { 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)} } @keyframes fadeOutLeft { 0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig { 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} } @keyframes fadeOutLeftBig { 0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight { 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)} } @keyframes fadeOutRight { 0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig { 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} } @keyframes fadeOutRightBig { 0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp { 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} } @keyframes fadeOutUp { 0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig { 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} } @keyframes fadeOutUpBig { 0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} @-webkit-keyframes flip { 0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip { 0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipInX { 0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)} 70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} } @keyframes flipInX { 0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)} 70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} } .flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY { 0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)} 70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} } @keyframes flipInY { 0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)} 70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} } .flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} @-webkit-keyframes flipOutX { 0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} } @keyframes flipOutX { 0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipOutY { 0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} } @keyframes flipOutY { 0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} @-webkit-keyframes lightSpeedIn { 0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1} 80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1} 100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} } @keyframes lightSpeedIn { 0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1} 80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1} 100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOut { 0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} 100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} } @keyframes lightSpeedOut { 0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} 100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotateIn { 0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateIn { 0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} @-webkit-keyframes rotateInDownLeft { 0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInDownLeft { 0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} @-webkit-keyframes rotateInDownRight { 0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInDownRight { 0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight} @-webkit-keyframes rotateInUpLeft { 0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInUpLeft { 0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft} @-webkit-keyframes rotateInUpRight { 0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInUpRight { 0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight} @-webkit-keyframes rotateOut { 0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } @keyframes rotateOut { 0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut} @-webkit-keyframes rotateOutDownLeft { 0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } @keyframes rotateOutDownLeft { 0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight { 0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } @keyframes rotateOutDownRight { 0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft { 0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } @keyframes rotateOutUpLeft { 0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight { 0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } @keyframes rotateOutUpRight { 0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes slideInDown { 0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes slideInDown { 0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft { 0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes slideInLeft { 0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight { 0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes slideInRight { 0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideOutLeft { 0%{-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} } @keyframes slideOutLeft { 0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight { 0%{-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} } @keyframes slideOutRight { 0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp { 0%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} } @keyframes slideOutUp { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} @-webkit-keyframes slideInUp { 0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes slideInUp { 0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown { 0%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes slideOutDown { 0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes hinge { 0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} 100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0} } @keyframes hinge { 0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} 100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0} } .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollIn { 0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} } @keyframes rollIn { 0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut { 0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)} } @keyframes rollOut { 0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn { 0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 50%{opacity:1} } @keyframes zoomIn { 0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown { 0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInDown { 0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft { 0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInLeft { 0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight { 0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInRight { 0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp { 0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInUp { 0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut { 0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 100%{opacity:0} } @keyframes zoomOut { 0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 100%{opacity:0} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom} } @keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top} } @keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} /* * @MEDIA */ /* - MAX 992px ------------- */ @media only screen and (max-width: 62em) { header .bcg-2-desktop {display: none;} header .bcg-6-desktop {display: none;} header .mobile-menu {display: block;} header .flynow-header-social,header #flynow-header-slogan2 {display: none;} .flynow-mob-menu-overlay .flynow-header-social {display: block;} header .fright {float: none;text-align: center;} header #flynow-header-phone {padding-right: 0px;} header #flynow-header-cta {width: 100%;margin-top: 20px;} h1 {font-size: 40px;line-height: 60px;} h2 {font-size: 38px;line-height: 52px;} h3 {font-size: 34px;line-height: 46px;} h4 {font-size: 30px;line-height: 40px;} /* SECTION #1 */ #flynow-section1 {background-image:url(../images/section-bg/section-bg1-mob.jpg);max-width: 100%;max-height: 760px;} #flynow-section1-wrapper {width: 100%;margin-top: 20%;} #flynow-section1 h1 {line-height: 52px;} .flynow-tour-searchbar {width: 100%;height: auto;background-color: transparent;border-radius: 4px;margin: 60px auto 40px;} .flynow-tour-searchbar-f2 select {border-radius: 4px;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2,.flynow-tour-searchbar-f3,.flynow-tour-searchbar-f4 {border-right: none;line-height: 62px;width: 100%;margin-bottom: 20px;} .flynow-tour-searchbar-f1 input,.flynow-tour-searchbar-f4 input {padding: 0px 45px 0px 45px;border-radius: 4px;line-height: 62px;} .flynow-tour-searchbar-f3 {width: 100%;line-height: 62px;border-radius: 4px;background: #ffffff;margin-bottom: 20px;} #flynow-section1 .flynow-searchbar-btn {width: 100%;margin: 0;} .flynow-tour-searchbar .flynow-arrow-list-span {margin: 0px 24px 0px 20px;} /* SECTION #2 */ #flynow-section2 {max-width: 100%;height: 700px;background-position: left center;} #flynow-section2 .flynow-title-wave-red {margin: 50px auto 28px;} #flynow-section2 .mb118 {margin-bottom: 40px;} #flynow-section2 .mt125 {margin-top: 30px;} .flynow-s2-process {width: 100%;} #flynow-s2-col1, #flynow-s2-col2, #flynow-s2-col3, #flynow-s2-col4 {width: 25%;float: left;margin-bottom: 40px;text-align: center;} #flynow-section2 .flynow-arrow-right {display: none;} #flynow-s2-cta {width: 100%;} #flynow-section2 .mr50 {margin: 0px;float: none;width: 100%;text-align: center;} #flynow-section2 .flynow-form-underline {margin: 18px auto 24px;} #flynow-s2-cta .fleft {float: none;} #flynow-s2-cta #fakebutton {margin: auto;} #flynow-s2-cta #message {text-align: center;} /* SECTION #3 */ /* SECTION #4 */ /* SECTION #5 */ #flynow-section5 {max-width: 100%;height: 860px;background-position: left center;} #flynow-section5 .bcg-4-desktop,#flynow-section5 .bcg-1-desktop {display: none;} #flynow-section5 .pt122 {padding-top: 50px;} #flynow-section5 .mt55 {margin-top: 0px;} #flynow-section5 .mt74ml110 {margin-top: 0px;margin-left: 0px;} #flynow-section5 .mt126ml150 {margin-top: 0px;margin-left: 0px;} #flynow-section5 .flynow-s5-stats {text-align: center;margin-bottom:25px;} #flynow-section5 .ml4 {margin-left: 0px;} #flynow-section5 .s5-cta-top {max-width: 404px;width: 100%;height: 82px;margin: auto;} #flynow-section5 #flynow-s5-cta {max-width: 404px;width: 100%;height: 460px;padding: 20px 34px 54px 34px;margin: auto;} #flynow-section5 #flynow-s5-title {font-size: 30px;line-height: 38px;} #flynow-s5-cta p {margin-top: 20px;margin-bottom: 34px;} #flynow-s5-cta #fakebutton {margin: auto;} #flynow-section5 .flynow-form-underline {width: 100%;margin: 18px auto 35px;} #flynow-section5 #message-s5 {text-align: center;} /* SECTION #6 */ #flynow-section6 {background-image:url(../images/section-bg/section-bg6-mob.jpg);height: 480px;background-position: unset;background-size: unset;} #flynow-section6 .bcg-2-desktop,#flynow-section6 .bcg-10-desktop {display: none;} #flynow-section6 #flynow-s6-cta {margin-top: 50px;text-align: center;} #flynow-section6 .flynow-title-wave-white {margin: 0px auto 26px;} #flynow-s6-cta p {margin: 14px 200px 30px;} #flynow-s6-cta #fakebutton {margin: auto;} /* SECTION #7 */ #flynow-section7 .mt118 {margin-top: 40px;} #flynow-section7 #flynow-s7-map {height: 260px;} #flynow-section7 #flynow-s7-cta {height: 490px;padding: 45px 24px;} #flynow-section7 #flynow-s7-title {font-size: 32px;line-height: 40px;text-align: center;} #flynow-section7 .flynow-title-wave-red {margin: 0px auto 21px;} #flynow-s7-cta p {margin: 25px 0px;text-align: center;} #flynow-s7-cta #fakebutton {margin: auto;} #flynow-section7 .flynow-form-underline {width: 100%;margin: 18px 0px 35px 0px;} #flynow-s7-cta .flynow-icon-phone {margin-left: 24px;} #flynow-section7 #message-s7 {text-align: center;} /* FOOTER */ footer .pfooter {padding: 30px 0px 40px 0px;} footer .flynow-flynow-logo {float: none;} #flynow-footer-copyright {float: right;padding-left: 0px;opacity: 1;font-size: 14px;} footer .bcg-6-desktop {display: none;} footer #flynow-footer-office {float: none;padding-top: 15px;padding-left: 0px;text-align: center;font-size: 16px;} footer #flynow-footer-address {width: 50%;font-size: 16px;text-align: center;float: left;line-height: 20px;padding-left: 0px;padding-top: 15px;} /* PLUGINS & STUFF */ #flynow-spasibo {max-width: 100%;height: 100vh;background-image:url(../images/section-bg/section-bg1.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} #flynow-spasibo-wrapper {display: block;width: 100%;height: auto;position: inherit;margin: 25% auto;} .flynow-spasibo-info {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 300;line-height: 28px;letter-spacing: 1.51px;text-transform: lowercase;margin-bottom: 5%;} #flynow-spasibo h1 {font-size: 24px;letter-spacing: 2.5px;line-height: 40px;font-weight: 400;} .mfp-container {width: 100%;height: 100%;} .flynow-popup-cta-top {width: 300px;} .flynow-popup-cta {width: 300px;height: 460px;padding: 5px 30px 0px 30px;} #flynow-popup-s6 #message {text-align: center;} } /* - MAX 768px ------------- */ @media only screen and (max-width: 48em) { header .bcg-2-desktop {display: none;} header .bcg-6-desktop {display: none;} header .mobile-menu {display: block;} header .flynow-header-social,header #flynow-header-slogan2 {display: none;} .flynow-mob-menu-overlay .flynow-header-social {display: block;} header .fright {float: none;text-align: center;} header #flynow-header-phone {padding-right: 0px;} header #flynow-header-cta {width: 100%;margin-top: 20px;} h1 {font-size: 40px;line-height: 60px;} h2 {font-size: 38px;line-height: 52px;} h3 {font-size: 34px;line-height: 46px;} h4 {font-size: 30px;line-height: 40px;} /* SECTION #1 */ #flynow-section1 {background-image:url(../images/section-bg/section-bg1-mob.jpg);max-width: 100%;max-height: 760px;} #flynow-section1-wrapper {width: 100%;margin-top: 20%;} #flynow-section1 h1 {line-height: 52px;} .flynow-tour-searchbar {width: 100%;height: auto;background-color: transparent;border-radius: 4px;margin: 60px auto 40px;} .flynow-tour-searchbar-f2 select {border-radius: 4px;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2,.flynow-tour-searchbar-f3,.flynow-tour-searchbar-f4 {border-right: none;line-height: 62px;width: 100%;margin-bottom: 20px;} .flynow-tour-searchbar-f1 input,.flynow-tour-searchbar-f4 input {padding: 0px 45px 0px 45px;border-radius: 4px;line-height: 62px;} .flynow-tour-searchbar-f3 {width: 100%;line-height: 62px;border-radius: 4px;background: #ffffff;margin-bottom: 20px;} #flynow-section1 .flynow-searchbar-btn {width: 100%;margin: 0;} .flynow-tour-searchbar .flynow-arrow-list-span {margin: 0px 24px 0px 20px;} /* SECTION #2 */ #flynow-section2 {max-width: 100%;height: 700px;background-position: left center;} #flynow-section2 .flynow-title-wave-red {margin: 50px auto 28px;} #flynow-section2 .mb118 {margin-bottom: 40px;} #flynow-section2 .mt125 {margin-top: 30px;} .flynow-s2-process {width: 100%;} #flynow-s2-col1, #flynow-s2-col2, #flynow-s2-col3, #flynow-s2-col4 {width: 25%;float: left;margin-bottom: 40px;text-align: center;} #flynow-section2 .flynow-arrow-right {display: none;} #flynow-s2-cta {width: 100%;} #flynow-section2 .mr50 {margin: 0px;float: none;width: 100%;text-align: center;} #flynow-section2 .flynow-form-underline {margin: 18px auto 24px;} #flynow-s2-cta .fleft {float: none;} #flynow-s2-cta #fakebutton {margin: auto;} #flynow-s2-cta #message {text-align: center;} /* SECTION #3 */ /* SECTION #4 */ /* SECTION #5 */ #flynow-section5 {max-width: 100%;height: 860px;background-position: left center;} #flynow-section5 .bcg-4-desktop,#flynow-section5 .bcg-1-desktop {display: none;} #flynow-section5 .pt122 {padding-top: 50px;} #flynow-section5 .mt55 {margin-top: 0px;} #flynow-section5 .mt74ml110 {margin-top: 0px;margin-left: 0px;} #flynow-section5 .mt126ml150 {margin-top: 0px;margin-left: 0px;} #flynow-section5 .flynow-s5-stats {text-align: center;margin-bottom:25px;} #flynow-section5 .ml4 {margin-left: 0px;} #flynow-section5 .s5-cta-top {max-width: 404px;width: 100%;height: 82px;margin: auto;} #flynow-section5 #flynow-s5-cta {max-width: 404px;width: 100%;height: 460px;padding: 20px 34px 54px 34px;margin: auto;} #flynow-section5 #flynow-s5-title {font-size: 30px;line-height: 38px;} #flynow-s5-cta p {margin-top: 20px;margin-bottom: 34px;} #flynow-s5-cta #fakebutton {margin: auto;} #flynow-section5 .flynow-form-underline {width: 100%;margin: 18px auto 35px;} #flynow-section5 #message-s5 {text-align: center;} /* SECTION #6 */ #flynow-section6 {background-image:url(../images/section-bg/section-bg6-mob.jpg);height: 480px;background-position: unset;background-size: unset;} #flynow-section6 .bcg-2-desktop,#flynow-section6 .bcg-10-desktop {display: none;} #flynow-section6 #flynow-s6-cta {margin-top: 50px;text-align: center;} #flynow-section6 .flynow-title-wave-white {margin: 0px auto 26px;} #flynow-s6-cta p {margin: 14px 15% 30px;} #flynow-s6-cta #fakebutton {margin: auto;} /* SECTION #7 */ #flynow-section7 .mt118 {margin-top: 40px;} #flynow-section7 #flynow-s7-map {height: 260px;} #flynow-section7 #flynow-s7-cta {height: 490px;padding: 45px 24px;} #flynow-section7 #flynow-s7-title {font-size: 32px;line-height: 40px;text-align: center;} #flynow-section7 .flynow-title-wave-red {margin: 0px auto 21px;} #flynow-s7-cta p {margin: 25px 0px;text-align: center;} #flynow-s7-cta #fakebutton {margin: auto;} #flynow-section7 .flynow-form-underline {width: 100%;margin: 18px 0px 35px 0px;} #flynow-s7-cta .flynow-icon-phone {margin-left: 24px;} #flynow-section7 #message-s7 {text-align: center;} /* FOOTER */ footer .pfooter {padding: 30px 0px 40px 0px;} footer .flynow-flynow-logo {float: none;} #flynow-footer-copyright {float: right;padding-left: 0px;opacity: 1;font-size: 14px;} footer .bcg-6-desktop {display: none;} footer #flynow-footer-office {float: none;padding-top: 15px;padding-left: 0px;text-align: center;font-size: 16px;} footer #flynow-footer-address {width: 50%;font-size: 16px;text-align: center;float: left;line-height: 20px;padding-left: 0px;padding-top: 15px;} /* PLUGINS & STUFF */ #flynow-spasibo {max-width: 100%;height: 100vh;background-image:url(../images/section-bg/section-bg1.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} #flynow-spasibo-wrapper {display: block;width: 100%;height: auto;position: inherit;margin: 42% auto;} .flynow-spasibo-info {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 300;line-height: 28px;letter-spacing: 1.51px;text-transform: lowercase;margin-bottom: 10%;} #flynow-spasibo h1 {font-size: 24px;letter-spacing: 2.5px;line-height: 40px;font-weight: 400;} .mfp-container {width: 100%;height: 100%;} .flynow-popup-cta-top {width: 300px;} .flynow-popup-cta {width: 300px;height: 460px;padding: 5px 30px 0px 30px;} #flynow-popup-s6 #message {text-align: center;} } /* - MAX 480px ------------- */ @media only screen and (max-width: 30em) { header .bcg-2-desktop {display: none;} header .bcg-6-desktop {display: none;} header .mobile-menu {display: block;} header .flynow-header-social,header #flynow-header-slogan2 {display: none;} .flynow-mob-menu-overlay .flynow-header-social {display: block;} header .fright {float: none;text-align: center;} header #flynow-header-phone {padding-right: 0px;} header #flynow-header-cta {width: 100%;margin-top: 20px;} h1 {font-size: 40px;line-height: 60px;} h2 {font-size: 38px;line-height: 52px;} h3 {font-size: 34px;line-height: 46px;} h4 {font-size: 30px;line-height: 40px;} /* SECTION #1 */ #flynow-section1 {background-image:url(../images/section-bg/section-bg1-mob.jpg);max-width: 100%;max-height: 840px;} #flynow-section1-wrapper {width: 100%;margin-top: 50%;} #flynow-section1 h1 {line-height: 52px;} .flynow-tour-searchbar {width: 100%;height: auto;background-color: transparent;border-radius: 4px;margin: 60px auto 40px;} .flynow-tour-searchbar-f2 select {border-radius: 4px;} .flynow-tour-searchbar-f1,.flynow-tour-searchbar-f2,.flynow-tour-searchbar-f3,.flynow-tour-searchbar-f4 {border-right: none;line-height: 62px;width: 100%;margin-bottom: 20px;} .flynow-tour-searchbar-f1 input,.flynow-tour-searchbar-f4 input {padding: 0px 45px 0px 45px;border-radius: 4px;line-height: 62px;} .flynow-tour-searchbar-f3 {width: 100%;line-height: 62px;border-radius: 4px;background: #ffffff;margin-bottom: 20px;} #flynow-section1 .flynow-searchbar-btn {width: 100%;margin: 0;} .flynow-tour-searchbar .flynow-arrow-list-span {margin: 0px 24px 0px 20px;} /* SECTION #2 */ #flynow-section2 {max-width: 100%;height: 1140px;background-position: left center;} #flynow-section2 .flynow-title-wave-red {margin: 50px auto 28px;} #flynow-section2 .mb118 {margin-bottom: 40px;} #flynow-section2 .mt125 {margin-top: 30px;} #flynow-s2-col1,#flynow-s2-col2,#flynow-s2-col3,#flynow-s2-col4 {width: 100%;float: none;text-align: center;margin-bottom: 24px;} #flynow-section2 .flynow-arrow-right {display: none;} #flynow-s2-cta {width: 100%;} #flynow-section2 .mr50 {margin: 0px;float: none;width: 100%;text-align: center;} #flynow-section2 .flynow-form-underline {margin: 18px auto 24px;} #flynow-s2-cta .fleft {float: none;} #flynow-s2-cta #fakebutton {margin: auto;} #flynow-s2-cta #message {text-align: center;} /* SECTION #3 */ /* SECTION #4 */ /* SECTION #5 */ #flynow-section5 {max-width: 100%;height: 860px;background-position: left center;} #flynow-section5 .bcg-4-desktop,#flynow-section5 .bcg-1-desktop {display: none;} #flynow-section5 .pt122 {padding-top: 50px;} #flynow-section5 .mt55 {margin-top: 0px;} #flynow-section5 .mt74ml110 {margin-top: 0px;margin-left: 0px;} #flynow-section5 .mt126ml150 {margin-top: 0px;margin-left: 0px;} #flynow-section5 .flynow-s5-stats {text-align: center;margin-bottom:25px;} #flynow-section5 .ml4 {margin-left: 0px;} #flynow-section5 .s5-cta-top {max-width: 404px;width: 100%;height: 82px;margin: auto;} #flynow-section5 #flynow-s5-cta {max-width: 404px;width: 100%;height: 460px;padding: 20px 34px 54px 34px;margin: auto;} #flynow-section5 #flynow-s5-title {font-size: 30px;line-height: 38px;} #flynow-s5-cta p {margin-top: 20px;margin-bottom: 34px;} #flynow-s5-cta #fakebutton {margin: auto;} #flynow-section5 .flynow-form-underline {width: 100%;margin: 18px auto 35px;} #flynow-section5 #message-s5 {text-align: center;} /* SECTION #6 */ #flynow-section6 {background-image:url(../images/section-bg/section-bg6-mob.jpg);height: 480px;background-position: unset;background-size: unset;} #flynow-section6 .bcg-2-desktop,#flynow-section6 .bcg-10-desktop {display: none;} #flynow-section6 #flynow-s6-cta {margin-top: 50px;text-align: center;} #flynow-section6 .flynow-title-wave-white {margin: 0px auto 26px;} #flynow-s6-cta p {margin: 14px 0px 30px;} #flynow-s6-cta #fakebutton {margin: auto;} /* SECTION #7 */ #flynow-section7 .mt118 {margin-top: 40px;} #flynow-section7 #flynow-s7-map {height: 260px;} #flynow-section7 #flynow-s7-cta {height: 490px;padding: 45px 24px;} #flynow-section7 #flynow-s7-title {font-size: 32px;line-height: 40px;text-align: center;} #flynow-section7 .flynow-title-wave-red {margin: 0px auto 21px;} #flynow-s7-cta p {margin: 25px 0px;text-align: center;} #flynow-s7-cta #fakebutton {margin: auto;} #flynow-section7 .flynow-form-underline {width: 100%;margin: 18px 0px 35px 0px;} #flynow-s7-cta .flynow-icon-phone {margin-left: 24px;} #flynow-section7 #message-s7 {text-align: center;} /* FOOTER */ footer .pfooter {padding: 30px 0px 40px 0px;} footer .flynow-flynow-logo {float: none;} #flynow-footer-copyright {float: right;padding-left: 0px;opacity: 1;font-size: 14px;} footer .bcg-6-desktop {display: none;} footer #flynow-footer-office {float: none;padding-top: 15px;padding-left: 0px;text-align: center;font-size: 16px;} footer #flynow-footer-address {width: 100%;font-size: 16px;text-align: center;float: none;line-height: 20px;padding-left: 0px;padding-top: 15px;} /* PLUGINS & STUFF */ #flynow-spasibo {max-width: 100%;height: 100vh;background-image:url(../images/section-bg/section-bg1.jpg);background-position: center center;background-repeat:no-repeat;background-size:cover;} #flynow-spasibo-wrapper {display: block;width: 100%;height: auto;position: inherit;margin: 50% auto;} .flynow-spasibo-info {color: #ffffff;font-family: Geometria, sans-serif;font-size: 18px;font-weight: 300;line-height: 28px;letter-spacing: 1.51px;text-transform: lowercase;margin-bottom: 10%;} #flynow-spasibo h1 {font-size: 24px;letter-spacing: 2.5px;line-height: 40px;font-weight: 400;} .mfp-container {width: 100%;height: 100%;} .flynow-popup-cta-top {width: 300px;} .flynow-popup-cta {width: 300px;height: 460px;padding: 5px 30px 0px 30px;} #flynow-popup-s6 #message {text-align: center;} }