File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/sv-inns.com/css/custom.css
Back
/*!------------ Font ------------ */ @import url(http://fonts.googleapis.com/css?family=Satisfy|Raleway:400,700,300); #preloader, .allcontent, .button--itzel, .nano { overflow: hidden } .button--itzel, .menu-wrap a, .navbar, .navbar a { text-transform: uppercase } .button--itzel::before, .content::before, .loader:after, .loader:before, .menu-button::before { content: '' } #filterOptions li a, .footer .link, .menu-wrap a, .panel a, .tooltip-inner, a.contact_icon { text-decoration: none } .xdsoft_noselect, div.cs-select { -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none } .antigap, .antigap_big, .clear, .gap, .mini_gap, .panel-collapse .center_line, .xdsoft_datetimepicker .xdsoft_calendar { clear: both } .count, .count_dscrp, body { font-family: Gabriola, sans-serif } .about_columns .list .menu_list .item_price, .about_columns .list .menu_list .item_title, .about_columns .list li span, .menu_list_main_title { font-family: Satisfy, cursive } /*!------------ Basic Settings ------------ */ body, html { height: 100%; min-height: 600px; font-size: 16px } header { height: 100%; position: relative } .content_img, .content_img_half { display: block; height: 450px; background-position: center } .buttons { margin: 0 auto; z-index: 999; position: absolute; bottom: 50px; text-align: center; width: 100% } .content_img, .content_img_half, .nano, button { position: relative } .buttons a { margin-bottom: 10px } .fa-6x { font-size: 8em } .allcontent { margin-left: 9%; width: 81%; margin-right: 10%; display: block; font-weight: 300 } .content_img { width: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover } .content_img_half, .fill { -webkit-background-size: cover; -moz-background-size: cover } .content_img_half { width: 40%; margin: 10px 20px 20px 0; float: left; background-size: cover; -o-background-size: cover } .modal, .modal-open { z-index: 9999 } .modal-dialog { z-index: 99999 } .button--itzel, button { z-index: 1; background: 0 0; vertical-align: middle } .eventime_modal .modal-content { box-shadow: none; border-radius: 0!important } .eventime_modal .modal-header .close { font-size: 40px; margin-top: -10px } .eventime_modal .modal-title { text-transform: uppercase; font-size: 30px; font-weight: 800 } .eventime_modal .contact_icon { width: 51px; height: 51px; padding-top: 10px; float: left } .eventime_modal img { width: 100%; height: auto } .eventime_modal .img_half { width: 49.6%; height: auto; display: inline } .modal-open .navbar-fixed-bottom, .modal-open .navbar-fixed-top { padding-right: 15px } button { border: none; color: inherit } .nano { width: 100%; height: 100% } .nano>.nano-content, .nano>.nano-pane { position: absolute; right: 0; bottom: 0; top: 0 } .nano>.nano-content { overflow: hidden; overflow-x: hidden; left: -15px; } .nano>.nano-content:focus { outline: dotted thin } .nano>.nano-content::-webkit-scrollbar { display: none } .has-scrollbar>.nano-content::-webkit-scrollbar { display: block } #sh_carousel .carousel-indicators i .active { color: #ff0 } .nano>.nano-pane { width: 7px; visibility: hidden\9; opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s } .nano-pane.active, .nano-pane.flashed, .nano:hover>.nano-pane { visibility: visible\9; opacity: .99 } .button--itzel:focus { outline: 0 } .button--itzel { display: inline-block; margin: 8px; position: relative; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; padding: 0; min-width: 200px } .button--itzel::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid; border-radius: inherit; -webkit-clip-path: polygon(0 0, 0 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0); clip-path: url(../index.html#clipBox); -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } .button--itzel.button--border-thin::before { border: 1px solid; -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0) } .button--itzel.button--border-thick::before { border: 3px solid; -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0) } .button--itzel .button__icon, .button--itzel::before { -webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1); transition-timing-function: cubic-bezier(.75, 0, .125, 1) } .button--itzel .button__icon { position: absolute; top: 92%; left: 50%; padding: 3px 0 9px; font-size: 20px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); display: block; width: 100% } .roomimg, .roomimg img { width: 100% } .textdiv p { width: 100%; padding: 0 0 3px; font-size: 19pt; text-align: justify; font-weight: 400 } #preloader, .canter { text-align: center } .button--itzel>span { vertical-align: middle; display: block; padding: 10px 0 5px; -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; -webkit-transition-delay: .3s; transition-delay: .3s } .button--itzel:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .button--itzel:hover .button__icon { -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0) } .button--itzel:hover>span { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition-delay: 0s; transition-delay: 0s } .gap { height: 24px; } .mini_gap { height: 10px; } .antigap { margin-bottom: -20px } .antigap_big { margin-bottom: -50px } /*! Preloader */ #preloader { position: fixed; z-index: 9999999999; width: 100%; height: 100%; display: table } .pre_container { display: table-cell; vertical-align: middle } .loader, .loader:after, .loader:before { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out } .dropdown-menu, .navbar { border-radius: 0 } .loader { margin: 8em auto; font-size: 10px; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -.16s; animation-delay: -.16s } .loader:before { left: -3.5em; -webkit-animation-delay: -.32s; animation-delay: -.32s } .loader:after { left: 3.5em } .loader:after, .loader:before { position: absolute; top: 0 } @-webkit-keyframes load7 { 0%, 100%, 80% { box-shadow: 0 2.5em 0 -1.3em #fff } 40% { box-shadow: 0 2.5em 0 0 #FFF } } @keyframes load7 { 0%, 100%, 80% { box-shadow: 0 2.5em 0 -1.3em #fff } 40% { box-shadow: 0 2.5em 0 0 #FFF } } /*! Navigation Settings */ .navi_container { width: 84%; margin-left: 8% } .navbar-nav>.active>a, .navbar-nav>li>a:hover { background-color: transparent!important } #navbar { float: right } .navbar, .navbar a { outline: 0 } .dropdown-menu { top: 103%; font-size: 16px; box-shadow: none; border: 0 } .navbar a { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .nav>li>a:focus, .nav>li>a:hover { background: 0 0 } .navbar-brand { font-size: 25px; font-weight: 900; margin-top: 5px; letter-spacing: -1px } .nav_mask { min-height: 59px; padding-top: 0 } .navbar-nav>li>a { font-size: 18px; font-weight: 300; padding-top: 21px } .navbar_bg { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .navbar-toggle { margin-top: 12px } .menu-wrap a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .content-wrap { overflow-y: scroll; -webkit-overflow-scrolling: touch } .content { position: relative; background: #b4bad2 } .content::before { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); -webkit-transition: opacity .4s, -webkit-transform 0s .4s; transition: opacity .4s, transform 0s .4s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1) } .menu-button { position: fixed; z-index: 1000; margin: 1em; padding: 0; width: 2.5em; height: 2.25em; border: none; text-indent: 2.5em; font-size: 1.5em; color: transparent; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .menu-button::before { position: absolute; top: .5em; right: .5em; bottom: .5em; left: .5em } .menu-button:hover { width: 2.7em } .close-button { width: 1.25em; height: 1.25em; position: absolute; right: 1em; top: 1em; overflow: hidden; text-indent: 1em; font-size: 1em; border: none; background: 0 0; color: transparent } .close-button::after, .close-button::before { content: ''; position: absolute; width: 3px; height: 100%; top: 0; left: 50%; background: #bdc3c7 } .close-button::before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .close-button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .menu-wrap { position: fixed; z-index: 1001; width: 246px; height: 100%; font-size: 16px; -webkit-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); -webkit-transition: -webkit-transform .2s; transition: transform .2s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1); border-right: 1px solid } .fill_mask, .fullscreen-bg, .fullscreen-bg__video { position: absolute; top: 0 } .canter, .safari { font-size: 17pt; margin: 0 auto; width: 100%; color: #000 } .safari { text-align: left } .fill_mask, .menu .logo, .menu p, .navicon, .stats, .tabs_about, .title_center { text-align: center } .navicon { margin: 0; padding: 0 } .menu .conctact, .menu .socials { padding-top: 40px } .navicon .button--itzel { width: 100%; margin: 0 0 0 -10px } .navicon .button--itzel::before { border: none } .menu .logo { margin: 28px auto 1px; padding-bottom: 5px; border-bottom: 3px solid } .menu .logo img { width: 100% } .menu p { font-size: 16px; font-weight: 300; display: block } .menu .phone { font-weight: 700; font-size: 20px } .menu .conctact { margin-top: 20px; border-top: 3px solid; border-bottom: 3px solid; padding-bottom: 40px } .menu .socials a { display: inline; margin: 10px } .icon-list, .menu { height: 100%; width: 90%; margin: 0 auto } .icon-list { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .icon-list a { display: block; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0) } .icon-list, .icon-list a { -webkit-transition: -webkit-transform 0s .4s; transition: transform 0s .4s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1) } .icon-list a:nth-child(2) { -webkit-transform: translate3d(0, 1000px, 0); transform: translate3d(0, 1000px, 0) } .icon-list a:nth-child(3) { -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0) } .icon-list a:nth-child(4) { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } .icon-list a:nth-child(5) { -webkit-transform: translate3d(0, 2500px, 0); transform: translate3d(0, 2500px, 0) } .icon-list a:nth-child(6) { -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } .icon-list a:nth-child(7) { -webkit-transform: translate3d(0, 3500px, 0); transform: translate3d(0, 3500px, 0) } .icon-list a span { margin-left: 10px; font-weight: 700 } .description h2, .description h3 { text-transform: uppercase; font-weight: 800 } .show-menu .menu-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .8s; transition: transform .8s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1) } .item { background: 0 0!important } .show-menu .icon-list, .show-menu .icon-list a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .8s; transition: transform .8s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1) } .show-menu .icon-list a { -webkit-transition-duration: .9s; transition-duration: .9s } .show-menu .content::before { opacity: 1; -webkit-transition: opacity .8s; transition: opacity .8s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .active, .carousel, .item { border: 0 solid #fff; background-color: #fff; height: auto } #home_slider.carousel .item, .carousel-inner, .fullscreen-bg__video { height: 100% } #home_slider.carousel { height: 100%; max-height: 1000px } .fullscreen-bg { right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100 } .fullscreen-bg__video { left: 0; width: 100% } .fill, .fill_mask { min-height: 400px } .fill { width: 100%; height: 800px; background-position: center; background-size: cover; -o-background-size: cover } .tabs_about, .welcome_image, .welcome_image:empty { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover } .fill_mask { width: 100%; height: 100%; background-repeat: repeat; display: table } .description { display: table-cell; vertical-align: middle; margin-left: auto; margin-right: auto } .deco, .deco2 { display: block; margin: 0 auto } #home_slider .left_arrow, #home_slider .right_arrow { top: 45% } .description h2 { font-size: 60px; letter-spacing: -1px; display: block; width: 90%; margin: 0 auto } .description #clock, .description h3 { font-size: 40px; display: block; width: 90%; margin: 0 auto } .description h3 { letter-spacing: 2px } .description #clock, .details { font-weight: 700; text-transform: uppercase } .description #clock { letter-spacing: 17px } .details { font-size: 18px; letter-spacing: 5px; display: inline-block; margin-right: 15px } .details .fa, .details p { display: inline-block; vertical-align: middle } .details p { padding-top: 10px } @-moz-document url-prefix() { .news_image, .welcome_image { display: inline-table } } /*! Individual precent grid */ .centred { width: 50%; display: table-cell; vertical-align: middle; padding: 20px 0 } .firstrow { height: 420px; display: table; } .title_center { width: 100%; font-size: 30px; font-weight: 800; letter-spacing: -1px; text-transform: uppercase; display: block; line-height: 30px } .center_line { width: 200px; height: 10px; border-bottom-width: 4px; border-style: solid; border-top: none; border-left: none; border-right: none; display: block; margin: 15px auto 25px } .Resort { font-size: 17pt!important; color: #000; font-weight: 600 } .first_description { display: table-cell; vertical-align: middle; text-align: center } .first_description .about_text { padding: 0; font-size: 18pt; font-weight: 500 } .welcome_image, .welcome_image:empty { background-size: cover; width: 14%; height: 100%; display: table-cell } .tabs_about li, ul.stats li.icon_tur { display: inline-block } .welcome_image.left { background-position: right } .welcome_image.right { background-position: left } .centred>.first_line { width: 16% } .centred>.first_title { padding-left: 2% } .centred>.first_description { padding-left: 18% } .tabs_about { background-size: cover; font-weight: 300 } .contact, .news_image { -o-background-size: cover } .contact, .news_image, .photo_part { -webkit-background-size: cover; -moz-background-size: cover } .menu_tabs { width: 99% } .mask { width: 100%; height: 100%; padding-top: 70px } .tabs_about ul { list-style: none; padding-left: 0 } .tabs_about a { margin-left: -3px; margin-right: -4px } .stats li, ul.stats li.icon_tur { margin-left: 3%; margin-right: 3%; width: 20% } ul.stats { list-style: none } .stats li { margin-top: 10px } ul.stats li.icon_tur { list-style: none; font-size: 50px; margin-top: 0 } .stats { padding-left: 0; margin: 10px auto auto } .tab-content { padding-top: 16px } .imgdiv { width: 87%; margin: 141px 0; display: block; height: 437px } .imgdiv img { height: 100%; width: 100% } .count, .count_plus { margin-top: 80px; font-size: 45px; font-weight: 800; letter-spacing: 1px; padding-left: 5px } .about_columns, .count_dscrp { font-weight: 300; text-align: center } .count_plus { margin-left: -30px } .count_dscrp { padding-top: 20px; font-size: 20px; text-transform: lowercase; letter-spacing: 1px; width: 100% } .accommodation_item, .accommodation_title, .name, .title_tab h4 { text-transform: uppercase } .about_columns { list-style-type: circle; display: block; width: 74%; margin: 0 auto } .about_columns .list { padding: 0; width: 81%; display: inline-block; vertical-align: top } .name { font-size: 63px; text-shadow: 0 0 7px #000 } .title_tab { width: 100%; text-align: center; margin-top: 147px; margin-left: auto; margin-right: auto } .right_title { text-align: right } .title_tab[class*=" icon-"]:before, .title_tab[class^=icon-]:before { vertical-align: middle; display: inline-block; font-size: 50px; margin-right: 15px; margin-bottom: 20px } .title_tab h4 { display: inline-block; margin-top: -5px; font-size: 33px; font-weight: 700; letter-spacing: -1px; color: #000 } .title_tab p { text-align: justify; width: 82%; margin: 0 auto; font-size: 17pt; color: #000 } .signature { max-width: 250px; height: auto; margin-top: 100px } .about_columns .list.right { text-align: right } .about_columns .list.right p { margin-right: 8% } .about_columns .list li { margin-top: 1px; margin-right: 0; padding-left: 0; margin-bottom: 5px; list-style: none; font-size: 20pt } .about_columns .list li[class*=" icon-"]:before, .about_columns .list li[class^=icon-]:before { font-size: 50px } .about_columns .list li span { font-size: 35px; vertical-align: top } .about_columns .list ol li { width: 100%; margin-bottom: 25px } .menu_list_main_title { font-size: 40px; text-align: center; margin-top: 30px } .about_columns .list .menu_list { min-height: 50px; margin-top: 40px; padding-bottom: 10px; border-bottom: 1px dashed } .about_columns .list .menu_list .item_price, .about_columns .list .menu_list .item_title { display: inline-block; font-size: 25px } .about_columns .list .menu_list .item_title { float: left; width: 80% } .about_columns .list .menu_list .item_price { float: right; width: 18%; text-align: right } .about_columns .list .menu_list .item_description { width: 100%; margin-top: -15px } #menu_list.about { padding-bottom: 0 } #menu_list .left_arrow, #menu_list .right_arrow { top: 60% } .headered { margin-top: -90px; z-index: 100 } .tabs_about { z-index: 200 } .about_columns { margin-top: 50px; margin-bottom: 70px } .photo_part { width: 100%; height: 100%; background-position: center; background-size: cover; -o-background-size: cover } #accommodation_menu { width: 100%; background-position: top; background-repeat: no-repeat; background-size: 100% } .reservation { display: block; margin-left: 9%; padding-bottom: 30px } .contact_form input[type=submit], .reservation input[type=submit] { border-radius: 0; -webkit-appearance: none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; height: 45px; width: 41%; float: none; display: block; margin: 25px 24.5% } .contact_form input[type=email], .contact_form input[type=number], .contact_form input[type=tel], .contact_form input[type=text], .contact_form textarea, .reservation input[type=email], .reservation input[type=number], .reservation input[type=tel], .reservation input[type=text], .reservation textarea { width: 43%; padding-left: 2%; margin-right: 4%; display: inline-block; border-style: solid; border-width: 3px; background: 0 0; margin-top: 30px; height: 35px; border-radius: 0; font-size: 24px; font-weight: 300; text-transform: uppercase; -webkit-appearance: none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .accommodation_item, .accordion_button, a.accordion_button { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out } .contact_form textarea.make_a_reservation_message, .reservation textarea.make_a_reservation_message { width: 90%; min-height: 100px; padding-top: 10px } .contact_form input:focus, .contact_form textarea, .reservation input:focus, .reservation textarea { box-shadow: none; outline: 0 } input.reservation_button { width: 30%; margin-top: 30px; margin-left: 31.4%; background: 0 0 } ::-webkit-input-placeholder { color: #000; font-weight: 300 } :-moz-placeholder { color: #000; font-weight: 300 } ::-moz-placeholder { color: #000; font-weight: 300 } :-ms-input-placeholder { color: #000; font-weight: 300 } .accommodation_item { display: inline-block; width: 82%; margin-right: 9%; margin-left: 9%; padding: 20px 40px 30px; min-height: 200px; margin-bottom: 0; vertical-align: top; border: 3px solid; cursor: auto; -webkit-appearance: none; transition: all .5s ease-in-out } .accommodation_item p i { font-size: 20px } #contactMsg, #contactMsg_2, #contactMsg_3, #contactMsg_4, #contactMsg_5 { text-align: center; width: 91%; margin-top: 10px } .accommodation_item .room_title { display: inline-block; font-size: 30px; vertical-align: bottom; padding-top: 12px; width: 80%; float: left } .accommodation_item .room_title i { font-size: 30px; vertical-align: middle; margin-left: 7px; margin-right: -14px } .accommodation_item .room_price { display: inline-block; vertical-align: bottom; width: 19%; text-align: right; float: right } div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; z-index: 100; width: 100%; max-width: 500px; -webkit-user-select: none; user-select: none } div.cs-select:focus { outline: 0 } .cs-select select { display: none } .cs-select span { display: block; position: relative; cursor: pointer; padding: 1px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .cs-select>span { padding-right: 60px; padding-left: 15px } .cs-select .cs-selected span::after, .cs-select>span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .cs-select>span::after { content: '\25BE'; font-size: 15px; right: 15px } .cs-select .cs-selected span::after { content: '\2713'; margin-left: 10px; font-size: 15px } .cs-select.cs-active>span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } div.cs-active { z-index: 200 } .cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #fff; visibility: hidden } .cs-select.cs-active .cs-options { visibility: visible } .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; border: 3px solid } .cs-select ul span { padding: 1em } .cs-select ul li span { padding-left: 15px } .cs-select li.cs-optgroup ul { padding-left: 1em } .cs-select li.cs-optgroup>span { cursor: default } div.cs-skin-border { background: 0 0; font-size: 22px; font-weight: 700; max-width: 600px } .cs-skin-border>span { border: 3px solid; border-color: inherit; -webkit-transition: background .2s, border-color .2s; transition: background .2s, border-color .2s } .cs-skin-border .cs-selected span::after, .cs-skin-border>span::after { font-family: FontAwesome; content: '\f063' } .cs-skin-border ul span::after { content: ''; opacity: 0 } .cs-skin-border .cs-selected span::after { content: '\f00c'; font-size: 15px; opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s } .cs-skin-border .cs-options { font-size: .75em; opacity: 0; -webkit-transition: opacity .2s, visibility 0s .2s; transition: opacity .2s, visibility 0s .2s } .cs-skin-border.cs-active .cs-options { opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s } .cs-skin-border ul span { padding: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden } .cs-skin-border .cs-options li span:hover, .cs-skin-border li.cs-focus span { background: #f5f3ec } .accommodation_item .room_price .amount { font-size: 40px } .accommodation_item .room_price .box { text-align: center; max-width: 90px; float: right; bottom: 1px } .accommodation_item .room_price .box label { display: block; margin-top: 5px } .accommodation_item .room_price .box button { font-size: 30px; width: 35px; height: 35px; line-height: 25px } .qty, .qty span { font-size: 16px } .qty { width: 100%; text-align: center; border: none; font-weight: 700; margin-top: 25px; margin-bottom: 10px; line-height: 16px } .qty span { font-weight: 300; line-height: 10px } .accommodation_icon, .accommodation_title { margin-top: 20px; display: inline-block; font-weight: 700 } .accommodation_header { text-align: center } .accommodation_icon { width: 60px; height: 60px; font-size: 40px; line-height: 50px; text-align: center } .accommodation_title { color: #59B546; font-size: 25px; padding-left: 10px; vertical-align: top; line-height: 55px } .accommodation_reservation { height: 60px; width: auto; line-height: 35px; margin-left: 9%; background: 0 0 } #filterOptions li, .panel { background-color: transparent } .tooltip-inner { max-width: 200px; padding: 3px 8px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .panel a { outline: 0 } .panel { width: 200px; display: block; border: none; padding: 0; margin: 0; box-shadow: none } .accordions_titles { display: table; height: 30px } .accordion_description { line-height: 20px; font-size: 16px!important; font-weight: 300; margin-top: 10px } .accordion_button, .panel-collapse h5, a.accordion_button { font-size: 20px; text-transform: uppercase } .accordion_button, a.accordion_button { width: 200px; height: 40px; text-align: center; line-height: 34px; display: inline-block; border: 3px solid; font-weight: 300; transition: all .5s ease-in-out; cursor: pointer; outline: 0; text-decoration: none } .news .accordion_button { display: block; margin: 20px auto 10px } .panel-collapse { text-align: left; padding: 10px 0 } .panel-collapse .center_line { margin-left: 0; width: 100%; display: block } .panel-collapse .accommodation_imgs { text-align: left; width: 100%; display: block } .panel-collapse a img { width: 100%; height: auto } .panel-collapse a { max-width: 20%; margin-bottom: 6px; display: inline-block; float: left; margin-top: 2px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: .7 } .panel-collapse a:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0); opacity: 1 } .accordion_description .name { text-transform: none; font-weight: 700; font-size: 16px } #filterOptions li a, .contact_form h4, .contact_information h6, .news_description h3, .photo figure h2 { text-transform: uppercase } span.sizearea { padding: 1px 5px; border-top: 1px solid; border-bottom: 1px solid } .accordion_full { width: 82%; margin: 0 auto; border: 0 transparent } #sh_carousel { display: block; height: auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #sh_carousel .arrow_left, #sh_carousel .arrow_right { top: 50%; position: absolute; font-size: 30px; z-index: 999 } #sh_carousel .arrow_left { left: 20px } #sh_carousel .arrow_right { right: 20px } #sh_carousel .carousel-indicators { top: 0; position: relative; z-index: 15; width: 100%; text-align: center; list-style: none; margin-bottom: 20px } #sh_carousel .carousel-inner { z-index: 16 } #sh_carousel .carousel-indicators .active { height: auto!important; width: auto!important; box-shadow: none; outline: 0!important; background-color: #59B546; z-index: 99999; margin: 16px!important } .news { min-height: 650px; background-position: top; background-repeat: no-repeat; background-size: 100% } .news .mask { padding-top: 30px } .fetured_speaker_photo { width: 50%; min-height: 300px } .news_row { height: 400px; display: table; border-bottom: 4px solid } .news_description { width: 100%; padding-left: 6%; padding-right: 6%; display: inline; float: right } .news_description h3 { font-size: 35px; margin: 29px 0 -24px; } .news_description p { margin-top: 10px; font-size: 18pt; text-align: justify; color: #000 } .fb, .fb:hover, .gplus, .tw { color: #fff!important } .testimonials_dscrp p { font-size: 19pt } .news_image { background-size: cover; width: 100%; height: 100%; float: left } #testimonials { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } #testimonials .mask { min-height: 650px } #testimonials .carousel-indicators { bottom: 0; padding-bottom: 50px } #testimonials .left_arrow, #testimonials .right_arrow { top: 55% } .testimonials_carousel { border-width: 3px; border-style: solid; margin-left: 9%; margin-right: 9%; width: 82%; height: 300px; text-align: center } .testimonials_carousel .testimonials_dscrp { display: table; height: 300px; width: 80%; margin: 0 auto } .testimonials_carousel .testimonials_dscrp p { display: table-cell; vertical-align: middle } .testimonials_carousel .testimonials_dscrp p span { font-weight: 800; display: block; margin-top: 20px } .photo_carousel { position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; } .photo_carousel_container { margin: 0 auto; display: block; width: 88% } .photo_carousel_ind, .photo_carousel_ind.active { width: 18px; height: 2px; border-width: 3px; border-style: solid; margin: 0 10px; display: inline-block; background: 0 0 } .photo_carousel .carousel-indicators { bottom: 0 } .carousel-indicators { left: auto; width: 100%; margin-left: 0 } .left_arrow, .right_arrow { position: absolute; top: 40% } .left_arrow { left: 3% } .right_arrow { right: 3% } .left_arrow svg, .right_arrow svg { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } #filterOptions { text-align: center; margin-top: 10px; margin-bottom: 20px; padding: 0 } #filterOptions li { text-align: center; list-style: none; display: inline-block; margin: 10px } .photo, .photo figure h2, .photo figure p { margin: 0 } #filterOptions li.active { font-weight: 700 } #filterOptions li a { font-size: 20px } .gallery { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover } .gallery .mask { min-height: 350px } .ourHolder { width: 100%; margin: 0; padding: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; line-height: 0 } .photo { display: inline-block; width: 33.333%; position: relative; float: left; padding: 0; white-space: nowrap; overflow: hidden; border-top: 6px solid #FFF; border-right: 6px solid #FFF } .photo figure { position: relative; height: 290px; text-align: center; cursor: pointer; overflow: hidden } .photo figure img { position: relative; display: block; width: 100%; opacity: .8 } .photo figure figcaption { padding: 2em; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden } .photo figure figcaption::after, .photo figure figcaption::before { pointer-events: none } .photo figure figcaption, .photo figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .photo figure figcaption>a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; text-align: center } .photo figure h2 { font-weight: 300; line-height: 25px; font-size: 25px; padding-top: 70px } .photo figure h2 span { font-weight: 800 } .photo figure p { letter-spacing: 1px; font-size: 80% } figure.parkhotel_img img { opacity: .9; -webkit-transition: opacity .35s; transition: opacity .35s } figure.parkhotel_img figcaption { padding: 3em; background-color: rgba(0, 0, 0, 0); -webkit-transition: background-color .35s; transition: background-color .35s } figure.parkhotel_img figcaption::before { position: absolute; top: 60px; right: 40px; bottom: 60px; left: 40px; border-style: solid; border-width: 1px; content: '' } figure.parkhotel_img h2 { opacity: 0; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } figure.parkhotel_img figcaption::before, figure.parkhotel_img p { opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: scale(0); transform: scale(0) } .sponsor_box img, a.contact_icon { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out } figure.parkhotel_img:hover h2 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } figure.parkhotel_img:hover figcaption::before, figure.parkhotel_img:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } figure.parkhotel_img:hover figcaption { background-color: rgba(0, 0, 0, .7) } figure.parkhotel_img:hover img { opacity: .4 } #about { height: 200px } #about .left_arrow { left: 45%; top: 160px } #about .right_arrow { right: 45%; top: 160px } .about_carousel { width: 100%; height: auto; text-align: center } .about_carousel .about_dscrp { display: block; width: 100%; margin: 0 auto } .about_carousel .about_dscrp p span { font-weight: 800; display: block; margin-top: 20px } .rel_photos { min-height: 450px } #sponsors { height: 240px } #sponsors .left_arrow, #sponsors .right_arrow { top: 30% } .sponsor_box .item { width: 91.2%; margin-left: 6.35% } .image_featured { display: table-cell; vertical-align: middle } .contact_information, .sponsor_basic { vertical-align: top; text-align: center } .sponsor_box img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); transition: all .5s ease-in-out; max-width: 100%; opacity: .7 } .sponsor_box img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0); opacity: 1 } .sponsor_basic { width: 19.1%; margin-right: 4.3%; display: inline-table; background: #fff; height: 150px; max-width: 100%; margin-bottom: 40px } #map, .contact { display: block } .contact, footer { background-position: bottom; background-repeat: no-repeat; background-size: 100% } .sponsor_basic img { width: 80% } #map { width: 100%; height: 600px; margin-bottom: 40px; z-index: 998 } .contact_form { width: 60%; margin: -27px auto 0px; z-index: 999; position: relative; border: 4px solid; text-align: center; padding-bottom: 20px } .contact_form h4 { font-size: 30px; margin: 15px auto 0px; font-weight: 700 } .contact_form input, .contact_form textarea { margin-right: 2%!important; margin-left: 2%!important } .contact_form .accordion_button { margin: 20px auto 10px!important } .contact_information { width: 57%; display: block; margin: 25px auto } .contact_information h6 { font-size: 25px; font-weight: 300 } .contact_information p { font-size: 16pt; font-weight: 700; width: 69%; margin: 0 auto; line-height:1; } .copyright, .footer .link { text-transform: uppercase; display: inline-block; font-weight: 300 } .footer span, .texticon, a.contact_icon { margin-right: 10px } .fb:hover { border: 1px solid #3A5795!important; background-color: #3A5795 } .tw { border: 1px solid #55ACEE!important; background-color: #55ACEE!important } .gplus { border: 1px solid #DD4B39!important; background-color: #DD4B39!important } .fb { border: 1px solid #3A5795!important; background-color: #3A5795 } a.contact_icon { width: 45px; height: 45px; border-style: solid; border-width: 3px; font-size: 28px; padding-top: 11px; margin-bottom: 6px; text-align: center; margin-left: 10px; transition: all .5s ease-in-out } .copyright { float: right; width: 100%; padding: 10px 9% 10px 0; font-size: 19px; text-align: center } footer { border-top: 3px solid; margin-top: -2px; width: 100% } .footer { padding: 10px 0 10px 9%; text-align: left; float: left; width: 50%; display: inline-block } .footer .link { font-size: 18px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .footer span { margin-left: 0 } @media (min-width:1221px) { .eventime_modal .modal-dialog.img-dialog { width: 70% } } @media (max-width:1220px) { .eventime_modal .modal-dialog.img-dialog { width: 85% } .headered { margin-top: -145px } figure.parkhotel_img h2 { font-size: 18px; padding-top: 50px } .photo figure { height: 250px } } @media (max-width:992px) { .dropdown-menu, .title_tab { text-align: center } .navbar-header { float: none } .headered { margin-top: -250px } .title_tab { margin-top: 200px; padding: 0 } .item_description, .item_title { text-align: left } .about_columns { margin: 0 auto } .eventime_modal .btn { width: 90%; margin: 10px auto; float: left } .navbar-left, .navbar-nav, .navbar-right { float: none!important } .navbar-toggle { display: block } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-collapse.collapse { display: none!important } .navbar-nav { margin-top: 7.5px } .navbar-nav>li { float: none } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px } .collapse.in { display: block!important } .container>.navbar-collapse { margin-right: 0; margin-left: 0 } .eventime_modal .modal-dialog.img-dialog { width: 100% } .navbar-collapse { border-top: transparent; box-shadow: transparent; width: 100%; text-align: center!important; max-height: 100% } .description h2 { font-size: 40px } .description h3 { font-size: 25px; text-transform: uppercase; letter-spacing: 5px } .description #clock { font-size: 40px; text-transform: uppercase; letter-spacing: 10px; font-weight: 300 } .details { width: 80%; margin: 0 auto } .tabs_about .mask { min-height: 1000px; height: 100% } #sh_carousel .carousel-indicators div, .tabs_about li { margin-bottom: 10px } .stats li { margin-left: 5%; margin-right: 5% } .stats { padding-bottom: 90px } .about_columns .list .fa { display: none } .about_columns .list, .about_columns .list.right { width: 90%; text-align: center; margin: 0 auto } .title_tab p { width: 80% } .news_image { display: block; float: none; height: 400px } .news_row { height: auto } .photo { width: 50% } .photo figure { height: 150px } .photo figure h2 { font-size: 16px; padding-top: 0 } figure.parkhotel_img figcaption::before { border: none } input[type=checkbox]+label { width: 43%; padding-left: 2%; margin-right: 4%; margin-bottom: 0 } input.reservation_button { margin-left: 0; margin-right: 0; width: 90.5% } .centred { width: 100%; display: block } .firstrow { display: block; height: auto } .centred>.first_line { width: 8% } .centred>.first_title { padding-left: 1% } .centred>.first_description { padding-left: 9% } .welcome_image { height: 900px } .sponsor_featured { width: 90% } .sponsor_basic { width: 42.2%; margin-right: 5% } .contact_information { width: 85%; display: block } #map { height: 300px; margin-bottom: 60px } .contact_form { width: 90%; margin: 50px auto } .contact_form input, .contact_form textarea { margin-right: 2%!important; margin-left: 4.5%!important } .copyright, .footer { margin: 10px auto; text-align: center; float: none; width: 90%; display: block } .copyright { padding: 0 } .footer { padding: 0 0 30px } } @media (max-width:600px) { .description h2 { font-size: 28px; letter-spacing: 10px } .welcome_image { width: 9%; height: 700px } .description h3 { font-size: 20px; text-transform: uppercase; letter-spacing: 5px } .panel-collapse a { max-width: 33.3% } .description #clock { font-size: 30px; text-transform: uppercase; letter-spacing: 10px; font-weight: 300 } .panel-collapse .accommodation_imgs { text-align: center } .details { font-size: 15px; letter-spacing: 2px } .stats li { display: block; margin: 50px auto } .accordion_left { display: block; width: 90%; height: 65px } #testimonials, .photo figure { height: auto } .accordion_right { display: block; width: 90%; padding-left: 9%; border: none } .photo figure p { display: none } .photo figure h2 { padding-top: 50px } .about_carousel { border: none; height: auto; padding-bottom: 50px } .reservation form { display: block; clear: both; margin-top: 20px } .accommodation_item .room_price { width: 80%; display: block; text-align: left; float: left } .accommodation_item .room_price .box { text-align: center; max-width: 100%; float: left; top: 0; margin-bottom: 15px } .accommodation_item p { display: block; width: 100%; clear: both } .accommodation_item .room_price .box .qty { width: 100%; text-align: left; border: none; font-weight: 700; font-size: 16px; margin-top: 5px; margin-bottom: 10px; line-height: 16px } .contact_form input[type=email], .contact_form input[type=number], .contact_form input[type=tel], .contact_form input[type=text], .contact_form textarea, .reservation input[type=email], .reservation input[type=number], .reservation input[type=tel], .reservation input[type=text], .reservation textarea { width: 90%; display: block } .sponsor_basic, .sponsor_basic img, .sponsor_featured img, input.reservation_button, input[type=checkbox]+label { width: 90% } #map { height: 200px } } @media (max-width:472px) { .panel, .photo { width: 100% } .panel { margin: 0 auto } .photo_carousel_container { width: 80%; margin: 0 auto } .eventime_button { margin: 0 auto } .accordion_full { width: 85%; padding-left: 14% } .accommodation_date, .accommodation_month { display: block; margin: 0 auto; text-align: center; padding: 0 } .headered { margin-top: -95px } .title_tab { margin-top: 400px; margin-left: auto; margin-right: auto } .contact_form input[type=submit], .reservation input[type=submit] { width: 90%; margin: 40px 0 0 } #filterOptions { margin-bottom: 0; padding: 0 } #filterOptions li { margin: 3px; padding: 0 } #sh_carousel .carousel-indicators { text-align: center; width: 100% } .accommodation_header { width: 80%; margin: 0 auto } figure.parkhotel_img figcaption { padding: 2em } .photo figure h2 { padding-top: 30px } .menu_tabs { padding-left: 0 } .description h2 { font-size: 20px; letter-spacing: 2px } .details { font-size: 14px; letter-spacing: 1px } } @media screen and (max-width:30em) { div.cs-skin-border { font-size: 1em } } @media (min-aspect-ratio:16/9) { .fullscreen-bg__video { height: 300%; top: -100% } } @media (max-aspect-ratio:16/9) { .fullscreen-bg__video { width: 300%; left: -100% } } @media (max-width:767px) { .fullscreen-bg { background: url(../img/videoframe.html) center center/cover no-repeat } .fullscreen-bg__video { display: none } } /*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0%, 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } } @keyframes pulse { 0%, 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0%, 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } } @keyframes rubberBand { 0%, 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0%, 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } @keyframes tada { 0%, 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0%, 100% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } @keyframes wobble { 0%, 100% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0) } } .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: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .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 } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipInY, .flipOutX { -webkit-backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg); transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg); transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } 100% { -webkit-transform: translate3d(10%, 0, 0) skewX(30deg); transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } 100% { -webkit-transform: translate3d(10%, 0, 0) skewX(30deg); transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 100% { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 100% { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 200px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 200px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 200px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 200px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -200px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -200px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -200px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -200px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible } 100% { -webkit-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% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%) } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; padding: 2px 8px 8px 0; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; width: 39.2% } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: 0 0; border: none } .xdsoft_datetimepicker button { border: none!important } .xdsoft_noselect { -webkit-user-select: none; -o-user-select: none; user-select: none } .xdsoft_noselect::selection { background: 0 0 } .xdsoft_noselect::-moz-selection { background: 0 0 } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block } .xdsoft_datetimepicker .xdsoft_datepicker { width: 94%; margin: 0 auto } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0 } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC') } .xdsoft_datetimepicker .xdsoft_label i { opacity: .5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0 } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0 } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; display: block; height: 30px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: 0; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0 } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0 } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child { border-top-width: 0 } .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer } .xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1 } .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden } .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect { right: -7px } .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect { right: 2px } .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none!important } .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current { font-weight: 700 } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100% } .xdsoft_datetimepicker .xdsoft_calendar td>div { padding-right: 5px } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5% } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { font-weight: 700 } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { background: #3af!important; box-shadow: #178fe5 0 1px 3px 0 inset!important; color: #fff!important } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover { color: inherit!important; background: inherit!important; box-shadow: inherit!important } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc!important; font-size: 10px; clear: both; float: none; margin-left: 8px } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee!important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa!important } .xdsoft_time_box { position: relative; border: 1px solid #ccc } .xdsoft_scrollbar>.xdsoft_scroller { background: #ccc!important; height: 20px; border-radius: 3px } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer } .xdsoft_scroller_box { position: relative } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div { background: #0a0a0a; border-top: 1px solid #222; color: #999 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select { border: 1px solid #333; background: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover { color: #000; background: #007fff } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==') } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #c50 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover { color: #000!important; background: #007fff!important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666 } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333!important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111!important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555!important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333 } .xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller { background: #333!important } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #ddd!important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px } .xdsoft_datetimepicker .blue-gradient-button { font-family: museo-sans, "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa)); background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%); background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0) } .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF)); background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0) } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden!important } #swipebox-overlay img { border: none!important } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999!important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #swipebox-container { position: relative; width: 100%; height: 100% } #swipebox-slider { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px } #swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle } #swipebox-slider .slide .swipebox-video-container { background: 0 0; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0 } #swipebox-slider .slide-loading { background: url(../img/loader.html) center center no-repeat } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: .5s; transition: .5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100% } #swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0) } #swipebox-top-bar { top: -50px; font-size: 15px; line-height: 43px } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } #swipebox-title { display: block; width: 100%; text-align: center } #swipebox-close, #swipebox-next, #swipebox-prev { font-family: FontAwesome; background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; width: 60px; height: 60px; top: 0; text-align: center; padding-top: 10px } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px } #swipebox-prev { background-position: -32px 13px; float: left } #swipebox-next { background-position: -78px 13px; float: right } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px } .swipebox-no-close-button #swipebox-close { display: none } #swipebox-next.disabled, #swipebox-prev.disabled { opacity: .3 } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring .3s; animation: rightSpring .3s } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring .3s; animation: leftSpring .3s } .swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0 } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0 10px -8px #656565; box-shadow: inset 10px 0 10px -8px #656565 } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0 10px -8px #656565; box-shadow: inset -10px 0 10px -8px #656565 } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1 } @-webkit-keyframes rightSpring { 0%, 100% { left: 0 } 50% { left: -30px } } @keyframes rightSpring { 0%, 100% { left: 0 } 50% { left: -30px } } @-webkit-keyframes leftSpring { 0%, 100% { left: 0 } 50% { left: 30px } } @keyframes leftSpring { 0%, 100% { left: 0 } 50% { left: 30px } } @media screen and (min-width:800px) { #swipebox-close { right: 10px } #swipebox-arrows { width: 92%; max-width: 800px } } #swipebox-bottom-bar { bottom: -50px; opacity: .95 } @media (max-width:768px){ .headered{ margin-top:-100px; } } @media (max-width: 1024px){ .headered{ margin-top:-91px; } } @media (max-width: 768px){ .Call { position:absolute; left:150px; top:20px; z-index: 100; border-radius: 6px; width: 28% !important; } .book { position: fixed; right: 92px !important; top:0px; z-index: 100; border-radius: 6px; width: 14%; } } @media (max-width: 425px){ .Call { position:absolute; left:150px; top:20px; z-index: 100; border-radius: 6px; width: 51% !important; } } @media (max-width: 375px){ .Call { position:absolute; left:115px !important; top:20px; z-index: 100; border-radius: 6px; width: 57% !important; } } .Scall{ color:#2245b9; font-size:26px; font-family:verdana; } @media(max-width: 320px){ .Scall{ color:#2245b9; font-size:21px !important; font-family:verdana; } } @media (max-width: 1024px){ .book { position: fixed; right: 57px !important; top:0px; z-index: 100; border-radius: 6px; width: 14%; } } .logo img{ width: 100px !important; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings