Файловый менеджер - Редактировать - /home/infrafs/INFRABIKEIT/wp-content/plugins/scss.zip
Назад
PK � 4\�\�5� � _grid-system-mixin.scssnu �[��� /* ========================================================================== Grid System Mixin style - begin ========================================================================== */ $gridConfig: ( gutter: 15, numberOfCols: 12, stackOn: ipad-landscape ); @function getColWidth($col, $colsNumber: map-get($gridConfig, numberOfCols)) { @if ($col != '' && round($col) == $col) { $col: $col; } @else { $col: $colsNumber; } @return ($col / $colsNumber) * 100%; } @mixin createGridRow($padding: '') { @if ($padding == '') { $padding: map-get($gridConfig, gutter); } margin-left: -#{$padding}px; margin-right: -#{$padding}px; } @mixin createGridColumn($cols: map-get($gridConfig, numberOfCols), $padding: '', $colsNumber: map-get($gridConfig, numberOfCols)) { position: relative; float: left; width: getColWidth($cols, $colsNumber); min-height: 1px; @if ($padding == '') { $padding: map-get($gridConfig, gutter); } @include createGridColumnPadding($padding); box-sizing: border-box; @include eltdClearfix(); } @mixin createGridColumnPadding($padding) { padding-left: #{$padding}px; padding-right: #{$padding}px; } @mixin createGridColumnPush($cols: 1, $size: map-get($gridConfig, stackOn)) { left: getColWidth($cols); @include createGridColumnPushResponsive($size); } @mixin createGridColumnPull($cols: 1, $size: map-get($gridConfig, stackOn)) { right: getColWidth($cols); @include createGridColumnPullResponsive($size); } @mixin createGridColumnResponsive($size: map-get($gridConfig, stackOn), $cols: map-get($gridConfig, numberOfCols), $stack: true) { $colWidth: getColWidth($cols); @if ($size == 'laptop-landscape-large') { @include laptop-landscape-large { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'laptop-landscape-medium') { @include laptop-landscape-medium { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'laptop-landscape') { @include laptop-landscape { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'ipad-landscape') { @include ipad-landscape { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'ipad-portrait') { @include ipad-portrait { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'phone-landscape') { @include phone-landscape { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'phone-portrait') { @include phone-portrait { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } @else if ($size == 'smaller-phone-portrait') { @include smaller-phone-portrait { width: $colWidth; @if ($stack) { float: none; } @else { float: left; } } } } @mixin createGridColumnPushResponsive($size: map-get($gridConfig, stackOn)) { @if ($size == 'laptop-landscape-large') { @include laptop-landscape-large { left: 0; } } @else if ($size == 'laptop-landscape-medium') { @include laptop-landscape-medium { left: 0; } } @else if ($size == 'laptop-landscape') { @include laptop-landscape { left: 0; } } @else if ($size == 'ipad-landscape') { @include ipad-landscape { left: 0; } } @else if ($size == 'ipad-portrait') { @include ipad-portrait { left: 0; } } @else if ($size == 'phone-landscape') { @include phone-landscape { left: 0; } } @else if ($size == 'phone-portrait') { @include phone-portrait { left: 0; } } @else if ($size == 'smaller-phone-portrait') { @include smaller-phone-portrait { left: 0; } } } @mixin createGridColumnPullResponsive($size: map-get($gridConfig, stackOn)) { @if ($size == 'laptop-landscape-large') { @include laptop-landscape-large { right: 0; } } @else if ($size == 'laptop-landscape-medium') { @include laptop-landscape-medium { right: 0; } } @else if ($size == 'laptop-landscape') { @include laptop-landscape { right: 0; } } @else if ($size == 'ipad-landscape') { @include ipad-landscape { right: 0; } } @else if ($size == 'ipad-portrait') { @include ipad-portrait { right: 0; } } @else if ($size == 'phone-landscape') { @include phone-landscape { right: 0; } } @else if ($size == 'phone-portrait') { @include phone-portrait { right: 0; } } @else if ($size == 'smaller-phone-portrait') { @include smaller-phone-portrait { right: 0; } } } @mixin eltdClearfix() { &:before, &:after { content: " "; /* 1 */ display: table; /* 2 */ } &:after { clear: both; } & { *zoom: 1; } } /* ========================================================================== Grid System Mixin style - end ========================================================================== */PK � 4\�|�{ _grid-system.scssnu �[��� /* ========================================================================== Grid System style - begin ========================================================================== */ .eltd-two-columns-form-without-space { .eltd-column-left { display: table-cell; width: 99%; vertical-align: top; } .eltd-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; } } .eltd-two-columns-form-with-space { .eltd-column-left { display: table-cell; width: 99%; vertical-align: top; padding: 0 10px 0 0; box-sizing: border-box; } .eltd-column-right { display: table-cell; width: 1%; text-align: left; vertical-align: top; padding: 0 0 0 10px; box-sizing: border-box; } } /* * If you changed some value for space do the same thing in masonry-type, product-list-main-and-vc scss files */ $columns_space_label: ('no', 'tiny', 'small', 'normal', 'medium', 'large', 'huge' ); $columns_space_width: (0, 5, 10, 15, 20, 25, 40); @for $i from 0 to length($columns_space_label) { .eltd-#{nth($columns_space_label,$i+1)}-space { $column_width: nth($columns_space_width,$i+1); $column_width_margin: $column_width*2; &.eltd-disable-bottom-space { @if($column_width == 0) { margin-bottom: 0; } @else { margin-bottom: -#{$column_width_margin}px; } } .eltd-outer-space { @if($column_width == 0) { margin: 0; } @else { margin: 0 -#{$column_width}px; } .eltd-item-space { padding: 0 #{$column_width}px; margin: 0 0 #{$column_width_margin}px; } } &.eltd-disable-item-bottom-space { .eltd-item-space { margin: 0; } } } } @import 'grid-system-mixin'; .eltd-grid-row { @include createGridRow(); @include eltdClearfix(); } //generate gutter spaces $columns_space_label: ('no', 'tiny', 'small', 'normal', 'medium', 'large', 'huge' ); $columns_space: (0, 5, 10, 15, 20, 25, 40); @for $i from 0 to length($columns_space_label) { .eltd-grid-#{nth($columns_space_label,$i+1)}-gutter { $item_space: nth($columns_space, $i+1); //generate holder margin @include createGridRow($item_space); //generate columns padding > div { @include createGridColumnPadding($item_space); } } } //generate column classes @for $i from 1 to (map-get($gridConfig, numberOfCols) + 1) { .eltd-grid-col-#{$i} { @include createGridColumn($i); @include createGridColumnResponsive(map-get($gridConfig, stackOn)); } } //generate push / pull classes @for $i from 1 to (map-get($gridConfig, numberOfCols) + 1) { .eltd-grid-col-push-#{$i} { @include createGridColumnPush($i); } .eltd-grid-col-pull-#{$i} { @include createGridColumnPull($i); } } //generate responsive width column classes @for $i from 1 to (map-get($gridConfig, numberOfCols) + 1) { @each $size, $width in $breakpoints { .eltd-grid-col-#{$size}-#{$i} { $stack: false; //check if current column is max number of columns. //if it is than we need to stack columns @if($i == map-get($gridConfig, numberOfCols)) { $stack: true; } //if current column isn't the max number of columns //than generate responsive for it. @if($i < (map-get($gridConfig, numberOfCols) + 1)) { @include createGridColumnResponsive($size, $i, $stack); } } } } /* ========================================================================== Grid System style - end ========================================================================== */PK � 4\H��P �P _global.scssnu �[��� /* #Reset default styles - start ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; border: medium none; vertical-align: middle; } table th { border: 0; padding: 5px 7px; text-align: center; } table td { padding: 5px 10px; text-align: center; } a img { border: none; } img, .wp-caption { max-width: 100%; height: auto; } iframe { max-width: 100%; } /* #Reset default styles - end ========================================================================== */ /* #General styles that are used in our theme - start * Here are defined global styles on body element, on container elements that hold every page, * headings and links, inputs, core wp styles and default pagination styles ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear:after { clear: both; content: ""; display: block; } html { overflow-y: scroll !important; /* for vertical split screen slider shortcode on touch devices */ } body { font-family: $default-text-font; font-weight: 400; font-size: 14px; line-height: 24px; color: $default-text-color; background-color: $default-background-color; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } h1 { font-size: 45px; font-weight: 700; line-height: 1em; letter-spacing: -0.225px; } h2 { font-size: 39px; font-weight: 700; line-height: 1.05em; letter-spacing: -0.195px; } h3 { font-size: 25px; font-weight: 700; letter-spacing: -0.125px; line-height: 1.2em; } h4 { font-size: 16px; font-weight: 700; line-height: 1.3em; letter-spacing: -0.08px; } h5 { font-size: 16px; font-style: italic; line-height: 1.3em; } h6 { font-size: 15px; font-weight: 400; line-height: 1.2em; } h1, h2, h3, h4 { text-transform: uppercase; } h5, h6 { text-transform: lowercase; } h1, h2, h3, h4, h5, h6 { color: $default-heading-color; font-family: $default-heading-font; margin: 20px 0; a { @include eltdTypographyLayout(); &:hover { color: inherit; } } } a, p a { color: $default-text-color; text-decoration: none; @include eltdTransition(color .2s ease-out); &:hover { color: $default-heading-color; } } p { margin: 10px 0; color: $default-heading-color; } input[type='submit'] { -webkit-appearance: none; } ul, ol { list-style-position: inside; margin: 15px 0; } ul ul, ol ol, ol ul, ul ol { margin: 0; padding: 0 0 0 15px; } pre { background-color: $default-background-color; padding: 15px; max-width: 100%; white-space: pre-wrap; word-wrap: break-word; margin: 15px 0; } dt { font-size: 15px; font-weight: bold; margin-bottom: 10px; } dd { margin-bottom: 15px; } sub, sup { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sub { top: 0.5ex; } sup { bottom: 0.5ex; } .wp-caption-text { margin: 0; font-style: italic; } table { width: 100%; } table thead tr, table tbody tr { border: 1px solid $default-border-color; } table tbody th { border-right: 1px solid $default-border-color; } blockquote { @include eltdRelativeHolderLayout(); margin: 10px 0; padding: 0; font-size: 20px; font-style: italic; font-weight: 700; font-family: $default-heading-font; text-transform: uppercase; line-height: 30px; text-align: left; quotes: "“" "”" "‘" "’"; box-sizing: border-box; > * { @include eltdTypographyLayout(); margin: 0; display: inline; } &:before { content: open-quote; margin-right: 6px; } &:after { content: close-quote; margin-left: 6px; } cite { font-style: normal; font-weight: 400; } } /* Webkit */ ::selection { background: $first-main-color; color: $default-background-color; } /* Gecko/Mozilla */ ::-moz-selection { background: $first-main-color; color: $default-background-color; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { opacity: 1; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { display: block; margin: 10px auto; } .alignwide { margin-left: auto; margin-right: auto; clear: both; } @include ipad-landscape { .alignwide { width: 100%; max-width: 100%; } } .alignfull { position: relative; left: -1rem; width: calc( 100% + (2 * 1rem)); max-width: calc( 100% + (2 * 1rem)); clear: both; } @include ipad-landscape { .alignfull { left: calc( -12.5% - 75px); width: calc( 125% + 150px); max-width: calc( 125% + 150px); margin-top: calc(2 * 1rem); margin-bottom: calc(2 * 1rem); } } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .eltd-wrapper { position: relative; left: 0; z-index: 1000; .eltd-wrapper-inner { width: 100%; overflow: hidden; } } .eltd-content { position: relative; margin-top: 0; z-index: 100; background-color: $default-background-color; /*this is needed because of the uncovering footer*/ } .eltd-boxed { overflow: hidden !important; /* this is because content jumping while using accordion and display:inline-block on 'body.eltd-boxed .eltd-wrapper' */ .eltd-wrapper { display: inline-block; vertical-align: middle; width: 100%; .touch & { background-repeat: repeat; } .eltd-wrapper-inner { width: $grid-width-boxed; overflow: visible; margin: auto; } } .eltd-content { overflow: hidden; } .eltd-footer-inner { width: $grid-width-boxed; margin: auto; } .eltd-page-header .eltd-sticky-header, .eltd-page-header .eltd-fixed-wrapper.fixed { width: $grid-width-boxed; left: auto; } } .eltd-paspartu-enabled { .eltd-wrapper { padding: 10px; background-color: #fff; box-sizing: border-box; } &.eltd-top-paspartu-disabled { .eltd-wrapper { padding-top: 0 !important; } } } .eltd-smooth-transition-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background-color: #fff; } .eltd-container { background-color: #fff; //beacuse of the Elated Slider, since content have to go over it position: relative; padding: 0; width: 100%; z-index: 100; &:before { content: " "; display: table; } &:after { content: " "; display: table; clear: both; } } .eltd-container-inner { //not in parent selector since this class is used for positioning other elements in grid width: $grid-width; margin: 0 auto; } .eltd-full-width { position: relative; z-index: 100; } .eltd-content .eltd-content-inner > .eltd-container > .eltd-container-inner, .eltd-content .eltd-content-inner > .eltd-full-width > .eltd-full-width-inner { padding-top: 40px; // default value for content top padding } @media only screen and (min-width: 1400px) { .eltd-grid-1300 { .eltd-grid, .eltd-container-inner, .eltd-row-grid-section { width: $grid-width-1300; } } .eltd-grid-1300.eltd-boxed { .eltd-footer-inner, .eltd-wrapper-inner { width: $grid-width-1300 + 50px; } .eltd-page-header .eltd-sticky-header, .eltd-page-header .eltd-fixed-wrapper.fixed { width: $grid-width-1300 + 50px; left: auto; } } } @media only screen and (min-width: 1300px) { .eltd-grid-1200 { .eltd-grid, .eltd-container-inner, .eltd-row-grid-section { width: $grid-width-1200; } } .eltd-grid-1200.eltd-boxed { .eltd-footer-inner, .eltd-wrapper-inner { width: $grid-width-1200 + 50px; } .eltd-page-header .eltd-sticky-header, .eltd-page-header .eltd-fixed-wrapper.fixed { width: $grid-width-1200 + 50px; left: auto; } } } @media only screen and (min-width: 1200px) { .eltd-grid-1000 { .eltd-grid, .eltd-container-inner, .eltd-row-grid-section { width: $grid-width-1000; } } .eltd-grid-1000.eltd-boxed { .eltd-footer-inner, .eltd-wrapper-inner { width: $grid-width-1000 + 50px; } .eltd-page-header .eltd-sticky-header, .eltd-page-header .eltd-fixed-wrapper.fixed { width: $grid-width-1000 + 50px; left: auto; } } } @media only screen and (min-width: 1024px) { .eltd-grid-800 { .eltd-grid, .eltd-container-inner, .eltd-row-grid-section { width: $grid-width-800; } } .eltd-grid-800.eltd-boxed { .eltd-footer-inner, .eltd-wrapper-inner { width: $grid-width-800 + 50px; } .eltd-page-header .eltd-sticky-header, .eltd-page-header .eltd-fixed-wrapper.fixed { width: $grid-width-800 + 50px; left: auto; } } } /* #General styles that are used in our theme - end ========================================================================== */ @include keyframes(preload-background) { from { background-position: 0 0; } to { background-position: 100% 0; } } .eltd-preload-background { background: transparent url('../img/preload_pattern.png') repeat scroll inherit !important; @include animation(preload-background, 40s, infinite, linear, 0s); } .eltd-grid { width: $grid-width; margin: 0 auto; } .eltd-vertical-align-containers { position: relative; height: 100%; width: 100%; padding: 0 20px; box-sizing: border-box; &.eltd-25-50-25 { .eltd-position-left, .eltd-position-right { width: 25%; } .eltd-position-center { width: 50%; left: 50%; @include eltdTransform(translateX(-50%)); } } &.eltd-33-33-33 { .eltd-position-left, .eltd-position-center, .eltd-position-right { width: 33.33%; } .eltd-position-center { width: 50%; left: 50%; @include eltdTransform(translateX(-50%)); } } &.eltd-50-50 { .eltd-position-left, .eltd-position-right { width: 50%; } } &.eltd-33-66 { .eltd-position-left { width: 33.33%; } .eltd-position-right { width: 66.66%; } } &.eltd-66-33 { .eltd-position-left { width: 66.66%; } .eltd-position-right { width: 33.33%; } } .eltd-position-left { position: relative; float: left; z-index: 2; height: 100%; } .eltd-position-center { height: 100%; width: 100%; position: absolute; left: 0; text-align: center; z-index: 1; } .eltd-position-right { position: relative; float: right; z-index: 2; height: 100%; text-align: right; } .eltd-position-left-inner, .eltd-position-center-inner, .eltd-position-right-inner { vertical-align: middle; display: inline-block; } .eltd-position-right.eltd-has-widget .eltd-position-right-inner { height: 100%; } .eltd-position-left:before, .eltd-position-center:before, .eltd-position-right:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } } /* ========================================================================== #Row styles - start ========================================================================== */ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; // important is in order to prevent visual composer styles in all cases } .vc_row { .wpb_gmaps_widget .wpb_wrapper { padding: 0; background-color: transparent; } } .wpb_single_image a.vc_single_image-wrapper { overflow:hidden; img { @include eltdTransition(all .32s ease-in-out); } &:hover { img { @include eltdTransform(scale(1.05)); } } } .eltd-row-grid-section { position: relative; width: 1100px; margin: 0 auto; z-index: 20; } .eltd-content-aligment-left { text-align: left; } .eltd-content-aligment-center { text-align: center; } .eltd-content-aligment-right { text-align: right; } @include laptop-landscape-medium { .eltd-disabled-bg-image-bellow-1280 { background-image: none !important; } } @include ipad-landscape { .eltd-disabled-bg-image-bellow-1024 { background-image: none !important; } } @include ipad-portrait { .eltd-disabled-bg-image-bellow-768 { background-image: none !important; } } @include phone-landscape { .eltd-disabled-bg-image-bellow-680 { background-image: none !important; } } @include phone-portrait { .eltd-disabled-bg-image-bellow-480 { background-image: none !important; } } .eltd-parallax-row-holder { position: static; padding: 0; background-repeat: no-repeat; background-color: transparent; background-position: center 0; background-attachment: fixed; overflow: hidden; @include ipad-landscape { height: auto !important; min-height: 200px !important; background-position: center top !important; background-attachment: scroll; background-size: cover; } } /* ========================================================================== #Row styles - end ========================================================================== */ /* ========================================================================== #VC Revolution Slider styles - begin ========================================================================== */ .eltd-rev-has-paspartu { @include eltdRelativeHolderLayout(); height: 100vh; margin: 0; box-sizing: border-box; .admin-bar & { height: calc(100vh - 32px); } &.eltd-side-paspartu-disabled { padding-left: 0 !important; padding-right: 0 !important; } &.eltd-paspartu-tiny { padding: 10px; &.eltd-top-paspartu-disabled { padding-top: 0; .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 10px) !important; .admin-bar & { height: calc(100vh - 42px) !important; } } } } .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; .admin-bar & { height: calc(100vh - 52px) !important; } } } } &.eltd-paspartu-small { padding: 20px; &.eltd-top-paspartu-disabled { padding-top: 0; .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; .admin-bar & { height: calc(100vh - 52px) !important; } } } } .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 40px) !important; .admin-bar & { height: calc(100vh - 72px) !important; } } } } &.eltd-paspartu-normal { padding: 30px; &.eltd-top-paspartu-disabled { padding-top: 0; .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 30px) !important; .admin-bar & { height: calc(100vh - 62px) !important; } } } } .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 60px) !important; .admin-bar & { height: calc(100vh - 92px) !important; } } } @include phone-landscape { padding: 20px; &.eltd-top-paspartu-disabled { padding-top: 0; .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; .admin-bar & { height: calc(100vh - 52px) !important; } } } } .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 40px) !important; .admin-bar & { height: calc(100vh - 72px) !important; } } } } } &.eltd-paspartu-large { padding: 50px; &.eltd-top-paspartu-disabled { padding-top: 0; .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 50px) !important; .admin-bar & { height: calc(100vh - 82px) !important; } } } } .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 100px) !important; .admin-bar & { height: calc(100vh - 132px) !important; } } } @include phone-landscape { padding: 20px; &.eltd-top-paspartu-disabled { padding-top: 0; .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 20px) !important; .admin-bar & { height: calc(100vh - 52px) !important; } } } } .forcefullwidth_wrapper_tp_banner { .tp-fullwidth-forcer { height: calc(100vh - 40px) !important; .admin-bar & { height: calc(100vh - 72px) !important; } } } } } .forcefullwidth_wrapper_tp_banner { width: 100% !important; left: 0 !important; .rev_slider_wrapper { left: 0 !important; width: 100% !important; height: 100% !important; } .tp-fullwidth-forcer { height: 100vh !important; .admin-bar & { height: calc(100vh - 32px) !important; } } } } /* ========================================================================== #VC Revolution Slider styles - end ========================================================================== */ /* ========================================================================== #Screen reader text - begin ========================================================================== */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; &:focus { clip: auto !important; display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; color: #21759b; font-size: 14px; font-weight: bold; line-height: normal; text-decoration: none; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); z-index: 100000; /* Above WP toolbar. */ } } /* ========================================================================== #Screen reader text - end ========================================================================== */PK � 4\7�3�vS vS $ modules/plugins/default/_swiper.scssnu �[��� /** * Swiper 4.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2017 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 18, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }PK � 4\ߗ��$ �$ ) modules/plugins/default/_prettyPhoto.scssnu �[��� /* ========================================================================== Pretty Photo style - begin ========================================================================== */ body { .pp_pic_holder { position: fixed !important; top: 50% !important; left: 50% !important; display: none; width: 100px; z-index: 10001 !important; @include eltdTransform(translateX(-50%) translateY(-50%)); @include ipad-portrait { width: 90% !important; } .pp_top, .pp_bottom { display: none !important; } .pp_content { position: relative; background: none; margin: 0 auto; height: 40px; min-width: 40px; width: 100%; @include ipad-portrait { width: 100% !important; } * html & { width: 40px; } } .pp_content_container { position: relative; text-align: left; width: 100%; .pp_left, .pp_right { background: none !important; padding: 0 !important; } } #pp_full_res { line-height: 1 !important; .pp_inline { color: $default-heading-color; text-align: left; p { margin: 0 0 15px; } } iframe { width: 100% !important; } img { display: block; @include ipad-portrait { width: 100% !important; height: auto !important; } } } .ppt, .pp_gallery, .pp_description { display: none !important; } .pp_loaderIcon { position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #fff; border-radius: 16px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } .pp_fade { position: relative; top: 50%; display: none; @include eltdTransform(translateY(-50%) translateZ(0)); } .pp_details { position: relative; top: -1px; display: table; vertical-align: top; width: 100% !important; float: none !important; margin: 0 !important; padding: 15px 24px; background-color: #fff; box-sizing: border-box; .pp_nav { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: auto; float: none; margin: 0 !important; .pp_play, .pp_pause { display: none; } .currentTextHolder { position: absolute; top: 0; left: 50%; width: auto; margin: 0; padding: 0; float: none; color: $default-text-color; font-family: inherit; font-size: inherit; line-height: 30px; font-style: inherit; letter-spacing: 5px; } } } a { &:focus { outline: none; } &.pp_arrow_previous, &.pp_arrow_next { position: relative; display: inline-block; vertical-align: top; left: auto !important; float: none; width: auto !important; height: auto !important; margin: 0 !important; color: $default-text-color; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-indent: 0; background: none !important; opacity: 1 !important; overflow: visible; &:after { font-size: 30px; } &:hover { color: $default-heading-color; } } &.pp_arrow_previous { &:after { content: "\f3cf"; } } &.pp_arrow_next { margin: 0 0 0 14px !important; &:after { content: "\f3d1"; } } &.pp_next, &.pp_previous { position: absolute; top: calc(50% - 20px); width: auto; height: auto; display: inline-block; margin: 0 !important; background: none !important; color: $default-heading-color; font-family: 'Ionicons'; font-size: 30px; line-height: 1; text-indent: -9999px !important; opacity: 0; @include eltdTransition(opacity 0.2s ease-out, color 0.2s ease-out); > * { display: none; } &:after { display: block; line-height: inherit; text-indent: 0 !important; } &:hover { color: rgba($default-heading-color, .8); } } &.pp_previous { left: 30px; @include ipad-portrait { left: 20px; } &:after { content: "\f3cf"; } } &.pp_next { right: 30px; @include ipad-portrait { right: 20px; } &:after { content: "\f3d1"; } } &.pp_close { position: relative; display: table-cell; vertical-align: middle; width: auto; height: auto; margin: 0 !important; background: none !important; color: $default-text-color; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-indent: 0; cursor: pointer; opacity: 1 !important; &:after { content: "\f2d7"; font-size: 28px; } &:hover { color: $default-heading-color; } } &.pp_expand { position: absolute; right: -22px; top: -18px; display: block; height: auto; width: auto; color: #fff; font-family: 'Ionicons'; font-size: 0; line-height: 1; text-align: center; text-indent: 0; background: none !important; z-index: 2001; &:after { content: "\f386"; font-size: 22px; } &:hover { color: rgba(#fff, .8); } } } } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; @include ipad-portrait { width: 100% !important; height: 100% !important; } &:hover { a { &.pp_next, &.pp_previous { opacity: 1; } } } } .pp_overlay { position: absolute; top: 0; left: 0; width: 100%; display: none; background-color: $default-heading-color; z-index: 10000 !important; } } /* ========================================================================== Pretty Photo style - end ========================================================================== */PK � 4\ �~�� � # modules/plugins/default/_slick.scssnu �[��� /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; &:focus { outline: none; } &.dragging { cursor: pointer; cursor: hand; } } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; &:before, &:after { content: ""; display: table; } &:after { clear: both; } .slick-loading & { visibility: hidden; } } .slick-slide { float: left; height: 100%; min-height: 1px; [dir="rtl"] & { float: right; } img { display: block; } &.slick-loading img { display: none; } display: none; &.dragging img { pointer-events: none; } .slick-initialized & { display: block; } .slick-loading & { visibility: hidden; } .slick-vertical & { display: block; height: auto; border: 1px solid transparent; } } .slick-arrow.slick-hidden { display: none; } PK � 4\ �2c6 c6 % modules/plugins/default/_animate.scssnu �[��� @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 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.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } PK � 4\�"�� � / modules/plugins/default/_perfect-scrollbar.scssnu �[��� /* ========================================================================== #Perfect scroll styles - start ========================================================================== */ //perfect scroll variables // Colors $ps-border-radius: 6px !default; $ps-rail-default-opacity: 0 !default; $ps-rail-container-hover-opacity: 0.6 !default; $ps-rail-hover-opacity: 0.9 !default; $ps-bar-bg: transparent !default; $ps-bar-container-hover-bg: #aaa !default; $ps-bar-hover-bg: #999 !default; $ps-rail-hover-bg: #eee !default; // Sizes $ps-scrollbar-x-rail-bottom: 0px !default; $ps-scrollbar-x-rail-height: 15px !default; $ps-scrollbar-x-bottom: 2px !default; $ps-scrollbar-x-height: 6px !default; $ps-scrollbar-x-hover-height: 11px !default; $ps-scrollbar-y-rail-right: 0 !default; $ps-scrollbar-y-rail-width: 15px !default; $ps-scrollbar-y-right: 2px !default; $ps-scrollbar-y-width: 6px !default; $ps-scrollbar-y-hover-width: 11px !default; //perfect scroll mixins - start @mixin scrollbar-rail-default($theme) { display: none; position: absolute; /* please don't change 'position' */ opacity: map_get($theme, rail-default-opacity); transition: background-color .2s linear, opacity .2s linear; } @mixin scrollbar-rail-hover($theme) { background-color: map_get($theme, rail-hover-bg); opacity: map_get($theme, rail-hover-opacity); } @mixin scrollbar-default($theme) { position: absolute; /* please don't change 'position' */ background-color: map_get($theme, bar-container-hover-bg); border-radius: map_get($theme, border-radius); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; } @mixin scrollbar-hover($theme) { background-color: map_get($theme, bar-hover-bg); } @mixin in-scrolling($theme) { &.ps--in-scrolling { &.ps--x > .ps__scrollbar-x-rail { @include scrollbar-rail-hover($theme); > .ps__scrollbar-x { @include scrollbar-hover($theme); height: map_get($theme, scrollbar-x-hover-height); } } &.ps--y > .ps__scrollbar-y-rail { @include scrollbar-rail-hover($theme); > .ps__scrollbar-y { @include scrollbar-hover($theme); width: map_get($theme, scrollbar-y-hover-width); } } } } // Layout and theme mixin @mixin ps-container($theme) { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; // Edge @supports (-ms-overflow-style: none) { overflow: auto !important; } // IE10+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { overflow: auto !important; } &.ps--active-x > .ps__scrollbar-x-rail, &.ps--active-y > .ps__scrollbar-y-rail { display: none; /* Switched from block to none by Theme Author to hide the rulers */ background-color: map_get($theme, bar-bg); } @include in-scrolling($theme); > .ps__scrollbar-x-rail { @include scrollbar-rail-default($theme); bottom: map_get($theme, scrollbar-x-rail-bottom); /* there must be 'bottom' for ps__scrollbar-x-rail */ height: map_get($theme, scrollbar-x-rail-height); > .ps__scrollbar-x { @include scrollbar-default($theme); bottom: map_get($theme, scrollbar-x-bottom); /* there must be 'bottom' for ps__scrollbar-x */ height: map_get($theme, scrollbar-x-height); } &:hover, &:active { > .ps__scrollbar-x { height: map_get($theme, scrollbar-x-hover-height); } } } > .ps__scrollbar-y-rail { @include scrollbar-rail-default($theme); right: map_get($theme, scrollbar-y-rail-right); /* there must be 'right' for ps__scrollbar-y-rail */ width: map_get($theme, scrollbar-y-rail-width); > .ps__scrollbar-y { @include scrollbar-default($theme); right: map_get($theme, scrollbar-y-right); /* there must be 'right' for ps__scrollbar-y */ width: map_get($theme, scrollbar-y-width); } &:hover, &:active { > .ps__scrollbar-y { width: map_get($theme, scrollbar-y-hover-width); } } } &:hover { @include in-scrolling($theme); > .ps__scrollbar-x-rail, > .ps__scrollbar-y-rail { opacity: map_get($theme, rail-container-hover-opacity); } > .ps__scrollbar-x-rail:hover { @include scrollbar-rail-hover($theme); > .ps__scrollbar-x { @include scrollbar-hover($theme); } } > .ps__scrollbar-y-rail:hover { @include scrollbar-rail-hover($theme); > .ps__scrollbar-y { @include scrollbar-hover($theme); } } } } //perfect scroll mixins - end $ps-theme-default: ( border-radius: $ps-border-radius, rail-default-opacity: $ps-rail-default-opacity, rail-container-hover-opacity: $ps-rail-container-hover-opacity, rail-hover-opacity: $ps-rail-hover-opacity, bar-bg: $ps-bar-bg, bar-container-hover-bg: $ps-bar-container-hover-bg, bar-hover-bg: $ps-bar-hover-bg, rail-hover-bg: $ps-rail-hover-bg, scrollbar-x-rail-bottom: $ps-scrollbar-x-rail-bottom, scrollbar-x-rail-height: $ps-scrollbar-x-rail-height, scrollbar-x-bottom: $ps-scrollbar-x-bottom, scrollbar-x-height: $ps-scrollbar-x-height, scrollbar-x-hover-height: $ps-scrollbar-x-hover-height, scrollbar-y-rail-right: $ps-scrollbar-y-rail-right, scrollbar-y-rail-width: $ps-scrollbar-y-rail-width, scrollbar-y-right: $ps-scrollbar-y-right, scrollbar-y-width: $ps-scrollbar-y-width, scrollbar-y-hover-width: $ps-scrollbar-y-hover-width, ); // Default theme .ps { @include ps-container($ps-theme-default); } /* ========================================================================== #Perfect scroll styles - end ========================================================================== */PK � 4\!�pE E * modules/plugins/default/_owl.carousel.scssnu �[��� /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .eltd-owl-slider { position: relative; display: none; width: 100%; margin: 0; -webkit-tap-highlight-color: transparent; z-index: 1; &.owl-loaded { display: block; } &.owl-loading { opacity: 0; display: block; } &.owl-hidden { opacity: 0; } &.owl-refresh .owl-item { visibility: hidden; } &.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } &.owl-grab { cursor: move; cursor: grab; } &.owl-rtl { direction: rtl; .owl-item { float: right; } } /* No Js */ .no-js & { display: block; } .owl-stage { position: relative; -ms-touch-action: pan-Y; &:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } } .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-wrapper, .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; img { display: block; width: 100%; .owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } } .owl-lazy { opacity: 0; transition: opacity 400ms ease; } } .owl-nav { &.disabled { display: none; } .owl-prev, .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } .owl-dots { &.disabled { display: none; } .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } /* * Owl Carousel - Animate Plugin */ .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-animated-in { z-index: 0; } .owl-animated-out { z-index: 1; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }PK � 4\Fe͑�( �( % modules/plugins/default/_sselect.scssnu �[��� /* ========================================================================== WooCommerce Select 2 Script styles - begin ========================================================================== */ /* Version: 4.0.3 Timestamp: Monday Mart 27 2:59:00pm EDT 2017 */ .select2-container--default { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; border: 0; border-radius: 0; text-align: initial; box-sizing: border-box; &[dir="rtl"] { .select2-selection--single { .select2-selection__clear { float: left; } .select2-selection__rendered { padding: 0 20px 0 30px; } .select2-selection__arrow { left: 20px; right: auto; } } .select2-selection--multiple { .select2-selection__choice, .select2-selection__placeholder, .select2-search--inline { float: right; } .select2-selection__rendered { padding: 0 20px 0 30px; } .select2-selection__choice { margin: 7px auto 0 5px; } .select2-selection__choice__remove { margin: 0 auto 0 3px; } } } &.select2-container--disabled { .select2-selection--single { background-color: #eee; cursor: default; .select2-selection__clear { display: none; } } .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-selection__choice__remove { display: none; } } &.select2-container--open { .select2-selection--single { color: $default-heading-color; } .select2-dropdown { left: 0; &.select2-dropdown--above { border-bottom-color: transparent; } &.select2-dropdown--below { border-top-color: transparent; } } } .select2-selection--single { display: block; height: 50px; line-height: 48px; padding: 0; font-family: $default-heading-font; font-size: 15px; color: $default-heading-color; background-color: transparent; border: 1px solid $default-heading-color !important; border-radius: 0; text-transform: uppercase; font-weight: 700; box-sizing: border-box; cursor: pointer; user-select: none; -webkit-user-select: none; .select2-selection__rendered { display: block; padding: 0 30px 0 20px; color: inherit; line-height: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; } .select2-selection__clear { position: relative; cursor: pointer; float: right; margin: 0; font-weight: inherit; } .select2-selection__placeholder { color: inherit; } .select2-selection__arrow { position: absolute; width: auto; height: 100%; top: 0; font-size: 18px; font-weight: 300; right: 15px; color: #666; line-height: inherit; text-align: center; b { display: none; } &:before { font-family: 'FontAwesome'; content: '\f107'; } } } .select2-selection--multiple { display: block; height: 44px; line-height: 42px; padding: 0; font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; border: 1px solid $default-border-color; border-radius: 0; outline: 0; box-sizing: border-box; cursor: pointer; user-select: none; -webkit-user-select: none; .select2-selection__rendered { display: block; list-style: none; padding: 0 30px 0 20px; margin: 0; color: inherit; line-height: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; li { list-style: none; } .select2-selection__placeholder { float: left; margin: 0; color: inherit; } .select2-selection__clear { position: relative; cursor: pointer; float: right; margin: 0; font-weight: inherit; } .select2-selection__choice { float: left; margin: 7px 5px 0 0; padding: 0 10px; line-height: 30px; color: #fff; background-color: $default-heading-color; border: 0; border-radius: 0; cursor: default; } .select2-selection__choice__remove { display: inline-block; margin: 0 3px 0 0; color: inherit; font-weight: 700; cursor: pointer; @include eltdTransition(opacity .2s ease-out); &:hover { color: inherit; opacity: 0.8; } } } } .select2-search--inline { float: left; .select2-search__field { margin: 0; padding: 0; font-size: 100%; background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; box-sizing: border-box; &::-webkit-search-cancel-button { -webkit-appearance: none; } } } .select2-dropdown { position: absolute; top: 0; left: -100000px; width: 100%; display: block; background-color: #fff; border: 1px solid $default-heading-color; border-radius: 0; z-index: 9999; box-sizing: border-box; } .select2-search--dropdown { display: block; padding: 14px 15px 2px; &.select2-search--hide { display: none; } .select2-search__field { padding: 4px 8px; width: 100%; color: inherit; font-size: inherit; line-height: 20px; font-family: inherit; font-weight: inherit; border: 1px solid $default-border-color; outline: none; box-sizing: border-box; -webkit-appearance: none; &:focus { border-color: $default-heading-color; } &::-webkit-search-cancel-button { -webkit-appearance: none; } } } .select2-results { display: block; padding: 0; margin: 0; overflow: hidden; > .select2-results__options { max-height: 200px; overflow-y: auto; } } .select2-results__options { position: relative; padding: 2px 15px; margin: 5px 0; list-style: none; } .select2-results__option { padding: 7px 0; user-select: none; -webkit-user-select: none; @include eltdTransition(color .2s ease-out); font-family: $default-heading-font; color: $default-heading-color; font-size: 15px; &[aria-selected] { cursor: pointer; } &[role=group] { padding: 0; } &[aria-disabled=true] { color: $default-heading-color; } &[aria-selected=true] { color: $default-heading-color; background: none; } .select2-results__option { padding-left: 1em; .select2-results__group { padding-left: 0; } .select2-results__option { margin-left: -1em; padding-left: 2em; .select2-results__option { margin-left: -2em; padding-left: 3em; .select2-results__option { margin-left: -3em; padding-left: 4em; .select2-results__option { margin-left: -4em; padding-left: 5em; .select2-results__option { margin-left: -5em; padding-left: 6em; } } } } } } } .select2-results__option--highlighted { &[aria-selected] { color: $default-heading-color; background: none; } } .select2-results__group { display: block; padding: 7px 0; cursor: default; } } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } /* ========================================================================== WooCommerce Select 2 Script styles - end ========================================================================== */PK � 4\�cX��" �" " modules/plugins/default/_wpml.scssnu �[��� /* ========================================================================== WPML style start ========================================================================== */ %wpml-dropdown-styles { position: relative; display: inline-block; vertical-align: middle; width: 180px; text-align: left; box-sizing: border-box; .lang_sel_sel { position: relative; display: block; padding: 9px 20px; border: 1px solid $default-border-color; box-sizing: border-box; &:after { position: absolute; right: 20px; top: 50%; display: block; content: '\33'; font-family: 'ElegantIcons'; @include eltdTransform(translateY(-50%)); } } ul { list-style: none; padding: 0; margin: 0; li { display: block; width: 100%; margin: 0; padding: 0; a { display: block; } } ul { position: absolute; top: 100%; left: 0; width: 100%; padding: 13px 20px; background-color: #fff; border: 1px solid $default-border-color; border-top: none; z-index: 10; opacity: 0; visibility: hidden; box-sizing: border-box; @include eltdTransition(visibility 0s linear 0.25s, opacity 0.25s ease-in-out); a { padding: 7px 0; } } } &:hover { ul ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } } } %wpml-list-horizontal-styles { ul { list-style-type: none; margin: 0; padding: 0; li { display: inline-block; vertical-align: middle; margin: 0 15px 5px 0; &:last-child { margin: 0 0 5px; } a { display: block; } } } } %wpml-list-vertical-styles { ul { list-style-type: none; margin: 0; padding: 0; li { display: block; margin: 0; padding: 3px 0; a { display: block; } } } } .widget_icl_lang_sel_widget { position: relative; display: inline-block; vertical-align: middle; img { position: relative; display: inline-block !important; vertical-align: middle; margin: 0 5px 0 0; top: -1px; } #lang_sel, #lang_sel_click { @extend %wpml-dropdown-styles; } .lang_sel_list_horizontal { @extend %wpml-list-horizontal-styles; } .lang_sel_list_vertical { @extend %wpml-list-vertical-styles; } } .eltd-sidebar, .wpb_widgetised_column, .eltd-page-footer, .eltd-side-menu { .widget_icl_lang_sel_widget { width: 100%; #lang_sel, #lang_sel_click { width: 100%; } } } .eltd-page-footer { .widget_icl_lang_sel_widget { #lang_sel, #lang_sel_click { .lang_sel_sel { border-color: #fff; } ul { li { a { color: #999; &:hover { color: #fff; } } } ul { background-color: $default-heading-color; border-color: #fff; } } } .lang_sel_list_horizontal { ul { li { a { color: #999; &:hover { color: #fff; } } } } } .lang_sel_list_vertical { ul { li { a { color: #999; &:hover { color: #fff; } } } } } } } .eltd-top-bar { .widget_icl_lang_sel_widget { #lang_sel, #lang_sel_click { width: auto; min-width: 130px; .lang_sel_sel { border: 0; padding: 4px 10px; &:after { right: 10px; } } ul { li { a { color: #fff; letter-spacing: 0; &:hover { color: #999; } } } ul { padding: 8px 15px; background-color: $default-heading-color; border: 0; } } } .lang_sel_list_horizontal { ul { li { margin: 0 15px 0 0; &:last-child { margin: 0; } a { color: #fff; &:hover { color: #999; } } } } } .lang_sel_list_vertical { ul { li { float: left; margin: 0 15px 0 0; padding: 0; &:last-child { margin: 0; } a { color: #fff; &:hover { color: #999; } } } } } } } .eltd-menu-area { .widget_icl_lang_sel_widget { .lang_sel_list_horizontal { ul { li { margin: 0 20px 0 0; &:last-child { margin: 0; } } } } .lang_sel_list_vertical { ul { li { float: left; margin: 0 20px 0 0; padding: 0; &:last-child { margin: 0; } } } } } } .eltd-main-menu { > ul > li.menu-item-language > a { span { position: relative; display: block; top: 50%; @include eltdTransform(translateY(-50%)); img { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 5px 0 0; } &:after { content: '\33'; font-family: 'ElegantIcons'; position: absolute; right: -15px; top: 50%; display: block; @include eltdTransform(translateY(-50%)); } } } .menu-item-language { .submenu-languages { position: absolute; top: 100%; width: 200px; left: 0; z-index: 10; opacity: 0; visibility: hidden; border-top: none; padding: 18px 0; text-align: left; background-color: #fff; border-top: 1px solid $default-border-color; box-sizing: border-box; @include eltdTransition(visibility 0s linear 0.25s, opacity 0.25s ease-in-out); li { display: block; width: 100%; float: none; padding: 0; box-sizing: border-box; } a { display: block; padding: 9px 26px; color: $default-text-color; &:hover { color: $default-heading-color; } } img { position: relative; display: inline-block; vertical-align: middle; top: -1px; margin: 0 5px 0 0; } } &:hover { ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } } } } /* ========================================================================== WPML style start ========================================================================== */PK � 4\QĭI2 2 < modules/widgets/responsive/_instagram-widget-responsive.scssnu �[��� /* ========================================================================== Instagram widget responsive style - begin ========================================================================== */ @media only screen and (max-width: $laptop-landscape) { .eltd-instagram-feed:not(.eltd-instagram-carousel) { li { img { width: 100%; } } $instagram_columns: ('eltd-col-6', 'eltd-col-9'); @for $i from 0 to length($instagram_columns) { &.#{nth($instagram_columns,$i+1)} { $instagram_column_width: 100%/4; li { width: $instagram_column_width; } } } } } @media only screen and (max-width: $ipad-portrait) { .eltd-instagram-feed:not(.eltd-instagram-carousel) { $instagram_columns: ('eltd-col-6', 'eltd-col-9'); @for $i from 0 to length($instagram_columns) { &.#{nth($instagram_columns,$i+1)} { $instagram_column_width: 100%/3; li { width: $instagram_column_width; } } } } } @media only screen and (max-width: $phone-landscape) { .eltd-instagram-feed:not(.eltd-instagram-carousel) li { width: 50% !important; } } /* ========================================================================== Instagram widget responsive style - end ========================================================================== */PK � 4\`�ʺ[ [ 3 modules/widgets/default/_sticky-sidebar-widget.scssnu �[��� /* ========================================================================== Sticky Sidebar widget start styles ========================================================================== */ .eltd-widget-sticky-sidebar { position: relative; width: 100%; height: 0; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; } /* ========================================================================== Sticky Sidebar widget end styles ========================================================================== */PK � 4\�)u� � 0 modules/widgets/default/_social-icon-widget.scssnu �[��� /* ========================================================================== Social Icon widget style - begin ========================================================================== */ .eltd-social-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; .eltd-social-icon-widget { color: inherit; line-height: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; transform-origin:center center; @include eltdTransition(all .15s ease-in-out); &:hover { @include eltdTransform(translate3d(0,-2px,0)); } } } .eltd-dark-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-social-icon-widget-holder { color: $header-dark-color !important; } .eltd-light-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-social-icon-widget-holder { color: $header-light-color !important; } /* ========================================================================== Social Icon widget style - end ========================================================================== */PK � 4\��m� � , modules/widgets/default/_twitter-widget.scssnu �[��� /* ========================================================================== Twitter widget style - begin ========================================================================== */ .widget.widget_eltd_twitter_widget { margin: 0 0 20px; .eltd-twitter-widget { @include eltdRelativeHolderLayout(); margin: 0; li { @include eltdRelativeHolderLayout(); &:not(:last-child) { margin: 0 0 22px; } .eltd-tweet-text { position: relative; a { position: relative; line-height: inherit; color: inherit; &.eltd-tweet-time { display: block; span { margin: 0 2px 0 0; } } } } } &.eltd-twitter-standard { li { .eltd-twitter-icon { position: absolute; top: 2px; left: 0; color: $first-main-color; i { font-size: 18px; } } .eltd-tweet-text { padding: 0 0 0 40px; font-size: 18px; @include laptop-landscape-medium { font-size: 15px; } a, span { color: $default-text-color; } a { &:hover { color: $first-main-color; } } } } } &.eltd-twitter-slider { @include eltdRelativeHolderLayout(); padding: 0 40px; text-align: center; box-sizing: border-box; li { overflow: hidden; .eltd-twitter-icon { i { font-size: 16px; color: $first-main-color; } } .eltd-tweet-text { font-size: 14px; a, span { color: $first-main-color; } a { &:hover { color: $default-heading-color; } &.eltd-tweet-time { margin: 21px 0 0; } } } } .owl-nav { .owl-prev { left: 0; } .owl-next { right: 0; } } } } } /* ========================================================================== Twitter widget style - end ========================================================================== */PK � 4\8���� � . modules/widgets/default/_separator-widget.scssnu �[��� /* ========================================================================== Separator widget style - begin ========================================================================== */ .widget { &.eltd-separator-widget { margin: 0 !important; } } /* ========================================================================== Separator widget style - end ========================================================================== */PK � 4\�OS� � . modules/widgets/default/_instagram-widget.scssnu �[��� /* ========================================================================== Instagram widget style - begin ========================================================================== */ aside.eltd-sidebar, .wpb_widgetised_column { .widget { &.widget_eltd_instagram_widget { .eltd-widget-title { margin: 0 0 25px; } } } } .eltd-instagram-feed { list-style: none; padding: 0; margin: 0; li { float: left; box-sizing: border-box; border: none !important; a { position: relative; display: block; overflow: hidden; @include eltdImageZoomHoverStyle(); } img { width: 100%; display: block; } } &.eltd-instagram-gallery { $gallery_space_label: ('no', 'tiny', 'small', 'normal'); $gallery_space_width: (0, 5, 10, 15); @for $i from 0 to length($gallery_space_label) { &.eltd-#{nth($gallery_space_label,$i+1)}-space { $column_width: nth($gallery_space_width, $i+1); $column_width_margin: $column_width * 2; @if ($column_width == 0) { margin: 0; } @else { margin: 0 -#{$column_width}px -#{$column_width_margin}px; } li { padding: 0 #{$column_width}px; margin: 0 0 #{$column_width_margin}px; } } } $gallery_columns: ('2', '3', '4', '6', '9'); @for $i from 0 to length($gallery_columns) { &.eltd-col-#{nth($gallery_columns, $i+1)} { $column_width: 100%/($i+2); @if ($i == 3) { $column_width: 100%/6; } @else if ($i == 4) { $column_width: 100%/9; } li { width: $column_width; } } } } &.eltd-instagram-carousel { li { position: relative; width: 100%; margin: 0; padding: 0; a { position: relative; display: block; height: 100%; } } } } /* ========================================================================== Instagram widget style - end ========================================================================== */PK � 4\ �Z� � 0 modules/widgets/default/_custom-font-widget.scssnu �[��� /* ========================================================================== Custom Font widget style - begin ========================================================================== */ .widget { &.eltd-custom-font-widget { margin: 0; > * { margin: 0; } } } /* ========================================================================== Custom Font widget style - end ========================================================================== */PK � 4\Z' ��< �< 7 modules/widgets/default/_default-wordpress-widgets.scssnu �[��� /* ========================================================================== #Search tweak begin ========================================================================== */ // WEBKIT input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } // IE input[type="search"]::-ms-clear { display: none; } input[type=text]::-ms-clear { display: none; } /* ========================================================================== #Search tweak end ========================================================================== */ /* ========================================================================== Sidebar area styles - begin ========================================================================== */ aside.eltd-sidebar { position: relative; z-index: 11; margin: 0 0 60px; .widget { &:last-child { margin: 0 !important; } } } .wpb_widgetised_column { position: relative; .widget { &:last-child { margin: 0 !important; } } } /* ========================================================================== Sidebar area styles - end ========================================================================== */ /* ========================================================================== Default WordPress Widgets styles - begin ========================================================================== */ .widget { margin: 0 0 35px; .eltd-widget-title { margin: 0 0 17px; a { color: inherit; } } ul { padding: 0; margin: 0; list-style: none; li { margin: 0 0 10px; &:last-child { margin: 0; } a { font-size: 15px; font-family: $default-heading-font; color: $default-text-color; } } } .menu { a { @include eltdUnderlineHoverStyle(); } } /* * Specific styles */ &.widget_text { img { display: block; } } #wp-calendar { width: 100%; text-align: center; caption { color: $default-heading-color; margin: 0 0 15px; } th, td { padding: 3px 4px; } td#today { color: #000; background-color: $first_main_color; a { color: inherit; } } } &.widget_rss { .eltd-widget-title { .rsswidget { &:hover { color: $first-main-color; } } } .rss-widget-icon { display: inline-block; } ul { li { margin: 0 0 25px; .rss-date { display: block; } } } } &.widget_search { form { @include eltdRelativeHolderLayout(); clear: both; width: 86%; margin:3px 0 7px; > div { @include eltdRelativeHolderLayout(); border-width: 1px; border-style: solid; border-color: $default-heading-color; box-sizing: border-box; } } input, button { position: relative; display: inline-block; vertical-align: top; float: left; height: 36px; line-height: 36px; text-transform: uppercase; font-size: 13px; font-style: italic; font-weight: 700; font-family: $default-heading-font; color: #3a3a3a; background-color: transparent; border: 0; border-radius: 0; outline: 0; -webkit-appearance: none; box-sizing: border-box; @include eltdTransition(color .2s ease-out); } input { width: calc(100% - 40px); padding: 0 0 0 10px; @include eltdPlaceholder { color: inherit; } } button { width: 40px; color: $default-heading-color; cursor: pointer; font-size: 21px; @include eltdTransition(color .2s ease-in-out); span { display: block; line-height: inherit; &:before { display: block; line-height: inherit; } } } } @include ipad-landscape { &.widget_search { form { width: 100%; } button { width: 20px; font-size: 15px; } } } &.widget_pages, &.widget_archive, &.widget_categories, &.widget_meta, &.widget_recent_comments, &.widget_nav_menu { ul { li { margin: 0; padding: 5px 0; &:last-child { border: none; } ul { margin: 4px 0 0; padding: 0 0 0 10px; li { &:last-child { padding: 5px 0 0; } } } } } } &.widget_recent_entries { .eltd-widget-title { margin: 0 0 23px; } ul { li { margin: 0 0 12px; > span { display: block; font-size: 14px; } } } } &.widget_archive, &.widget_categories, &.widget_text { select { width: 100%; max-width: 100%; height: 54px; padding: 0 18px; line-height: 54px; color: $default-text-color; background-color: transparent; border: 1px solid $default-border-color; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: none; box-sizing: border-box; } } &.widget_categories { .eltd-widget-title { margin: 0 0 13px; } ul { li { &:first-child { padding-top: 0; } &:last-child { padding-bottom: 0; } a { @include eltdUnderlineHoverStyle(); } } } } &.posts_holder { ul { li { &.page_item_has_children { & > a { display: block; } & > ul.children { padding-left: 10px; } } &.menu-item-has-children { & > a { display: block; } & > ul.sub-menu { padding-left: 10px; } } } } } &.widget_tag_cloud { .eltd-widget-title { margin: 0 0 8px; } a { position: relative; display: inline-block; vertical-align: middle; color: $default-text-color; background-color: transparent; font-size: 15px !important; font-family: $default-heading-font; font-weight: 400; // medium text-transform: none !important; margin: 0; padding: 0; &:after { content: '/'; color: #525252; margin: 0; margin-left: 5px; } &:last-child { &:after { display: none; } } } } } .vc_wp_search { .widget { &.widget_search { form { > div { background-color: #fff; border: none; } } input { width: calc(100% - 66px); padding: 0 0 0 33px; font-size: 15px; } button { width: 66px; padding: 0 39px 0 9px; } } } } .eltd-side-menu { .widget { margin: 0 0 18px; &:last-child { margin: 0 !important; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #fff; } .eltd-widget-title { color: #fff; margin: 0 0 11px; } .cat-item { a { &:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; transform-origin:left; @include eltdTransition(all .32s ease-in-out); @include eltdTransform(scale(0,1)); } &:hover { color: #7a7a7a; &:after { @include eltdTransform(scale(1,1)); } } } } a { color: #7a7a7a; position: relative; &:hover { color: #7a7a7a; &:after { @include eltdTransform(scale(1,1)); } } } table thead tr, table tbody tr { border-color: #b1b2b2; } table tbody th { border-right-color: #b1b2b2; } /* * Specific styles */ #wp-calendar { caption { color: #b1b2b2; } } &.widget_rss { .eltd-footer-widget-title { .rsswidget { color: #fff; &:hover { color: $first-main-color; } } } } &.widget_search { form { > div { border-color: $default-heading-color; } } input { color: #b1b2b2; @include eltdPlaceholder { color: inherit; } &[type='submit'] { color: #b1b2b2; } } button { &:hover { color: $first-main-color; } } } &.widget_archive, &.widget_categories, &.widget_text { select { color: #b1b2b2; border-color: #b1b2b2; option { background-color: #b1b2b2; } } } &.widget_tag_cloud { a { color: #b1b2b2; &:after { color: inherit; } &:hover { color: $first-main-color; } } } } } .eltd-top-bar { a { color: #ffffff; font-family: $default-heading-font; font-size: 12px; &:hover { color: #ffffff; } } .widget { display: inline-block; vertical-align: middle; margin: 0; padding-right: 50px; &:last-child { padding-right: 0; } p { margin: 0; } &.widget_nav_menu { ul { clear: both; li { float: left; padding: 0 8px; margin: 0; line-height: 14px; border-left: 1px solid #fff; } } } } .eltd-position-right { .textwidget { * { text-transform: uppercase; font-weight: 700; } } .widget { position: relative; &:after { position: absolute; right: 25px; top: 50%; content: '|'; color: #616161; @include eltdTransform(translateY(-50%)); } &:last-child { &:after { display: none; } } } .eltd-shopping-cart-holder { .eltd-header-cart { &:after { top: 50%; @include eltdTransform(translateY(-50%)); } } } } .eltd-shopping-cart-holder { padding: 0 50px 0 0; left: -5px; .eltd-header-cart { color: #fff; &:after { position: absolute; right: -35px; top:0; content: '|'; color: #616161; } .eltd-cart-icon { font-size: 15px; } } } .eltd-shopping-cart-dropdown { .eltd-item-info-holder { .eltd-product-title { margin-bottom: 6px; a { color: $default-heading-color; font-size: 16px; } } } .eltd-price, .eltd-quantity { .eltd-quantity-label, .eltd-price-label { color: $default-text-color; } .woocommerce-Price-amount, .woocommerce-Price-currencySymbol { color: #8e8e8e; } } .eltd-btn.eltd-btn-outline { &:hover { color: $default-dark-color; } } .remove { color: $default-text-color; } } } .eltd-page-footer { .eltd-footer-top-holder { ul { li { a { color: #828282; } } } } } /* Custom memu in sidebar*/ aside.eltd-sidebar { .widget_nav_menu { .eltd-widget-title-holder { .eltd-widget-title { font-size: 45px; margin-bottom: 14px; &:after { content: ''; background-color: $first-main-color; width: 45px; height: 5px; margin-top: 13px; display: block; } } } #menu-custom-menu { li { padding: 7px 0; a { font-size: 16px; font-style: italic; color: $default-text-color; } } } } } /* ========================================================================== Default WordPress Widgets styles - end ========================================================================== */ PK � 4\��Ӱ4 4 - modules/widgets/default/_raw-html-widget.scssnu �[��� /* ========================================================================== Raw HTML widget style - begin ========================================================================== */ .widget { &.eltd-raw-html-widget { margin: 0; &.eltd-grid-auto-width { position: relative; display: inline-block; vertical-align: middle; width: auto; } } } /* ========================================================================== Raw HTML widget style - end ========================================================================== */PK � 4\^$a�� � ) modules/widgets/default/_icon-widget.scssnu �[��� /* ========================================================================== Icon widget style - begin ========================================================================== */ .eltd-icon-widget-holder { position: relative; display: inline-block; vertical-align: middle; margin: 0; > * { position: relative; display: inline-block; vertical-align: middle; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; } .eltd-icon-text { padding: 0 0 0 10px; &.eltd-no-icon { padding: 0; } } } .eltd-dark-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-icon-widget-holder { color: $header-dark-color !important; } .eltd-light-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-icon-widget-holder { color: $header-light-color !important; } /* ========================================================================== Icon widget style - end ========================================================================== */PK � 4\�*QV� � modules.scssnu �[��� //global partials @import 'variables'; @import 'mixins'; /*------------------------------------------------------------------ * This is main css file for theme. It is broken into following sections: * 1. Global styles and reset * 2. Widgets styles * 3. Plugins styles * 4. Blog styles * 5. Footer styles * 6. Header styles * 7. Side area styles * 8. Search styles * 9. Title area styles * 10. Shortcodes styles * 11. Custom Post Types styles -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Color codes * Accent color: #{$first-main-color} * Background: #{$default-background-color} * Content: #{$default-text-color} * Header h1: #{$default-heading-color} * Header h2: #{$default-heading-color} * Header h3: #{$default-heading-color} * Header h4: #{$default-heading-color} * Header h5: #{$default-heading-color} * Header h6: #{$default-text-color} * Header Background: #ffffff * Footer Top Background: #{$default-heading-color} * Footer Bottom Background: #{$default-heading-color} * a (standard): #{$first-main-color} * a (hover): #{$first-main-color} */ /* ========================================================================== 1. Global styles and reset ========================================================================== */ @import 'global'; @import 'grid-system'; @import 'animations'; @import 'spinners'; @import 'common'; /* ========================================================================== 4. Widgets styles ========================================================================== */ @import 'modules/widgets/default/**/*.scss'; /* ========================================================================== 5. Plugins styles ========================================================================== */ @import 'modules/plugins/default/*.scss';PK � 4\����� � _animations.scssnu �[��� /* ========================================================================== #Animation styles - start ========================================================================== */ @include keyframes(element-from-left) { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @include keyframes(element-from-right) { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @include keyframes(element-from-top) { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @include keyframes(element-from-bottom) { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 0); } } .eltd-element-from-left, .eltd-element-from-right, .eltd-element-from-top, .eltd-element-from-bottom, .eltd-element-from-fade { @include eltdRelativeHolderLayout(); > div { @include eltdRelativeHolderLayout(); opacity: 0; } } .eltd-element-from-fade { &.eltd-element-from-fade-on { > div { opacity: 1; @include eltdTransition(opacity .8s ease 0s); } } } .eltd-element-from-left { &.eltd-element-from-left-on { > div { @include eltdAnimation(element-from-left 0.55s 1 ease); opacity: 1; } } } .eltd-element-from-right { &.eltd-element-from-right-on { > div { @include eltdAnimation(element-from-right 0.55s 1 ease); opacity: 1; } } } .eltd-element-from-top { &.eltd-element-from-top-on { > div { @include eltdAnimation(element-from-top 0.55s 1 ease); opacity: 1; } } } .eltd-element-from-bottom { &.eltd-element-from-bottom-on { > div { @include eltdAnimation(element-from-bottom 0.55s 1 ease); opacity: 1; } } } .eltd-flip-in { opacity: 0; @include eltdTransform(perspective(1000px) rotateY(25deg)); @include eltdTransition(all 1.1s ease-in-out); &.eltd-flip-in-on { opacity: 1; @include eltdTransform(rotateY(0deg)); } } .eltd-grow-in { opacity: 0; @include eltdTransform(scale(0.8)); @include eltdTransition(all 1s cubic-bezier(0,1,.5,1)); &.eltd-grow-in-on { opacity: 1; @include eltdTransform(scale(1)); } } .eltd-z-rotate { opacity: 0; @include eltdTransform(rotateZ(7deg)); @include eltdTransition(all 300ms cubic-bezier(0.165, 0.84, 0.44, 1)); @include eltdTransformOrigin(top right); &.eltd-z-rotate-on { opacity: 1; @include eltdTransform(rotateZ(0deg)); } } .eltd-x-rotate { opacity: 0; @include eltdTransform(perspective(900px) rotateX(-45deg)); @include eltdTransition(all .6s cubic-bezier(.785,.135,.15,.86)); &.eltd-x-rotate-on { opacity: 1; @include eltdTransform(rotateX(0deg)); } } .eltd-y-translate { opacity: 0; @include eltdTransform(translate(0,30px)); @include eltdTransition(all 700ms cubic-bezier(0.680, -0.650, 0.265, 1.650)); &.eltd-y-translate-on { opacity: 1; @include eltdTransform(translate(0,0)); } } .eltd-fade-in-down { opacity: 0; @include eltdTransform(translate(0,-25px)); @include eltdTransition(all .9s cubic-bezier(0,1,.5,1)); &.eltd-fade-in-down-on { opacity: 1; @include eltdTransform(translate(0,0)); } } .eltd-fade-in-left-x-rotate { opacity: 0; @include eltdTransform(rotateZ(-5deg) translate(-30px,0)); @include eltdTransition(all .4s ease); &.eltd-fade-in-left-x-rotate-on { opacity: 1; @include eltdTransform(rotateZ(0deg) translate(0,0)); } } .eltd-fade-in { opacity: 0; @include eltdTransition(all 1s ease); &.eltd-fade-in-on { opacity: 1; } } /* ========================================================================== #Animation styles - end ========================================================================== */PK � 4\;?:� � _variables.scssnu �[��� $breakpoints: ( laptop-landscape-large: 1440px, laptop-landscape-medium: 1280px, laptop-landscape: 1200px, ipad-landscape: 1024px, ipad-portrait: 768px, phone-landscape: 680px, phone-portrait: 480px, smaller-phone-portrait: 320px ); $grid-width: 1100px; $grid-width-laptop-landscape: 950px; $grid-width-ipad-landscape: 768px; $grid-width-ipad-portrait: 600px; $grid-width-phone-landscape: 420px; $grid-width-phone-portrait: 300px; $grid-width-smaller-phone-portrait: 90%; $grid-width-boxed: 1150px; $grid-width-laptop-landscape-boxed: 1000px; $grid-width-ipad-landscape-boxed: 818px; $grid-width-ipad-portrait-boxed: 650px; $grid-width-phone-landscape-boxed: 470px; $grid-width-phone-portrait-boxed: 350px; $grid-width-smaller-phone-portrait-boxed: 92%; $grid-width-1300: 1300px; $grid-width-1200: 1200px; $grid-width-1000: 1000px; $grid-width-800: 800px; $default-text-font: 'Raleway', sans-serif; $default-heading-font: 'Roboto Condensed', sans-serif; $first-main-color: #c8ff0b; $default-heading-color: #262626; $default-text-color: #464646; $second-text-color: #525252; $default-background-color: #fff; $default-border-color: #b2b2b2; $second-border-color: #666666; $default-dark-color: #000; $default-box-shadow: 0 0 4.85px 0.15px rgba(#000, 0.09); $header-light-color: #fff; $header-light-hover-color: rgba($header-light-color, .8); $header-dark-color: #333; $header-dark-hover-color: rgba($header-dark-color, .8); //responsive breakpoints $laptop-landscape-large-plus-pixel: 1441px; $laptop-landscape-large: 1440px; $laptop-landscape-medium-plus-pixel: 1281px; $laptop-landscape-medium: 1280px; $laptop-landscape-plus-pixel: 1201px; $laptop-landscape: 1200px; $ipad-landscape-plus-pixel: 1025px; $ipad-landscape: 1024px; $ipad-portrait-plus-pixel: 769px; $ipad-portrait: 768px; $phone-landscape-plus-pixel: 681px; $phone-landscape: 680px; $phone-portrait-plus-pixel: 481px; $phone-portrait: 480px; $smaller-phone-portrait-plus-pixel: 321px; $smaller-phone-portrait: 320px;PK � 4\�x*p p _mixins.scssnu �[��� //layout mixins - start @mixin eltdTableLayout() { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } @mixin eltdTableCellLayout() { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } @mixin eltdRelativeHolderLayout() { position: relative; display: inline-block; width: 100%; vertical-align: middle; } @mixin eltdAbsoluteHolderLayout() { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } @mixin eltdTypographyLayout() { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } //layout mixins - end //transition mixins - start @mixin eltdTransition($transition-param...) { -webkit-transition: $transition-param; -moz-transition: $transition-param; transition: $transition-param; } @mixin eltdTransitionTransform($transition-param...) { -webkit-transition: -webkit-transform $transition-param; -moz-transition: -moz-transform $transition-param; transition: transform $transition-param; } @mixin eltdTransform($transform-param...) { -webkit-transform: $transform-param; -moz-transform: $transform-param; transform: $transform-param; } @mixin eltdAnimation($animation-param...) { -webkit-animation: $animation-param; -moz-animation: $animation-param; animation: $animation-param; } @mixin eltdTransformOrigin($animation-param...) { -webkit-transform-origin: $animation-param; -moz-transform-origin: $animation-param; transform-origin: $animation-param; } //transition mixins - end /* common mixins - start */ @mixin eltdBckImageStyle(){ background-size: cover; background-repeat: no-repeat; background-position: center center; } @mixin eltdImageZoomHoverStyle(){ overflow:hidden; img { @include eltdTransition(all .32s ease-in-out); } &:hover { img { @include eltdTransform(scale(1.05)); } } } @mixin eltdUnderlineHoverStyle(){ position:relative; &:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; transform-origin:left; @include eltdTransition(all .32s ease-in-out); @include eltdTransform(scale(0,1)); } &:hover { &:after { @include eltdTransform(scale(1,1)); } } } @mixin eltdImageOverlayHoverStyle($with-hover: true){ @if ($with-hover) { &:hover { &:after { opacity: 1; } } &:after { @include eltdAbsoluteHolderLayout(); content: ''; background-color: rgba($default-heading-color, .4); opacity: 0; @include eltdTransition(opacity .2s ease-in-out); } } @else { @include eltdAbsoluteHolderLayout(); content: ''; background-color: rgba($default-heading-color, .4); opacity: 0; @include eltdTransition(opacity .2s ease-in-out); } } @mixin eltdButtonDefaultStyle() { font-family: $default-heading-font; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; font-size: 16px; line-height: 2em; letter-spacing: -0.4px; font-weight: 600; text-transform: uppercase; box-sizing: border-box; margin: 0; @include eltdTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out); } @mixin eltdButtonTransparentColor() { color: $default-text-color; background-color: transparent; } @mixin eltdButtonSolidColor() { color: #fff; background-color: $default-dark-color; border: 1px solid transparent; } @mixin eltdButtonSolidHoverColor() { color: $default-dark-color; background-color: transparent; border: 1px solid $default-dark-color; } @mixin eltdButtonOutlineColor() { color: $default-dark-color; background-color: transparent; border: 1px solid $default-dark-color; } @mixin eltdButtonOutlineHoverColor() { color: #fff; background-color: $default-dark-color; border-color: $default-dark-color; } @mixin eltdButtonSmallParams() { padding: 7px 37px; } @mixin eltdButtonMediumParams() { padding: 9px 57px; } @mixin eltdButtonLargeParams() { padding: 11px 77px; } @mixin eltdButtonHugeParams() { display: block; text-align: center; padding: 11px 27px; } @mixin eltdPlaceholder { &::-webkit-input-placeholder { @content } &:-moz-placeholder { @content } &::-moz-placeholder { @content } &:-ms-input-placeholder { @content } } /* common mixins - end */ //media query mixins - start @mixin laptop-landscape-large { @media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) { @content; } } @mixin laptop-landscape-medium { @media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) { @content; } } @mixin laptop-landscape { @media only screen and (max-width: map-get($breakpoints, laptop-landscape)) { @content; } } @mixin ipad-landscape { @media only screen and (max-width: map-get($breakpoints, ipad-landscape)) { @content; } } @mixin ipad-portrait { @media only screen and (max-width: map-get($breakpoints, ipad-portrait)) { @content; } } @mixin phone-landscape { @media only screen and (max-width: map-get($breakpoints, phone-landscape)) { @content; } } @mixin phone-portrait { @media only screen and (max-width: map-get($breakpoints, phone-portrait)) { @content; } } @mixin smaller-phone-portrait { @media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) { @content; } } //media query mixins - end //animation mixin - start @mixin keyframes($name) { @-webkit-keyframes #{$name} { @content; } @keyframes #{$name} { @content; } } @mixin animation($name, $duration, $repeat, $timing, $delay) { -webkit-animation-name: $name; -webkit-animation-duration: $duration; -webkit-animation-iteration-count: $repeat; -webkit-animation-timing-function: $timing; -webkit-animation-delay: $delay; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: $name; animation-duration: $duration; animation-iteration-count: $repeat; animation-timing-function: $timing; animation-delay: $delay; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } //animation mixin - endPK � 4\�Im7 m7 _common.scssnu �[��� @import 'variables'; @import 'mixins'; /* ========================================================================== #Comments styles - start ========================================================================== */ .eltd-comment-holder { @include eltdRelativeHolderLayout(); padding: 0; box-sizing: border-box; .eltd-comment-holder-inner { padding: 117px 0 20px; border-top: 2px solid $default-border-color; } .eltd-comment { &.eltd-pingback-comment { .eltd-comment-text { padding: 0; .eltd-comment-name { float: none; } } .eltd-comment-info, .eltd-comment-date, .comment-edit-link { display: block; } } } .eltd-comment-list { list-style: none; position: relative; z-index: 150; padding: 0; margin: 0 0 0 35px; li { @include eltdRelativeHolderLayout(); margin: 25px 0 0; padding: 29px 0 0; } > li:first-child { margin: 0; padding: 0; border: 0; } .children { padding: 0 0 0 111px; } } .eltd-comments-title { margin-bottom: 62px; > * { margin: 0; } } .eltd-comment-image { position: relative; display: block; top: 10px; left: 0; width: 50px; height: 50px; float: left; img { display: block; } } .eltd-comment-text { padding: 3px 0 0 77px; min-height: 50px; .eltd-comment-info { @include eltdRelativeHolderLayout(); width: auto; margin: 3px 0 2px; } .replay, .comment-reply-link, .comment-edit-link { display: inline-block; font-size: 16px; font-family: $default-heading-font; text-transform: uppercase; font-weight: 700; letter-spacing: -0.08px; color: $default-heading-color; vertical-align: middle; margin: 5px 10px 0 0; &:after { display: inline-block; content: "\f054"; font-family: 'FontAwesome'; vertical-align: middle; font-size: 12px; margin-left: 5px; margin-top: -2px; } } .eltd-comment-name { float: left; margin: 0; } .eltd-comment-date { margin: 0; display: inline-block; font-size: 16px; font-style: italic; font-family: $default-heading-font; color: $default-heading-color; margin-left: 3px; text-decoration: underline; } .eltd-text-holder p { margin: 7px 0; } .comment-respond { margin: 20px 0; .comment-reply-title { margin: 0 0 10px; font-size: 14px; } .logged-in-as { margin: 0 0 8px; } } #cancel-comment-reply-link { margin-left: 10px; font-size: 12px; color: $first-main-color; &:hover { color: $default-heading-color; } } ul, ol { li { display: list-item; } } li { margin: 0 !important; padding: 0 !important; border: 0 !important; } } } .eltd-banner-zoom { display: inline-block; overflow: hidden; img { @include eltdTransition(all .32s ease-in-out); } &:hover { img { @include eltdTransform(scale(1.05)); } } } .eltd-comment-form { padding: 0; clear: both; margin: 0 -15px; box-sizing: border-box; .eltd-comment-form-inner { padding: 103px 0 128px; } .comment-reply-title { margin: 0 0 67px; } .logged-in-as { margin: 0 0 8px; } } @include ipad-portrait { .eltd-comment-holder { .eltd-comment-list { .children { padding: 0 0 0 40px; } } } } @include phone-landscape { .eltd-comment-holder { .eltd-comment-list { .children { padding: 0; } } .eltd-comment-text { .eltd-comment-date, .eltd-comment-name { float: none; } .replay, .comment-reply-link, .comment-edit-link { float: none; margin: 0 10px 0 0; } } } } @include phone-portrait { .eltd-comment-holder { .eltd-comment-image { float: none; } .eltd-comment-text { padding: 20px 0 0; min-height: inherit; } } } /* ========================================================================== #Comments styles - end ========================================================================== */ %input-style { width: 100%; margin: 0 0 15px; padding: 14px 18px; font-family: $default-heading-font; font-style: italic; font-size: 16px; line-height: 20px; font-weight: inherit; color: $second-border-color; background-color: transparent; border: 1px solid $second-border-color; border-radius: 0; outline: 0; -webkit-appearance: none; cursor: pointer; box-sizing: border-box; @include eltdTransition(border-color 0.2s ease-in-out); &:focus { color: $default-heading-color; border-color: $default-text-color; } @include eltdPlaceholder { color: inherit; } } #respond textarea, #respond input[type='text'], input[type='text'], input[type='email'], input[type='password'], .post-password-form input[type='password'] { @extend %input-style; } .post-password-form input[type='password'] { margin-top: 10px; } .wpcf7-form-control { &.wpcf7-text, &.wpcf7-number, &.wpcf7-date, &.wpcf7-select, &.wpcf7-quiz { @extend %input-style; footer & { margin: 0; } } &.wpcf7-textarea { @extend %input-style; height: 162px; footer & { margin: 0; } } } div.wpcf7 .ajax-loader { display: block; } #submit_comment, .post-password-form input[type='submit'] { @include eltdButtonDefaultStyle(); @include eltdButtonMediumParams(); @include eltdButtonSolidColor(); cursor: pointer; border-radius: 0; -webkit-border-radius:0; -webkit-appearance: none; &:hover { @include eltdButtonSolidHoverColor(); } } input.wpcf7-form-control.wpcf7-submit { @include eltdButtonDefaultStyle(); @include eltdButtonLargeParams(); @include eltdButtonSolidColor(); cursor: pointer; border-radius: 0; -webkit-border-radius:0; -webkit-appearance: none; &:hover { @include eltdButtonSolidHoverColor(); } } p.form-submit, .wpcf7-form p { margin: 0; } #respond textarea, .wpcf7-form textarea { display: block; padding: 16px 18px; } .eltd-two-columns-form-without-space { .wpcf7-form .ajax-loader { display: none; } } /* ========================================================================== #Comments styles - end ========================================================================== */ /* ========================================================================== #Global Owl Slider - begin ========================================================================== */ .eltd-owl-slider { visibility: hidden; .owl-stage-outer { z-index: 1; } &.eltd-slider-is-moving { .owl-item { .eltd-block-drag-link { z-index: -1 !important; } } } &.eltd-slider-has-both-nav { .owl-nav { .owl-prev, .owl-next { $pos: calc(-50% - 21px); // 21 is is half height of pagination control + top margin @include eltdTransform(translateY($pos)); } } } .owl-nav { .owl-prev, .owl-next { position: absolute; top: 50%; z-index: 3; color: $default-heading-color; @include eltdTransform(translateY(-50%)); @include eltdTransition(color .2s ease-out); > span { position: relative; display: inline-block; vertical-align: middle; font-size: 30px; line-height: 1; &:before { display: block; line-height: inherit; font-weight: 700; } } } .owl-prev { left: 30px; } .owl-next { right: 30px; } @include ipad-landscape { .owl-prev { left: 30px; } .owl-next { right: 30px; } } } .owl-dots { text-align: center; margin: 16px 0 0; .owl-dot { display: inline-block; vertical-align: middle; span { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin: 0 6px; border-radius: 3em; background-color: transparent; border: 2px solid rgba($default-heading-color, .5); box-sizing: border-box; @include eltdTransition(background-color .2s ease-out, border .2s ease-out); } &:hover, &.active { span { background-color: $default-heading-color; border-color: $default-heading-color; } } } } .owl-carousel .owl-item img { -webkit-transform: translateZ(0); //chrome text cut off fix } } /* ========================================================================== #Global Owl Slider - end ========================================================================== */ /* ========================================================================== #404 styles - start ========================================================================== */ .eltd-404-page { &.eltd-wrapper { padding: 0 !important; } .eltd-content { height: 100vh; .admin-bar & { height: calc(100vh - 32px); } } .eltd-content-inner { position: relative; display: table; height: 100%; width: 100%; } .eltd-page-not-found { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 22% 20% 0; text-align: center; .eltd-404-title { margin: 0; } .eltd-404-subtitle { margin: 0; } .eltd-404-text { margin: 0 auto; width: 40%; } .eltd-btn { margin: 25px 0 0; &.eltd-btn-light-style { color: #585858; background-color: #fff; border-color: #fff; &:hover { color: #fff !important; background-color: transparent !important; border-color: #fff !important; } } } .eltd-separator { margin: 12px auto; } } @include ipad-landscape { .eltd-404-text { width: 80% !important; } } @include phone-landscape { .eltd-page-not-found { padding: 270px 30px 100px; } .eltd-content { height: auto; margin: 0 !important; .admin-bar & { height: auto; } } } } .error404 { .eltd-page-footer { z-index: 1000; } } /* ========================================================================== #404 styles - end ========================================================================== */ /* ========================================================================== #Back to Top styles - start ========================================================================== */ #eltd-back-to-top { position: fixed; width: 41px; right: 25px; bottom: 25px; margin: 0; z-index: 10000; opacity: 0; visibility: hidden; &.off { opacity: 0; visibility: hidden; @include eltdTransition(opacity 0.15s ease, visibility .0s .15s); } &.on { opacity: 1; visibility: visible; @include eltdTransition(opacity 0.3s ease); } > span { position: relative; display: block; width: 39px; height: 39px; line-height: 38px; font-size: 30px; text-align: center; color: #fff; background-color: #1c1c1c; border: 1px solid #1c1c1c; overflow: hidden; @include eltdTransition(color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out); i { @include eltdTransition(.15s ease .05s); } &:hover { i { @include eltdTransform(translateY(-4px)); @include eltdTransition(.15s ease-in-out); } } } span span { display: block; line-height: inherit; } } .eltd-fullscreen-menu-opened #eltd-back-to-top { opacity:0; } /* ========================================================================== #Back to Top styles - end ========================================================================== */ /* ========================================================================== #Self Hosted Video styles - begin ========================================================================== */ .eltd-self-hosted-video-holder { .eltd-video-wrap { .mejs-poster, .mejs-container, .mejs-overlay-play { height: 100% !important; /*!important because of the inline style*/ width: 100% !important; /*!important because of the inline style*/ } } } /* ========================================================================== #Self Hosted Video styles - end ========================================================================== */ PK � 4\;�Bd� � modules-responsive.scssnu �[��� /*------------------------------------------------------------------ * This is main responsive css file for theme. It is broken into following sections: * 1. Global responsive styles * 2. Blog responsive styles * 3. Footer responsive styles * 4. Header responsive styles * 5. Search responsive styles * 6. Title area responsive styles * 7. Shortcodes responsive styles * 8. Custom Post Types responsive styles -------------------------------------------------------------------*/ /* ========================================================================== 1. Global responsive styles ========================================================================== */ @import 'variables'; @import 'mixins'; @import 'global-responsive';PK � 4\� � _global-responsive.scssnu �[��� @include ipad-landscape { body:not(.eltd-content-is-behind-header):not(.error404) .eltd-content { margin-top: 0 !important; } } @include ipad-landscape { .eltd-hide-on-tablet { display: none !important; } } @include phone-landscape { .eltd-hide-on-mobile { display: none !important; } } .eltd-grid, .eltd-container-inner, .eltd-row-grid-section { @include laptop-landscape { width: $grid-width-laptop-landscape; } @include ipad-landscape { width: $grid-width-ipad-landscape; } @include ipad-portrait { width: $grid-width-ipad-portrait; } @include phone-landscape { width: $grid-width-phone-landscape; } @include phone-portrait { width: $grid-width-phone-portrait; } @include smaller-phone-portrait { width: $grid-width-smaller-phone-portrait; } } .eltd-boxed .eltd-wrapper .eltd-wrapper-inner, .eltd-boxed .eltd-wrapper .eltd-footer-inner { @include laptop-landscape { width: $grid-width-laptop-landscape-boxed; } @include ipad-landscape { width: $grid-width-ipad-landscape-boxed; } @include ipad-portrait { width: $grid-width-ipad-portrait-boxed; } @include phone-landscape { width: $grid-width-phone-landscape-boxed; } @include phone-portrait { width: $grid-width-phone-portrait-boxed; } @include smaller-phone-portrait { width: $grid-width-smaller-phone-portrait-boxed; } }PK � 4\��n_M� M� _spinners.scssnu �[��� .eltd-st-loader { position: absolute; top: 50%; left: 50%; z-index: 2100; @include eltdTransform(translate(-50%,-50%)); } .eltd-st-loader1 { position: relative; display: inline-block; width: 100%; height: 100%; } .eltd-st-loader2 { margin: -50% 0 0 -50%; } /* trackstore laoder - start */ @include keyframes(running-line){ 0% { transform:scale(0,1); } 100% { transform:scale(1,1); } } @include keyframes(close-line){ 0% { transform:scale(1,1); } 100% { transform:scale(0,1); } } .eltd-trackstore-loader { position:relative; width:400px; margin:0 auto; max-width:80%; .eltd-trackstore-loader-counter { text-align:center; letter-spacing:2px; z-index: 20; color:#fff; font-size:20px; line-height: 90px; position:relative; font-family: "Roboto Condensed",sans-serif; font-weight:bold; color:#000; @include eltdTransition(opacity .5s ease-in-out); } .eltd-trackstore-loader-line-holder { position:absolute; bottom:0; left:0; width:100%; height:90px; transform-origin:top right; .eltd-trackstore-loader-line { position:absolute; height:15px; left:0; width:100%; top:0; transform-origin:top left; background:$first-main-color; transform:scale(0,1); @include eltdTransition(all .5s ease-in-out); &.line1 { top:0; } &.line2 { top:15px; } &.line3 { top:30px; } &.line4 { top:45px; } &.line5 { top:60px; } &.line6 { top:75px; } } } &.eltd-preloader-started { .eltd-trackstore-loader-line { &.line1 { @include eltdAnimation(running-line .75s 0s 1 linear forwards); } &.line2 { @include eltdAnimation(running-line .75s .25s 1 linear forwards); } &.line3 { @include eltdAnimation(running-line .75s .5s 1 linear forwards); } &.line4 { @include eltdAnimation(running-line .75s .75s 1 linear forwards); } &.line5 { @include eltdAnimation(running-line .75s 1s 1 linear forwards); } &.line6 { @include eltdAnimation(running-line .75s 1.25s 1 linear forwards); } } } &.eltd-preloader-finished { .eltd-trackstore-loader-counter { opacity:0; } .eltd-trackstore-loader-line-holder { @include eltdAnimation(close-line .5s 0s 1 linear forwards); } } } /* rotate circles - start */ .eltd-rotate-circles { width: 60px; height: 20px; >div { background-color: #333; display: inline-block; width: 12px; height: 12px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1.5s ease infinite; animation: ball-fall 1.5s ease infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; &:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } &:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } &:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } } } @include keyframes(ball-fall){ 0% { opacity:0; @include eltdTransform(translateY(-145%)); } 10% { opacity:.5 } 20% { opacity:1; @include eltdTransform(translateY(0)); } 80% { opacity:1; @include eltdTransform(translateY(0)); } 90% { opacity:.5 } 100% { opacity:0; @include eltdTransform(translateY(145%)); } } /* rotate circles - end */ /* pulse - start */ .eltd-st-loader .pulse { width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: $first-main-color; border-radius: 16px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @-moz-keyframes scaleout { 0% { -moz-transform: scale(0); } 100% { -moz-transform: scale(1); opacity: 0; } } @-ms-keyframes scaleout { 0% { -ms-transform: scale(0); } 100% { -ms-transform: scale(1); opacity: 0; } } @-o-keyframes scaleout { 0% { -o-transform: scale(0); } 100% { -o-transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } /* pulse - end */ /* double pulse - start */ .eltd-st-loader .double_pulse { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; } .eltd-st-loader .double_pulse .double-bounce1, .eltd-st-loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: $first-main-color; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .eltd-st-loader .double_pulse .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* double pulse - end */ /* cube - start */ .eltd-st-loader .cube { width: 60px; height: 60px; margin: -30px 0 0 -30px; background-color: $first-main-color; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* cube - end */ /* rotating cubes - start */ .eltd-st-loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0 0 -16px; position: relative; } .eltd-st-loader .rotating_cubes .cube1, .eltd-st-loader .rotating_cubes .cube2 { background-color: $first-main-color; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .eltd-st-loader .rotating_cubes .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /* rotating cubes - end */ /* stripes - start */ .eltd-st-loader .stripes { width: 50px; height: 60px; margin: -30px 0 0 -25px; text-align: center; font-size: 10px; } .eltd-st-loader .stripes > div { background-color: $first-main-color; height: 100%; width: 6px; display: inline-block; margin: 0 3px 0 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .eltd-st-loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .eltd-st-loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .eltd-st-loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .eltd-st-loader .stripes .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /* stripes - end */ /* wave - start */ .eltd-st-loader .wave { width: 72px; text-align: center; margin: -9px 0 0 -36px; } .eltd-st-loader .wave > div { width: 18px; height: 18px; background-color: $first-main-color; margin: 0 3px 0 0; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eltd-st-loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltd-st-loader .wave .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* wave - end */ /* two_rotating_circles - start */ .eltd-st-loader .two_rotating_circles { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; text-align: center; -webkit-animation: rotatecircles 2.0s infinite linear; animation: rotatecircles 2.0s infinite linear; } .eltd-st-loader .two_rotating_circles .dot1, .eltd-st-loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: $first-main-color; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .eltd-st-loader .two_rotating_circles .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotatecircles { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotatecircles { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } /* two_rotating_circles - end */ /* five_rotating_circles - start */ .eltd-st-loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0 0 -30px; position: relative; } .eltd-st-loader .five_rotating_circles .container1 > div, .eltd-st-loader .five_rotating_circles .container2 > div, .eltd-st-loader .five_rotating_circles .container3 > div { width: 12px; height: 12px; background-color: $first-main-color; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eltd-st-loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%; } .eltd-st-loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .eltd-st-loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .eltd-st-loader .five_rotating_circles .circle1 { top: 0; left: 0; } .eltd-st-loader .five_rotating_circles .circle2 { top: 0; right: 0; } .eltd-st-loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } .eltd-st-loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } .eltd-st-loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .eltd-st-loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .eltd-st-loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .eltd-st-loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .eltd-st-loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .eltd-st-loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .eltd-st-loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .eltd-st-loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .eltd-st-loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .eltd-st-loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .eltd-st-loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* five_rotating_circles - end */ /* atom - start */ .eltd-st-loader .atom { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .eltd-st-loader .atom .ball-1 { height: 50%; width: 50%; left: 50%; top: 50%; position: absolute; z-index: 1; -webkit-animation: atom_shrink 4.5s infinite linear; -moz-animation: atom_shrink 4.5s infinite linear; -o-animation: atom_shrink 4.5s infinite linear; animation: atom_shrink 4.5s infinite linear; } .eltd-st-loader .atom .ball-1:before { content: ''; background: $first-main-color; border-radius: 50%; height: 100%; width: 100%; position: absolute; top: -50%; left: -50%; } .eltd-st-loader .atom .ball-2, .eltd-st-loader .atom .ball-3, .eltd-st-loader .atom .ball-4 { position: absolute; width: 100%; height: 100%; z-index: 0; } .eltd-st-loader .atom .ball-2:before, .eltd-st-loader .atom .ball-3:before, .eltd-st-loader .atom .ball-4:before { content: ''; height: 20px; width: 20px; border-radius: 50%; background: $first-main-color; top: 0; left: 0; margin: 0 auto; position: absolute; } .eltd-st-loader .atom .ball-2 { -webkit-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); -moz-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); -o-animation: atom_zindex 1.5s 0.75s infinite steps(2, end); animation: atom_zindex 1.5s 0.75s infinite steps(2, end); } .eltd-st-loader .atom .ball-3 { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); -moz-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); -o-animation: atom_zindex 1.5s -0.25s infinite steps(2, end); animation: atom_zindex 1.5s -0.25s infinite steps(2, end); } .eltd-st-loader .atom .ball-4 { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); -moz-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); -o-animation: atom_zindex 1.5s 0.25s infinite steps(2, end); animation: atom_zindex 1.5s 0.25s infinite steps(2, end); } .eltd-st-loader .atom .ball-2:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; -moz-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; -o-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease; } .eltd-st-loader .atom .ball-3:before { -webkit-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; -moz-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; -o-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease; } .eltd-st-loader .atom .ball-4:before { -webkit-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; -moz-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; -o-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease; } @-webkit-keyframes atom_position { 50% { top: 80px; left: 80px; } } @-moz-keyframes atom_position { 50% { top: 80px; left: 80px; } } @-o-keyframes atom_position { 50% { top: 80px; left: 80px; } } @keyframes atom_position { 50% { top: 80px; left: 80px; } } @-webkit-keyframes atom_size { 50% { -webkit-transform: scale(0.5, 0.5); } } @-moz-keyframes atom_size { 50% { -moz-transform: scale(0.5, 0.5); } } @-o-keyframes atom_size { 50% { -o-transform: scale(0.5, 0.5); } } @keyframes atom_size { 50% { transform: scale(0.5, 0.5); } } @-webkit-keyframes atom_zindex { 100% { z-index: 10; } } @-moz-keyframes atom_zindex { 100% { z-index: 10; } } @-o-keyframes atom_zindex { 100% { z-index: 10; } } @keyframes atom_zindex { 100% { z-index: 10; } } @-webkit-keyframes atom_shrink { 50% { -webkit-transform: scale(0.9, 0.9) } } @-moz-keyframes atom_shrink { 50% { -moz-transform: scale(0.9, 0.9) } } @-o-keyframes atom_shrink { 50% { -o-transform: scale(0.9, 0.9) } } @keyframes atom_shrink { 50% { transform: scale(0.9, 0.9) } } /* atom - end */ /* clock - start*/ .eltd-st-loader .clock { width: 50px; height: 50px; margin: -25px 0 0 -25px; position: relative; -webkit-animation: clock 8s infinite steps(8); -moz-animation: clock 8s infinite steps(8); -o-animation: clock 8s infinite steps(8); animation: clock 8s infinite steps(8); } .eltd-st-loader .clock .ball { height: 50px; width: 50px; position: absolute; } .eltd-st-loader .clock .ball:before { content: ''; border-radius: 50%; height: 18.31501832px; width: 18.31501832px; position: absolute; background: $first-main-color; } .eltd-st-loader .clock .ball-1 { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-animation: clock1 1s ease-in infinite; -moz-animation: clock1 1s ease-in infinite; -o-animation: clock1 1s ease-in infinite; animation: clock1 1s ease-in infinite; } .eltd-st-loader .clock .ball-2 { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-animation: clock2 1s ease-in infinite; -moz-animation: clock2 1s ease-in infinite; -o-animation: clock2 1s ease-in infinite; animation: clock2 1s ease-in infinite; } .eltd-st-loader .clock .ball-3 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-animation: clock3 1s ease-in infinite; -moz-animation: clock3 1s ease-in infinite; -o-animation: clock3 1s ease-in infinite; animation: clock3 1s ease-in infinite; } .eltd-st-loader .clock .ball-4 { -webkit-animation: clock4 1s ease-in infinite; -moz-animation: clock4 1s ease-in infinite; -o-animation: clock4 1s ease-in infinite; animation: clock4 1s ease-in infinite; } @-webkit-keyframes clock { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes clock { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes clock { 100% { -o-transform: rotate(360deg); } } @keyframes clock { 100% { transform: rotate(360deg); } } @-webkit-keyframes clock1 { 0% { -webkit-transform: rotate(-135deg); } 30% { -webkit-transform: rotate(-450deg); } 100% { -webkit-transform: rotate(-450deg); } } @-moz-keyframes clock1 { 0% { -moz-transform: rotate(-135deg); } 30% { -moz-transform: rotate(-450deg); } 100% { -moz-transform: rotate(-450deg); } } @-o-keyframes clock1 { 0% { -o-transform: rotate(-135deg); } 30% { -o-transform: rotate(-450deg); } 100% { -o-transform: rotate(-450deg); } } @keyframes clock1 { 0% { transform: rotate(-135deg); } 30% { transform: rotate(-450deg); } 100% { transform: rotate(-450deg); } } @-webkit-keyframes clock2 { 5% { -webkit-transform: rotate(-90deg); } 35% { -webkit-transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); } } @-moz-keyframes clock2 { 5% { -moz-transform: rotate(-90deg); } 35% { -moz-transform: rotate(-405deg); } 100% { -moz-transform: rotate(-405deg); } } @-o-keyframes clock2 { 5% { -o-transform: rotate(-90deg); } 35% { -o-transform: rotate(-405deg); } 100% { -o-transform: rotate(-405deg); } } @keyframes clock2 { 5% { transform: rotate(-90deg); } 35% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @-webkit-keyframes clock3 { 10% { -webkit-transform: rotate(-45deg); } 40% { -webkit-transform: rotate(-360deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes clock3 { 10% { -moz-transform: rotate(-45deg); } 40% { -moz-transform: rotate(-360deg); } 100% { -moz-transform: rotate(-360deg); } } @-o-keyframes clock3 { 10% { -o-transform: rotate(-45deg); } 40% { -o-transform: rotate(-360deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes clock3 { 10% { transform: rotate(-45deg); } 40% { transform: rotate(-360deg); } 100% { transform: rotate(-360deg); } } @-webkit-keyframes clock4 { 15% { -webkit-transform: rotate(0deg); } 45% { -webkit-transform: rotate(-315deg); } 100% { -webkit-transform: rotate(-315deg); } } @-moz-keyframes clock4 { 15% { -moz-transform: rotate(0deg); } 45% { -moz-transform: rotate(-315deg); } 100% { -moz-transform: rotate(-315deg); } } @-o-keyframes clock4 { 15% { -o-transform: rotate(0deg); } 45% { -o-transform: rotate(-315deg); } 100% { -o-transform: rotate(-315deg); } } @keyframes clock4 { 15% { transform: rotate(0deg); } 45% { transform: rotate(-315deg); } 100% { transform: rotate(-315deg); } } /* clock - end*/ /* mitosis - start*/ .eltd-st-loader .mitosis { height: 50px; width: 50px; margin: -25px 0 0 -25px; position: relative; -webkit-animation: mitosis_invert 2s infinite steps(2, end); -moz-animation: mitosis_invert 2s infinite steps(2, end); -o-animation: mitosis_invert 2s infinite steps(2, end); animation: mitosis_invert 2s infinite steps(2, end); } .eltd-st-loader .mitosis .ball { height: 100%; width: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; background: $first-main-color; } .eltd-st-loader .mitosis .ball-1 { -webkit-animation: mitosis_ball1 1s infinite alternate linear; -moz-animation: mitosis_ball1 1s infinite alternate linear; -o-animation: mitosis_ball1 1s infinite alternate linear; animation: mitosis_ball1 1s infinite alternate linear; } .eltd-st-loader .mitosis .ball-2 { -webkit-animation: mitosis_ball2 1s infinite alternate linear; -moz-animation: mitosis_ball2 1s infinite alternate linear; -o-animation: mitosis_ball2 1s infinite alternate linear; animation: mitosis_ball2 1s infinite alternate linear; } .eltd-st-loader .mitosis .ball-3 { -webkit-animation: mitosis_ball3 1s infinite alternate linear; -moz-animation: mitosis_ball3 1s infinite alternate linear; -o-animation: mitosis_ball3 1s infinite alternate linear; animation: mitosis_ball3 1s infinite alternate linear; } .eltd-st-loader .mitosis .ball-4 { -webkit-animation: mitosis_ball4 1s infinite alternate linear; -moz-animation: mitosis_ball4 1s infinite alternate linear; -o-animation: mitosis_ball4 1s infinite alternate linear; animation: mitosis_ball4 1s infinite alternate linear; } @-webkit-keyframes mitosis_invert { 100% { -webkit-transform: rotate(180deg); } } @-moz-keyframes mitosis_invert { 100% { -moz-transform: rotate(180deg); } } @-o-keyframes mitosis_invert { 100% { -o-transform: rotate(180deg); } } @keyframes mitosis_invert { 100% { transform: rotate(180deg); } } @-webkit-keyframes mitosis_ball1 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(50%, 50%) scale(0.6, 0.6); } } @-moz-keyframes mitosis_ball1 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(25%) scale(1, 0.8); } 40% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(50%, 50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball1 { 12% { -o-transform: none; } 26% { -o-transform: translateX(25%) scale(1, 0.8); } 40% { -o-transform: translateX(50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(50%) scale(0.8, 0.8); } 74% { -o-transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { -o-transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { -o-transform: translate(50%, 50%) scale(0.6, 0.6); } } @keyframes mitosis_ball1 { 12% { transform: none; } 26% { transform: translateX(25%) scale(1, 0.8); } 40% { transform: translateX(50%) scale(0.8, 0.8); } 60% { transform: translateX(50%) scale(0.8, 0.8); } 74% { transform: translate(50%, 25%) scale(0.6, 0.8); } 88% { transform: translate(50%, 50%) scale(0.6, 0.6); } 100% { transform: translate(50%, 50%) scale(0.6, 0.6); } } @-webkit-keyframes mitosis_ball2 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(50%, -50%) scale(0.6, 0.6); } } @-moz-keyframes mitosis_ball2 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(25%) scale(1, 0.8); } 40% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(50%, -50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball2 { 12% { -o-transform: none; } 26% { -o-transform: translateX(25%) scale(1, 0.8); } 40% { -o-transform: translateX(50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(50%) scale(0.8, 0.8); } 74% { -o-transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { -o-transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { -o-transform: translate(50%, -50%) scale(0.6, 0.6); } } @keyframes mitosis_ball2 { 12% { transform: none; } 26% { transform: translateX(25%) scale(1, 0.8); } 40% { transform: translateX(50%) scale(0.8, 0.8); } 60% { transform: translateX(50%) scale(0.8, 0.8); } 74% { transform: translate(50%, -25%) scale(0.6, 0.8); } 88% { transform: translate(50%, -50%) scale(0.6, 0.6); } 100% { transform: translate(50%, -50%) scale(0.6, 0.6); } } @-webkit-keyframes mitosis_ball3 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(-25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6); } } @-moz-keyframes mitosis_ball3 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(-25%) scale(1, 0.8); } 40% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(-50%, 50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball3 { 12% { -o-transform: none; } 26% { -o-transform: translateX(-25%) scale(1, 0.8); } 40% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -o-transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { -o-transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { -o-transform: translate(-50%, 50%) scale(0.6, 0.6); } } @keyframes mitosis_ball3 { 12% { transform: none; } 26% { transform: translateX(-25%) scale(1, 0.8); } 40% { transform: translateX(-50%) scale(0.8, 0.8); } 60% { transform: translateX(-50%) scale(0.8, 0.8); } 74% { transform: translate(-50%, 25%) scale(0.6, 0.8); } 88% { transform: translate(-50%, 50%) scale(0.6, 0.6); } 100% { transform: translate(-50%, 50%) scale(0.6, 0.6); } } @-webkit-keyframes mitosis_ball4 { 12% { -webkit-transform: none; } 26% { -webkit-transform: translateX(-25%) scale(1, 0.8); } 40% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -webkit-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -webkit-transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); } } @-moz-keyframes mitosis_ball4 { 12% { -moz-transform: none; } 26% { -moz-transform: translateX(-25%) scale(1, 0.8); } 40% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -moz-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -moz-transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -moz-transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -moz-transform: translate(-50%, -50%) scale(0.6, 0.6); } } @-o-keyframes mitosis_ball4 { 12% { -o-transform: none; } 26% { -o-transform: translateX(-25%) scale(1, 0.8); } 40% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 60% { -o-transform: translateX(-50%) scale(0.8, 0.8); } 74% { -o-transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { -o-transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { -o-transform: translate(-50%, -50%) scale(0.6, 0.6); } } @keyframes mitosis_ball4 { 12% { transform: none; } 26% { transform: translateX(-25%) scale(1, 0.8); } 40% { transform: translateX(-50%) scale(0.8, 0.8); } 60% { transform: translateX(-50%) scale(0.8, 0.8); } 74% { transform: translate(-50%, -25%) scale(0.6, 0.8); } 88% { transform: translate(-50%, -50%) scale(0.6, 0.6); } 100% { transform: translate(-50%, -50%) scale(0.6, 0.6); } } /* mitosis - end*/ /* lines - start*/ .eltd-st-loader .lines { width: 60px; height: 60px; margin: 0 0 0 -30px; } .eltd-st-loader .lines .line1, .eltd-st-loader .lines .line2, .eltd-st-loader .lines .line3, .eltd-st-loader .lines .line4 { margin-left: 10px; position: absolute; width: 60px; height: 4px; background-color: $first-main-color; -webkit-animation: lines_spin 1.5s infinite linear; -webkit-animation-timing-function: ease; } .eltd-st-loader .lines .line2 { -webkit-animation-delay: 0.1s; } .eltd-st-loader .lines .line3 { -webkit-animation-delay: 0.2s; } .eltd-st-loader .lines .line4 { -webkit-animation-delay: 0.3s; } @-webkit-keyframes lines_spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes lines_spin { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes lines_spin { 100% { -o-transform: rotate(360deg); } } @keyframes lines_spin { 100% { transform: rotate(360deg); } } /* lines - end*/ /* fussion - start*/ .eltd-st-loader .fussion { width: 30px; height: 30px; margin: -45px 0 0 -30px; position: relative; } .eltd-st-loader .fussion .ball { height: 40px; width: 40px; left: 50%; top: 50%; background: $first-main-color; border-radius: 50%; float: left; position: absolute; } .eltd-st-loader .fussion .ball-1 { background: $first-main-color; top: 0; left: 50%; -webkit-animation: fussion_ball1 1s 0s ease infinite; -moz-animation: fussion_ball1 1s 0s ease infinite; -o-animation: fussion_ball1 1s 0s ease infinite; animation: fussion_ball1 1s 0s ease infinite; z-index: 1; } .eltd-st-loader .fussion .ball-2 { background: $first-main-color; top: 50%; left: 100%; -webkit-animation: fussion_ball2 1s 0s ease infinite; -moz-animation: fussion_ball2 1s 0s ease infinite; -o-animation: fussion_ball2 1s 0s ease infinite; animation: fussion_ball2 1s 0s ease infinite; z-index: 2; } .eltd-st-loader .fussion .ball-3 { background: $first-main-color; top: 100%; left: 50%; -webkit-animation: fussion_ball3 1s 0s ease infinite; -moz-animation: fussion_ball3 1s 0s ease infinite; -o-animation: fussion_ball3 1s 0s ease infinite; animation: fussion_ball3 1s 0s ease infinite; z-index: 1; } .eltd-st-loader .fussion .ball-4 { background: $first-main-color; top: 50%; left: 0; -webkit-animation: fussion_ball4 1s 0s ease infinite; -moz-animation: fussion_ball4 1s 0s ease infinite; -o-animation: fussion_ball4 1s 0s ease infinite; animation: fussion_ball4 1s 0s ease infinite; z-index: 2; } @-webkit-keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @-moz-keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @-o-keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @keyframes fussion_ball1 { 50% { top: -100%; left: 200%; } 100% { top: 50%; left: 100%; z-index: 2; } } @-webkit-keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @-moz-keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @-o-keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @keyframes fussion_ball2 { 50% { top: 200%; left: 200%; } 100% { top: 100%; left: 50%; z-index: 1; } } @-webkit-keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @-moz-keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @-o-keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @keyframes fussion_ball3 { 50% { top: 200%; left: -100%; } 100% { top: 50%; left: 0; z-index: 2; } } @-webkit-keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } @-moz-keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } @-o-keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } @keyframes fussion_ball4 { 50% { top: -100%; left: -100%; } 100% { top: 0; left: 50%; z-index: 1; } } /* fussion - end*/ /* wave_circles - start*/ .eltd-st-loader .wave_circles { width: 150px; height: 30px; margin: -15px 0 0 -75px; } .eltd-st-loader .wave_circles .ball { height: 30px; width: 30px; float: left; background: $first-main-color; border-radius: 50%; margin-right: 10px; } .eltd-st-loader .wave_circles .ball-1 { -webkit-animation: wave_jump3 1.8s infinite ease-out; -moz-animation: wave_jump3 1.8s infinite ease-out; -o-animation: wave_jump3 1.8s infinite ease-out; animation: wave_jump3 1.8s infinite ease-out; } .eltd-st-loader .wave_circles .ball-2 { -webkit-animation: wave_jump2 1.8s infinite ease-out; -moz-animation: wave_jump2 1.8s infinite ease-out; -o-animation: wave_jump2 1.8s infinite ease-out; animation: wave_jump2 1.8s infinite ease-out; } .eltd-st-loader .wave_circles .ball-3 { -webkit-animation: wave_jump1 1.8s infinite ease-out; -moz-animation: wave_jump1 1.8s infinite ease-out; -o-animation: wave_jump1 1.8s infinite ease-out; animation: wave_jump1 1.8s infinite ease-out; } .eltd-st-loader .wave_circles .ball-4 { margin-right: 0; -webkit-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); -moz-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); -o-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); } @-webkit-keyframes wave_jump1 { 12% { -webkit-transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; } 24% { -webkit-transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); } } @-moz-keyframes wave_jump1 { 12% { -moz-transform: translate(20px, -40px); -moz-animation-timing-function: ease-in; } 24% { -moz-transform: translate(40px, 0); } 100% { -moz-transform: translate(40px, 0); } } @-moz-keyframes wave_jump1 { 12% { -o-transform: translate(20px, -40px); -o-animation-timing-function: ease-in; } 24% { -o-transform: translate(40px, 0); } 100% { -o-transform: translate(40px, 0); } } @keyframes wave_jump1 { 12% { transform: translate(20px, -40px); animation-timing-function: ease-in; } 24% { transform: translate(40px, 0); } 100% { transform: translate(40px, 0); } } @-webkit-keyframes wave_jump2 { 12% { -webkit-transform: translate(0, 0); } 24% { -webkit-transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; } 36% { -webkit-transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); } } @-moz-keyframes wave_jump2 { 12% { -moz-transform: translate(0, 0); } 24% { -moz-transform: translate(20px, -40px); -moz-animation-timing-function: ease-in; } 36% { -moz-transform: translate(40px, 0); } 100% { -moz-transform: translate(40px, 0); } } @-o-keyframes wave_jump2 { 12% { -o-transform: translate(0, 0); } 24% { -o-transform: translate(20px, -40px); -o-animation-timing-function: ease-in; } 36% { -o-transform: translate(40px, 0); } 100% { -o-transform: translate(40px, 0); } } @keyframes wave_jump2 { 12% { transform: translate(0, 0); } 24% { transform: translate(20px, -40px); animation-timing-function: ease-in; } 36% { transform: translate(40px, 0); } 100% { transform: translate(40px, 0); } } @-webkit-keyframes wave_jump3 { 24% { -webkit-transform: translate(0, 0); } 36% { -webkit-transform: translate(20px, -40px); -webkit-animation-timing-function: ease-in; } 48% { -webkit-transform: translate(40px, 0); } 100% { -webkit-transform: translate(40px, 0); } } @-moz-keyframes wave_jump3 { 24% { -moz-transform: translate(0, 0); } 36% { -moz-transform: translate(20px, -40px); -moz-animation-timing-function: ease-in; } 48% { -moz-transform: translate(40px, 0); } 100% { -moz-transform: translate(40px, 0); } } @-o-keyframes wave_jump3 { 24% { -o-transform: translate(0, 0); } 36% { -o-transform: translate(20px, -40px); -o-animation-timing-function: ease-in; } 48% { -o-transform: translate(40px, 0); } 100% { -o-transform: translate(40px, 0); } } @keyframes wave_jump3 { 24% { transform: translate(0, 0); } 36% { transform: translate(20px, -40px); animation-timing-function: ease-in; } 48% { transform: translate(40px, 0); } 100% { transform: translate(40px, 0); } } @-webkit-keyframes wave_wipe { 48% { -webkit-transform: translateX(-120px); } 100% { -webkit-transform: translateX(-120px); } } @-moz-keyframes wave_wipe { 48% { -moz-transform: translateX(-120px); } 100% { -moz-transform: translateX(-120px); } } @-o-keyframes wave_wipe { 48% { -o-transform: translateX(-120px); } 100% { -o-transform: translateX(-120px); } } @keyframes wave_wipe { 48% { transform: translateX(-120px); } 100% { transform: translateX(-120px); } } /* wave_circles - end*/ /* pulse_circles - start*/ .eltd-st-loader .pulse_circles { width: 100px; height: 100px; margin: -50px 0 0 -50px; position: relative; } .eltd-st-loader .pulse_circles * { box-sizing: border-box; } .eltd-st-loader .pulse_circles .ball { height: 100%; width: 100%; background: $first-main-color; position: absolute; border-radius: 50%; border: 0 solid $first-main-color; -webkit-animation: pulse_circles_pulse 3s infinite; -moz-animation: pulse_circles_pulse 3s infinite; -o-animation: pulse_circles_pulse 3s infinite; animation: pulse_circles_pulse 3s infinite; } .eltd-st-loader .pulse_circles .ball-2 { -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .eltd-st-loader .pulse_circles .ball-3 { -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .eltd-st-loader .pulse_circles .ball-4 { -webkit-animation-delay: -2.25s; -moz-animation-delay: -2.25s; -o-animation-delay: -2.25s; animation-delay: -2.25s; } @-webkit-keyframes pulse_circles_pulse { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -webkit-transform: scale(1, 1); opacity: 0; border-width: 0; } } @-moz-keyframes pulse_circles_pulse { 0% { -moz-transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -moz-transform: scale(1, 1); opacity: 0; border-width: 0; } } @-o-keyframes pulse_circles_pulse { 0% { -o-transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { -o-transform: scale(1, 1); opacity: 0; border-width: 0; } } @keyframes pulse_circles_pulse { 0% { transform: scale(0.1, 0.1); opacity: 1; border-width: 50px; } 100% { transform: scale(1, 1); opacity: 0; border-width: 0; } } /* pulse_circles - end*/PK � 4\�\�5� � _grid-system-mixin.scssnu �[��� PK � 4\�|�{ � _grid-system.scssnu �[��� PK � 4\H��P �P 1( _global.scssnu �[��� PK � 4\7�3�vS vS $ y modules/plugins/default/_swiper.scssnu �[��� PK � 4\ߗ��$ �$ ) �� modules/plugins/default/_prettyPhoto.scssnu �[��� PK � 4\ �~�� � # � modules/plugins/default/_slick.scssnu �[��� PK � 4\ �2c6 c6 % 3� modules/plugins/default/_animate.scssnu �[��� PK � 4\�"�� � / �/ modules/plugins/default/_perfect-scrollbar.scssnu �[��� PK � 4\!�pE E * �H modules/plugins/default/_owl.carousel.scssnu �[��� PK � 4\Fe͑�( �( % sT modules/plugins/default/_sselect.scssnu �[��� PK � 4\�cX��" �" " X} modules/plugins/default/_wpml.scssnu �[��� PK � 4\QĭI2 2 < �� modules/widgets/responsive/_instagram-widget-responsive.scssnu �[��� PK � 4\`�ʺ[ [ 3 @� modules/widgets/default/_sticky-sidebar-widget.scssnu �[��� PK � 4\�)u� � 0 �� modules/widgets/default/_social-icon-widget.scssnu �[��� PK � 4\��m� � , +� modules/widgets/default/_twitter-widget.scssnu �[��� PK � 4\8���� � . |� modules/widgets/default/_separator-widget.scssnu �[��� PK � 4\�OS� � . �� modules/widgets/default/_instagram-widget.scssnu �[��� PK � 4\ �Z� � 0 �� modules/widgets/default/_custom-font-widget.scssnu �[��� PK � 4\Z' ��< �< 7 �� modules/widgets/default/_default-wordpress-widgets.scssnu �[��� PK � 4\��Ӱ4 4 - modules/widgets/default/_raw-html-widget.scssnu �[��� PK � 4\^$a�� � ) � modules/widgets/default/_icon-widget.scssnu �[��� PK � 4\�*QV� � � modules.scssnu �[��� PK � 4\����� � M _animations.scssnu �[��� PK � 4\;?:� � =' _variables.scssnu �[��� PK � 4\�x*p p O/ _mixins.scssnu �[��� PK � 4\�Im7 m7 �J _common.scssnu �[��� PK � 4\;�Bd� � �� modules-responsive.scssnu �[��� PK � 4\� � օ _global-responsive.scssnu �[��� PK � 4\��n_M� M� ,� _spinners.scssnu �[��� PK �N
| ver. 1.4 |
Github
|
.
| PHP 8.2.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка