@charset "UTF-8";
@charset 'UTF-8';

@font-face{font-family:'Typicons';font-weight:normal;font-style:normal;src:url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/typicon.eot);src:url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/typicon.eot?#iefix) format('embedded-opentype'),url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/typicon.woff) format('woff'),url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/typicon.ttf) format('truetype'),url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/typicon.svg#Typicons) format('svg')}.typcn:before{font-family:'Typicons';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;height:1em;font-size:1em;text-align:center;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.typcn-adjust-brightness:before{content:'\e000'}.typcn-adjust-contrast:before{content:'\e001'}.typcn-anchor-outline:before{content:'\e002'}.typcn-anchor:before{content:'\e003'}.typcn-archive:before{content:'\e004'}.typcn-arrow-back-outline:before{content:'\e005'}.typcn-arrow-back:before{content:'\e006'}.typcn-arrow-down-outline:before{content:'\e007'}.typcn-arrow-down-thick:before{content:'\e008'}.typcn-arrow-down:before{content:'\e009'}.typcn-arrow-forward-outline:before{content:'\e00a'}.typcn-arrow-forward:before{content:'\e00b'}.typcn-arrow-left-outline:before{content:'\e00c'}.typcn-arrow-left-thick:before{content:'\e00d'}.typcn-arrow-left:before{content:'\e00e'}.typcn-arrow-loop-outline:before{content:'\e00f'}.typcn-arrow-loop:before{content:'\e010'}.typcn-arrow-maximise-outline:before{content:'\e011'}.typcn-arrow-maximise:before{content:'\e012'}.typcn-arrow-minimise-outline:before{content:'\e013'}.typcn-arrow-minimise:before{content:'\e014'}.typcn-arrow-move-outline:before{content:'\e015'}.typcn-arrow-move:before{content:'\e016'}.typcn-arrow-repeat-outline:before{content:'\e017'}.typcn-arrow-repeat:before{content:'\e018'}.typcn-arrow-right-outline:before{content:'\e019'}.typcn-arrow-right-thick:before{content:'\e01a'}.typcn-arrow-right:before{content:'\e01b'}.typcn-arrow-shuffle:before{content:'\e01c'}.typcn-arrow-sorted-down:before{content:'\e01d'}.typcn-arrow-sorted-up:before{content:'\e01e'}.typcn-arrow-sync-outline:before{content:'\e01f'}.typcn-arrow-sync:before{content:'\e020'}.typcn-arrow-unsorted:before{content:'\e021'}.typcn-arrow-up-outline:before{content:'\e022'}.typcn-arrow-up-thick:before{content:'\e023'}.typcn-arrow-up:before{content:'\e024'}.typcn-at:before{content:'\e025'}.typcn-attachment-outline:before{content:'\e026'}.typcn-attachment:before{content:'\e027'}.typcn-backspace-outline:before{content:'\e028'}.typcn-backspace:before{content:'\e029'}.typcn-battery-charge:before{content:'\e02a'}.typcn-battery-full:before{content:'\e02b'}.typcn-battery-high:before{content:'\e02c'}.typcn-battery-low:before{content:'\e02d'}.typcn-battery-mid:before{content:'\e02e'}.typcn-beaker:before{content:'\e02f'}.typcn-beer:before{content:'\e030'}.typcn-bell:before{content:'\e031'}.typcn-book:before{content:'\e032'}.typcn-bookmark:before{content:'\e033'}.typcn-briefcase:before{content:'\e034'}.typcn-brush:before{content:'\e035'}.typcn-business-card:before{content:'\e036'}.typcn-calculator:before{content:'\e037'}.typcn-calendar-outline:before{content:'\e038'}.typcn-calendar:before{content:'\e039'}.typcn-camera-outline:before{content:'\e03a'}.typcn-camera:before{content:'\e03b'}.typcn-cancel-outline:before{content:'\e03c'}.typcn-cancel:before{content:'\e03d'}.typcn-chart-area-outline:before{content:'\e03e'}.typcn-chart-area:before{content:'\e03f'}.typcn-chart-bar-outline:before{content:'\e040'}.typcn-chart-bar:before{content:'\e041'}.typcn-chart-line-outline:before{content:'\e042'}.typcn-chart-line:before{content:'\e043'}.typcn-chart-pie-outline:before{content:'\e044'}.typcn-chart-pie:before{content:'\e045'}.typcn-chevron-left-outline:before{content:'\e046'}.typcn-chevron-left:before{content:'\e047'}.typcn-chevron-right-outline:before{content:'\e048'}.typcn-chevron-right:before{content:'\e049'}.typcn-clipboard:before{content:'\e04a'}.typcn-cloud-storage:before{content:'\e04b'}.typcn-cloud-storage-outline:before{content:'\e054'}.typcn-code-outline:before{content:'\e04c'}.typcn-code:before{content:'\e04d'}.typcn-coffee:before{content:'\e04e'}.typcn-cog-outline:before{content:'\e04f'}.typcn-cog:before{content:'\e050'}.typcn-compass:before{content:'\e051'}.typcn-contacts:before{content:'\e052'}.typcn-credit-card:before{content:'\e053'}.typcn-css3:before{content:'\e055'}.typcn-database:before{content:'\e056'}.typcn-delete-outline:before{content:'\e057'}.typcn-delete:before{content:'\e058'}.typcn-device-desktop:before{content:'\e059'}.typcn-device-laptop:before{content:'\e05a'}.typcn-device-phone:before{content:'\e05b'}.typcn-device-tablet:before{content:'\e05c'}.typcn-directions:before{content:'\e05d'}.typcn-divide-outline:before{content:'\e05e'}.typcn-divide:before{content:'\e05f'}.typcn-document-add:before{content:'\e060'}.typcn-document-delete:before{content:'\e061'}.typcn-document-text:before{content:'\e062'}.typcn-document:before{content:'\e063'}.typcn-download-outline:before{content:'\e064'}.typcn-download:before{content:'\e065'}.typcn-dropbox:before{content:'\e066'}.typcn-edit:before{content:'\e067'}.typcn-eject-outline:before{content:'\e068'}.typcn-eject:before{content:'\e069'}.typcn-equals-outline:before{content:'\e06a'}.typcn-equals:before{content:'\e06b'}.typcn-export-outline:before{content:'\e06c'}.typcn-export:before{content:'\e06d'}.typcn-eye-outline:before{content:'\e06e'}.typcn-eye:before{content:'\e06f'}.typcn-feather:before{content:'\e070'}.typcn-film:before{content:'\e071'}.typcn-filter:before{content:'\e072'}.typcn-flag-outline:before{content:'\e073'}.typcn-flag:before{content:'\e074'}.typcn-flash-outline:before{content:'\e075'}.typcn-flash:before{content:'\e076'}.typcn-flow-children:before{content:'\e077'}.typcn-flow-merge:before{content:'\e078'}.typcn-flow-parallel:before{content:'\e079'}.typcn-flow-switch:before{content:'\e07a'}.typcn-folder-add:before{content:'\e07b'}.typcn-folder-delete:before{content:'\e07c'}.typcn-folder-open:before{content:'\e07d'}.typcn-folder:before{content:'\e07e'}.typcn-gift:before{content:'\e07f'}.typcn-globe-outline:before{content:'\e080'}.typcn-globe:before{content:'\e081'}.typcn-group-outline:before{content:'\e082'}.typcn-group:before{content:'\e083'}.typcn-headphones:before{content:'\e084'}.typcn-heart-full-outline:before{content:'\e085'}.typcn-heart-half-outline:before{content:'\e086'}.typcn-heart-outline:before{content:'\e087'}.typcn-heart:before{content:'\e088'}.typcn-home-outline:before{content:'\e089'}.typcn-home:before{content:'\e08a'}.typcn-html5:before{content:'\e08b'}.typcn-image-outline:before{content:'\e08c'}.typcn-image:before{content:'\e08d'}.typcn-infinity-outline:before{content:'\e08e'}.typcn-infinity:before{content:'\e08f'}.typcn-info-large-outline:before{content:'\e090'}.typcn-info-large:before{content:'\e091'}.typcn-info-outline:before{content:'\e092'}.typcn-info:before{content:'\e093'}.typcn-input-checked-outline:before{content:'\e094'}.typcn-input-checked:before{content:'\e095'}.typcn-key-outline:before{content:'\e096'}.typcn-key:before{content:'\e097'}.typcn-keyboard:before{content:'\e098'}.typcn-leaf:before{content:'\e099'}.typcn-lightbulb:before{content:'\e09a'}.typcn-link-outline:before{content:'\e09b'}.typcn-link:before{content:'\e09c'}.typcn-location-arrow-outline:before{content:'\e09d'}.typcn-location-arrow:before{content:'\e09e'}.typcn-location-outline:before{content:'\e09f'}.typcn-location:before{content:'\e0a0'}.typcn-lock-closed-outline:before{content:'\e0a1'}.typcn-lock-closed:before{content:'\e0a2'}.typcn-lock-open-outline:before{content:'\e0a3'}.typcn-lock-open:before{content:'\e0a4'}.typcn-mail:before{content:'\e0a5'}.typcn-map:before{content:'\e0a6'}.typcn-media-eject-outline:before{content:'\e0a7'}.typcn-media-eject:before{content:'\e0a8'}.typcn-media-fast-forward-outline:before{content:'\e0a9'}.typcn-media-fast-forward:before{content:'\e0aa'}.typcn-media-pause-outline:before{content:'\e0ab'}.typcn-media-pause:before{content:'\e0ac'}.typcn-media-play-outline:before{content:'\e0ad'}.typcn-media-play-reverse-outline:before{content:'\e0ae'}.typcn-media-play-reverse:before{content:'\e0af'}.typcn-media-play:before{content:'\e0b0'}.typcn-media-record-outline:before{content:'\e0b1'}.typcn-media-record:before{content:'\e0b2'}.typcn-media-rewind-outline:before{content:'\e0b3'}.typcn-media-rewind:before{content:'\e0b4'}.typcn-media-stop-outline:before{content:'\e0b5'}.typcn-media-stop:before{content:'\e0b6'}.typcn-message-typing:before{content:'\e0b7'}.typcn-message:before{content:'\e0b8'}.typcn-messages:before{content:'\e0b9'}.typcn-microphone-outline:before{content:'\e0ba'}.typcn-microphone:before{content:'\e0bb'}.typcn-minus-outline:before{content:'\e0bc'}.typcn-minus:before{content:'\e0bd'}.typcn-mortar-board:before{content:'\e0be'}.typcn-news:before{content:'\e0bf'}.typcn-notes-outline:before{content:'\e0c0'}.typcn-notes:before{content:'\e0c1'}.typcn-pen:before{content:'\e0c2'}.typcn-pencil:before{content:'\e0c3'}.typcn-phone-outline:before{content:'\e0c4'}.typcn-phone:before{content:'\e0c5'}.typcn-pi-outline:before{content:'\e0c6'}.typcn-pi:before{content:'\e0c7'}.typcn-pin-outline:before{content:'\e0c8'}.typcn-pin:before{content:'\e0c9'}.typcn-pipette:before{content:'\e0ca'}.typcn-plane-outline:before{content:'\e0cb'}.typcn-plane:before{content:'\e0cc'}.typcn-plug:before{content:'\e0cd'}.typcn-plus-outline:before{content:'\e0ce'}.typcn-plus:before{content:'\e0cf'}.typcn-point-of-interest-outline:before{content:'\e0d0'}.typcn-point-of-interest:before{content:'\e0d1'}.typcn-power-outline:before{content:'\e0d2'}.typcn-power:before{content:'\e0d3'}.typcn-printer:before{content:'\e0d4'}.typcn-puzzle-outline:before{content:'\e0d5'}.typcn-puzzle:before{content:'\e0d6'}.typcn-radar-outline:before{content:'\e0d7'}.typcn-radar:before{content:'\e0d8'}.typcn-refresh-outline:before{content:'\e0d9'}.typcn-refresh:before{content:'\e0da'}.typcn-rss-outline:before{content:'\e0db'}.typcn-rss:before{content:'\e0dc'}.typcn-scissors-outline:before{content:'\e0dd'}.typcn-scissors:before{content:'\e0de'}.typcn-shopping-bag:before{content:'\e0df'}.typcn-shopping-cart:before{content:'\e0e0'}.typcn-social-at-circular:before{content:'\e0e1'}.typcn-social-dribbble-circular:before{content:'\e0e2'}.typcn-social-dribbble:before{content:'\e0e3'}.typcn-social-facebook-circular:before{content:'\e0e4'}.typcn-social-facebook:before{content:'\e0e5'}.typcn-social-flickr-circular:before{content:'\e0e6'}.typcn-social-flickr:before{content:'\e0e7'}.typcn-social-github-circular:before{content:'\e0e8'}.typcn-social-github:before{content:'\e0e9'}.typcn-social-google-plus-circular:before{content:'\e0ea'}.typcn-social-google-plus:before{content:'\e0eb'}.typcn-social-instagram-circular:before{content:'\e0ec'}.typcn-social-instagram:before{content:'\e0ed'}.typcn-social-last-fm-circular:before{content:'\e0ee'}.typcn-social-last-fm:before{content:'\e0ef'}.typcn-social-linkedin-circular:before{content:'\e0f0'}.typcn-social-linkedin:before{content:'\e0f1'}.typcn-social-pinterest-circular:before{content:'\e0f2'}.typcn-social-pinterest:before{content:'\e0f3'}.typcn-social-skype-outline:before{content:'\e0f4'}.typcn-social-skype:before{content:'\e0f5'}.typcn-social-tumbler-circular:before{content:'\e0f6'}.typcn-social-tumbler:before{content:'\e0f7'}.typcn-social-twitter-circular:before{content:'\e0f8'}.typcn-social-twitter:before{content:'\e0f9'}.typcn-social-vimeo-circular:before{content:'\e0fa'}.typcn-social-vimeo:before{content:'\e0fb'}.typcn-social-youtube-circular:before{content:'\e0fc'}.typcn-social-youtube:before{content:'\e0fd'}.typcn-sort-alphabetically-outline:before{content:'\e0fe'}.typcn-sort-alphabetically:before{content:'\e0ff'}.typcn-sort-numerically-outline:before{content:'\e100'}.typcn-sort-numerically:before{content:'\e101'}.typcn-spanner-outline:before{content:'\e102'}.typcn-spanner:before{content:'\e103'}.typcn-spiral:before{content:'\e104'}.typcn-star-full-outline:before{content:'\e105'}.typcn-star-half-outline:before{content:'\e106'}.typcn-star-half:before{content:'\e107'}.typcn-star-outline:before{content:'\e108'}.typcn-star:before{content:'\e109'}.typcn-starburst-outline:before{content:'\e10a'}.typcn-starburst:before{content:'\e10b'}.typcn-stopwatch:before{content:'\e10c'}.typcn-support:before{content:'\e10d'}.typcn-tabs-outline:before{content:'\e10e'}.typcn-tag:before{content:'\e10f'}.typcn-tags:before{content:'\e110'}.typcn-th-large-outline:before{content:'\e111'}.typcn-th-large:before{content:'\e112'}.typcn-th-list-outline:before{content:'\e113'}.typcn-th-list:before{content:'\e114'}.typcn-th-menu-outline:before{content:'\e115'}.typcn-th-menu:before{content:'\e116'}.typcn-th-small-outline:before{content:'\e117'}.typcn-th-small:before{content:'\e118'}.typcn-thermometer:before{content:'\e119'}.typcn-thumbs-down:before{content:'\e11a'}.typcn-thumbs-ok:before{content:'\e11b'}.typcn-thumbs-up:before{content:'\e11c'}.typcn-tick-outline:before{content:'\e11d'}.typcn-tick:before{content:'\e11e'}.typcn-ticket:before{content:'\e11f'}.typcn-time:before{content:'\e120'}.typcn-times-outline:before{content:'\e121'}.typcn-times:before{content:'\e122'}.typcn-trash:before{content:'\e123'}.typcn-tree:before{content:'\e124'}.typcn-upload-outline:before{content:'\e125'}.typcn-upload:before{content:'\e126'}.typcn-user-add-outline:before{content:'\e127'}.typcn-user-add:before{content:'\e128'}.typcn-user-delete-outline:before{content:'\e129'}.typcn-user-delete:before{content:'\e12a'}.typcn-user-outline:before{content:'\e12b'}.typcn-user:before{content:'\e12c'}.typcn-vendor-android:before{content:'\e12d'}.typcn-vendor-apple:before{content:'\e12e'}.typcn-vendor-microsoft:before{content:'\e12f'}.typcn-video-outline:before{content:'\e130'}.typcn-video:before{content:'\e131'}.typcn-volume-down:before{content:'\e132'}.typcn-volume-mute:before{content:'\e133'}.typcn-volume-up:before{content:'\e134'}.typcn-volume:before{content:'\e135'}.typcn-warning-outline:before{content:'\e136'}.typcn-warning:before{content:'\e137'}.typcn-watch:before{content:'\e138'}.typcn-waves-outline:before{content:'\e139'}.typcn-waves:before{content:'\e13a'}.typcn-weather-cloudy:before{content:'\e13b'}.typcn-weather-downpour:before{content:'\e13c'}.typcn-weather-night:before{content:'\e13d'}.typcn-weather-partly-sunny:before{content:'\e13e'}.typcn-weather-shower:before{content:'\e13f'}.typcn-weather-snow:before{content:'\e140'}.typcn-weather-stormy:before{content:'\e141'}.typcn-weather-sunny:before{content:'\e142'}.typcn-weather-windy-cloudy:before{content:'\e143'}.typcn-weather-windy:before{content:'\e144'}.typcn-wi-fi-outline:before{content:'\e145'}.typcn-wi-fi:before{content:'\e146'}.typcn-wine:before{content:'\e147'}.typcn-world-outline:before{content:'\e148'}.typcn-world:before{content:'\e149'}.typcn-zoom-in-outline:before{content:'\e14a'}.typcn-zoom-in:before{content:'\e14b'}.typcn-zoom-out-outline:before{content:'\e14c'}.typcn-zoom-out:before{content:'\e14d'}.typcn-zoom-outline:before{content:'\e14e'}.typcn-zoom:before{content:'\e14f'}@font-face {
font-family: 'themify';
src:url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/themify.eot?-fvbane);
src:url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),
url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/themify.woff?-fvbane) format('woff'),
url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/themify.ttf?-fvbane) format('truetype'),
url(//epicerietropica.com/wp-content/themes/foodsto/assets/fonts/themify.svg?-fvbane#themify) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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 heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-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-duration: 0.75s;
animation-duration: 0.75s;
-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-animation-duration: 0.75s;
animation-duration: 0.75s;
-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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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;
}
.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.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}@font-face {
font-family: 'flexslider-icon';
src: url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/fonts/flexslider-icon.eot);
src: url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/fonts/flexslider-icon.woff) format('woff'), url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/fonts/flexslider-icon.ttf) format('truetype'), url(//epicerietropica.com/wp-content/themes/foodsto/assets/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}:root {
--primary-color: #3bb77e;
--secondary-color: #ffba43;
--white-color: #ffffff;
--white-light-color: #e6e6e6;
--title-color: #1c2137;
--sub-title-color: #ffba43;
--body-text: #4a4a4a;
--light-green-color: #e2f9ee;
--light-yellow-color: #fff8ed;
--warning-color: #ff0000;
--light-grey: #f9faff;
} *::-moz-selection {
background: var(--primary-color);
color: var(--white-color);
text-shadow: none;
}
::-moz-selection {
background: var(--primary-color);
color: var(--white-color);
text-shadow: none;
}
::selection {
background: var(--primary-color);
color: var(--white-color);
text-shadow: none;
}
html,
body {
overflow: inherit !important;
}
body {
font-family: 'Manrope', sans-serif;
font-size: 1em;
line-height: 1.75em;
font-weight: normal;
color: var(--body-text);
overflow-x: hidden;
}
a,
.button {
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
color: var(--title-color);
}
i,
.iq-shop-btn-holder.iq-shop-btn-footer-holder ul li a span {
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
a:focus {
text-decoration: none !important;
}
a,
.button,
input {
outline: medium none !important;
color: var(--primary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
color: var(--title-color);
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.3;
font-weight: 600;
margin: 25px 0;
letter-spacing: -0.02em
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
color: var(--primary-color);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
color: var(--title-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
h1 {
font-size: 4.375em;
}
h2 {
font-size: 3.1875em;
}
h3 {
font-size: 2.37em;
}
h4 {
font-size: 1.75em;
}
h5 {
font-size: 1.37em;
}
h6 {
font-size: 1em;
}
.wpcf7-response-output.error-msg {
display: block;
margin: 2em 0 1em;
border: 2px solid;
padding: 0.2em 1em;
border-color: var(--warning-color);
}
.elementor-image-box-title {
margin-top: 0;
}
p {
margin: 15px 0;
line-height: 1.66em;
}
.elementor-column-wrap {
border-radius: 5px;
}
.foodsto h1,
.foodsto h2,
.foodsto h3,
.foodsto h4,
.foodsto h5,
.foodsto h6 {
margin: 0;
}
.container,
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1100px;
}
.textgyreadventor {
font-family: 'Merriweather', serif !important;
}
.manrope {
font-family: 'Manrope', sans-serif !important;
}
.bluetext {
color: var(--primary-color);
}
.iq-comment-btn [type=submit] {
background: var(--primary-color);
color: var(--white-color);
margin: 0;
}
.iq-comment-btn [type=submit]:hover {
background: var(--secondary-color);
}
.elementor-widget-image .elementor-image img {
border-radius: 5px;
} a {
color: var(--primary-color);
outline: none;
}
a:focus,
a:hover {
color: var(--secondary-color);
outline: none;
text-decoration: none;
}
ins {
background: var(--light-yellow-color);
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
pre {
background: var(--white-light-color);
padding: 15px;
border: 1px solid var(--white-light-color);
}
hr {
margin: 0;
padding: 0px;
border-bottom: 1px solid var(--white-light-color);
border-top: 0px;
}
blockquote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 15px 30px;
font-size: 18px;
font-style: italic;
font-weight: 500;
border-left: 5px solid var(--primary-color);
margin-bottom: 30px;
position: relative;
z-index: 99;
}
.blog-blockquote::before {
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 37%;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 70px;
color: rgba(59,183,126,0.2);
z-index: -1;
}
blockquote.blog-blockquote {
margin-top: 30px;
}
.blog-images-list {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.blog-images-list img{
width: 100%;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
}
blockquote cite {
font-family: 'Poppins', sans-serif;
font-weight: bold;
color: var(--primary-color);
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin: 0;
}
blockquote .blockquote-footer {
font-style: italic;
color: var(--body-text);
font-size: 14px;
margin-top: 10px;
}
blockquote .blockquote-footer cite {
color: var(--primary-color);
}
blockquote span.text-right {
text-align: right;
display: block;
color: var(--primary-color);
}
.slider-font {
font-family: 'Manrope', sans-serif !important;
} ol,
ul {
padding-left: 25px;
margin-bottom: 1em;
}
ol li {
list-style: decimal;
}
ol ol {
padding-left: 25px;
}
ul li {
list-style: inherit;
} dl dd {
margin-bottom: 15px;
}
dl dd:last-child {
margin-bottom: 0px;
} .iq-radius-top-left .elementor-column-wrap {
border-radius: 60px 0 0 0;
}
.iq-radius-top-right .elementor-column-wrap {
border-radius: 0 60px 0 0;
}
.iq-radius-bottom-right .elementor-column-wrap {
border-radius: 0 0 60px 0;
}
.iq-radius-bottom-left .elementor-column-wrap {
border-radius: 0 0 0 60px;
}
.iq-box-shodow {
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
} table {
border: 1px solid var(--white-light-color);
width: 100%;
margin-bottom: 20px;
}
table td,
table th {
border: 1px solid var(--white-light-color);
padding: 5px 8px;
text-align: center;
} label {
color: var(--title-color);
margin-bottom: 0;
}
input,
input[type=text],
input[type=email],
input[type=search],
input[type=password],
textarea {
width: 100%;
float: left;
padding: 0 15px;
height: 46px;
line-height: 51px;
background: var(--light-green-color);
border: 1px solid transparent;
border-bottom-color: var(--primary-color);
color: var(--body-text);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
select {
border: 1px solid var(--white-light-color);
line-height: 48px;
height: 48px;
padding: 0 10px;
width: 100%;
color: var(--title-color);
border-radius: 5px;
}
textarea {
padding: 0 15px;
height: 150px;
}
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
border-color: var(--primary-color);
box-shadow: none;
outline: none;
}
input::-webkit-input-placeholder {
color: inherit;
}
input::-moz-placeholder {
color: inherit;
}
input:-ms-input-placeholder {
color: inherit;
}
textarea::-webkit-input-placeholder {
color: inherit;
}
textarea::-moz-placeholder {
color: inherit;
}
textarea:-ms-input-placeholder {
color: inherit;
}
input[type=email]::-webkit-input-placeholder {
color: inherit;
}
input[type=email]::-moz-placeholder {
color: inherit;
}
input[type=email]:-ms-input-placeholder {
color: inherit;
}
input[type=submit],
.contact-form .cfield input[type=submit],
[type=submit] {
z-index: 1;
line-height: normal;
font-size: 14px;
font-weight: normal;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
padding: 14px 30px;
background: var(--white-color);
color: var(--title-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border-radius: 5px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10) !important;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.iq-button,
.elementor a.iq-button,
.woocommerce a.button.iq-button {
z-index: 1;
line-height: normal !important;
font-size: 14px;
font-weight: normal;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
padding: 14px 30px;
background: var(--secondary-color);
color: var(--white-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border-radius: 5px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
text-decoration: none;
cursor: pointer;
font-family: 'Poppins', sans-serif;
}
input[type=submit] {
background: var(--primary-color);
color: var(--white-color);
display: inline-block;
width: auto;
padding: 14px 30px;
height: auto;
line-height: normal;
cursor: pointer;
border-color: var(--primary-color);
}
input[type=submit]:hover,
input[type=submit]:focus {
background: var(--secondary-color);
border-color: var(--secondary-color);
color: var(--white-color);
box-shadow: -1.15px 10.94px 39.56px 3.44px rgba(0, 0, 0, 0.15);
}
input[type=submit]:focus {
border-color: var(--secondary-color);
}
.iq-button i {
vertical-align: middle;
position: relative;
}
.iq-button:focus {
color: var(--title-color);
}
.iq-button:hover,
.elementor a.iq-button:hover {
background: var(--primary-color);
color: var(--white-color);
text-decoration: none;
border-color: var(--primary-color);
}
.iq-btn-style2.iq-button {
padding: 10px 15px;
}
.iq-btn-style2.iq-button:focus {
color: var(--white-color);
}
.iq-btn-style2.iq-button {
border: 1px solid var(--secondary-color);
background: var(--secondary-color);
}
.iq-btn-style2.iq-button span,
.iq-btn-style2.iq-button i {
color: var(--white-color);
}
.iq-btn-style2.iq-button:hover i,
.iq-btn-style2.iq-button:hover span {
color: var(--white-color);
}
.iq-btn-style2.iq-button:hover {
background: var(--primary-color);
border-color: var(--primary-color);
}
.btn-icon-left.iq-btn-style2,
.elementor a.btn-icon-left.iq-btn-style2 {
padding: 14px 20px 14px 30px;
}
.iq-button.has-icon.btn-icon-left.iq-btn-style2 i {
margin-left: 0;
right: 12px;
left: inherit;
}
.iq-button:hover:before {
width: 100%;
border-radius: 5px;
}
input[type=checkbox] {
width: auto;
margin-right: 10px;
line-height: 2;
height: 32px;
}
input[type=checkbox],
input[type=radio] {
padding: 0;
width: auto;
float: none;
height: auto;
line-height: 2;
vertical-align: middle;
}
.comments-area blockquote {
background: var(--white-color);
}
.comments-area table td,
.comments-area table th {
border: 1px solid var(--white-light-color);
}
.wp-block-button__link {
padding: 10px 30px;
font-size: 16px;
}
.error {
color: var(--error-color) !important;
}
div.wpcf7-response-output {
display: none;
}
.wpcf7-form .cfield .wpcf7-not-valid {
border: 1px solid var(--error-color);
}
.site-content {
display: inline-block;
width: 100%;
float: left;
overflow: hidden;
}
.vc_parallax {
overflow: hidden !important;
}
.iq-button.iq-btn-link,
.iq-button.iq-btn-outline,
.elementor a.iq-button.iq-btn-link {
background: transparent;
box-shadow: none;
padding: 0;
padding-right: 20px;
}
.iq-btn-link,
.iq-btn-link i {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
.iq-btn-link:before {
display: none;
}
.iq-button.iq-btn-link:hover,
.iq-btn-link:hover,
.iq-btn-link:hover i {
color: var(--secondary-color);
text-decoration: none;
}
.iq-button.iq-btn-outline:hover {
background: var(--primary-color);
color: var(--white-color);
}
i.flaticon::before {
font-size: 65px;
margin-left: 0;
}
.popup-btn-checkout {
border-radius: 0 !important;
z-index: 1;
line-height: normal;
font-size: 14px;
font-weight: normal;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
padding: 14px 30px;
background: var(--secondary-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border-radius: 5px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10) !important;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
color: var(--white-color);
}
.popup-btn-continue {
border-radius: 0 !important;
z-index: 1;
line-height: normal;
font-size: 14px;
font-weight: normal;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
padding: 14px 30px;
background: var(--primary-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border-radius: 5px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10) !important;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
color: var(--white-color);
}
button {
z-index: 1;
font-size: 16px;
font-weight: normal;
font-family: 'Manrope', sans-serif;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
padding: 12px 30px;
background: transparent;
color: var(--title-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
outline: none;
border: none;
}
button:focus,
button:hover {
outline: none;
}
button.show.active,
button:hover {
background: var(--primary-color);
color: var(--white-color);
box-shadow: -1.15px 10.94px 39.56px 3.44px rgba(0, 0, 0, 0.15);
}
button.button.submit[type=submit] {
display: block;
width: 100%;
background: var(--primary-color);
color: var(--white-color);
margin: 0;
}
button.button.submit[type=submit]:hover {
background: var(--secondary-color);
}
button.mfp-close:hover {
background: transparent;
} .blog-button .iq-button-effact {
--text: var(--secondary-color);
line-height: 16px !important;
--font-size: 16px;
--duration: .20s;
--font-shadow: var(--font-size);
font-size: var(--font-size);
color: var(--text);
letter-spacing: 0.5px;
box-shadow: var(--shadow);
transform: translateY(var(--y));
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}
.woocommerce-button {
--text: var(--white-color);
--font-size: 16px;
--duration: 0.5s;
--move-hover: -4px;
font-weight: 500;
line-height: var(--font-size);
display: block;
outline: none;
border: none;
cursor: pointer;
text-decoration: none;
font-size: var(--font-size);
letter-spacing: 0.5px;
background: var(--background);
color: var(--text);
transform: translateY(var(--y));
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.iq-button-effact {
--text: var(--white-color);
--font-size: 16px;
--duration: 0.5s;
--move-hover: -4px;
font-weight: 500;
display: block;
outline: none;
border: none;
cursor: pointer;
text-decoration: none;
font-size: var(--font-size);
letter-spacing: 0.5px;
background: var(--background);
color: var(--text);
transform: translateY(var(--y));
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.iq-button-effact div,
.woocommerce-button div {
display: flex;
}
.iq-button-effact div span,
.woocommerce-button div span {
margin: 0 0.02em;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
}
@keyframes move {
40% {
transform: translateY(var(--move));
text-shadow: var(--shadow-active);
}
}
@-webkit-keyframes move {
40% {
transform: translateY(var(--move));
text-shadow: var(--shadow-active);
}
}
.iq-button-effact div span:nth-child(1),
.woocommerce-button div span:nth-child(1){
--d: 0.05s;
}
.iq-button-effact div span:nth-child(2),
.woocommerce-button div span:nth-child(2){
--d: 0.1s;
}
.iq-button-effact div span:nth-child(3),
.woocommerce-button div span:nth-child(3){
--d: 0.15s;
}
.iq-button-effact div span:nth-child(4),
.woocommerce-button div span:nth-child(4){
--d: 0.2s;
}
.iq-button-effact div span:nth-child(5),
.woocommerce-button div span:nth-child(5){
--d: 0.25s;
}
.iq-button-effact div span:nth-child(6),
.woocommerce-button div span:nth-child(6){
--d: 0.3s;
}
.iq-button-effact div span:nth-child(7),
.woocommerce-button div span:nth-child(7){
--d: 0.35s;
}
.iq-button-effact div span:nth-child(8),
.woocommerce-button div span:nth-child(8){
--d: 0.4s;
}
.iq-button-effact div span:nth-child(9),
.woocommerce-button div span:nth-child(9){
--d: 0.45s;
}
.iq-button-effact div span:nth-child(10),
.woocommerce-button div span:nth-child(10){
--d: 0.5s;
}
.iq-button-effact div span:nth-child(11),
.woocommerce-button div span:nth-child(11){
--d: 0.55s;
}
.iq-button-effact div span:nth-child(12),
.woocommerce-button div span:nth-child(12){
--d: 0.6s;
}
.iq-button-effact div span:nth-child(13),
.woocommerce-button div span:nth-child(13){
--d: 0.65s;
}
.iq-button-effact div span:nth-child(14),
.woocommerce-button div span:nth-child(14){
--d: 0.7s;
}
.iq-button-effact div span:nth-child(15),
.woocommerce-button div span:nth-child(15){
--d: 0.75s;
}
.iq-button-effact div span:nth-child(16),
.woocommerce-button div span:nth-child(16){
--d: 0.8s;
}
.iq-button-effact div span:nth-child(17),
.woocommerce-button div span:nth-child(17){
--d: 0.85s;
}
.iq-button-effact div span:nth-child(18),
.woocommerce-button div span:nth-child(18){
--d: 0.9s;
}
.iq-button-effact div span:nth-child(19),
.woocommerce-button div span:nth-child(19){
--d: 0.95s;
}
.iq-button-effact div span:nth-child(20),
.woocommerce-button div span:nth-child(20){
--d: 1s;
}
.iq-button-effact div span:nth-child(21),
.woocommerce-button div span:nth-child(21){
--d: 1.05s;
}
.iq-button-effact div span:nth-child(22),
.woocommerce-button div span:nth-child(22){
--d: 1.10s;
}
.iq-button-effact div span:nth-child(23),
.woocommerce-button div span:nth-child(23){
--d: 1.15s;
}
.iq-button-effact div span:nth-child(24),
.woocommerce-button div span:nth-child(24){
--d: 1.20s;
}
.iq-button-effact div span:nth-child(25),
.woocommerce-button div span:nth-child(25){
--d: 1.25s;
}
.iq-button-effact div span:nth-child(26),
.woocommerce-button div span:nth-child(26){
--d: 01.30s;
}
.iq-button-effact div span:nth-child(27),
.woocommerce-button div span:nth-child(27){
--d: 1.35s;
}
.iq-button-effact div span:nth-child(28),
.woocommerce-button div span:nth-child(28){
--d: 1.40s;
}
.iq-button-effact div span:nth-child(29),
.woocommerce-button div span:nth-child(29){
--d: 1.45s;
}
.iq-button-effact div span:nth-child(30),
.woocommerce-button div span:nth-child(30){
--d: 1.50s;
}
.iq-button-effact:hover,
.iq-btn-link:hover .iq-button-effact,
.woocommerce-button:hover,
.iq-button:hover .iq-button-effact,
.iq-btn-style2:hover .iq-button-effact,
.add_to_cart_button:hover .iq-button-effact,
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a:hover .iq-button-effact,
.woocommerce button.button:hover .iq-button-effact {
--move: -4px;
}
.iq-button-effact:hover span,
.iq-btn-link:hover .iq-button-effact span,
.woocommerce-button:hover span,
.iq-button:hover .iq-button-effact span,
.iq-btn-style2:hover .iq-button-effact span,
.add_to_cart_button:hover .iq-button-effact span,
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a:hover .iq-button-effact span,
.woocommerce button.button:hover .iq-button-effact span {
-webkit-animation: move var(--duration) linear var(--d);
animation: move var(--duration) linear var(--d);
}
.iq-pattern-top {
position: absolute;
top: -60px;
left: auto;
right: -50px;
height: 212px;
width: 227px;
background-position: left top !important;
z-index: 1;
}
.iq-pattern-bottom {
position: absolute;
top: auto;
left: 0;
right: auto;
bottom: -70px;
height: 212px;
width: 227px;
background-position: left bottom !important;
z-index: 1;
} .home.blog .content-area .site-main {
padding: 120px 0;
}
.content-area .site-main {
padding: 120px 0;
display: inline-block;
width: 100%;
float: left;
}
.home .content-area .site-main {
padding: 0;
}
.no-padding {
padding: 0px !important;
}
.no-margin {
margin: 0px !important;
}
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
}
.iq-blog-detail .wp-block-archives,
.iq-blog-detail .wp-block-categories,
.iq-blog-detail .wp-block-latest-posts {
margin: 0 0 30px;
padding: 0;
}
.wp-block-group.has-background {
padding: 20px 30px;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
display: block;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin-bottom: 30px;
display: block;
float: left;
width: 100%;
}
.comment-respond textarea,
.comment-respond input {
float: inherit;
}
.calendar_wrap .wp-calendar-table caption {
text-transform: uppercase;
background: var(--primary-color);
color: var(--white-color);
caption-side: inherit;
text-align: center;
}
.comment-respond .comment-reply-title a {
color: var(--secondary-color);
font-size: 80%;
margin-left: 30px;
line-height: normal;
vertical-align: middle;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
padding: 0;
margin: 0;
}
.comment-respond .comment-reply-title {
margin-top: 50px;
margin-bottom: 10px;
}
.wp-block-image .aligncenter figcaption {
text-align: center;
}
.comment-respond .form-submit {
display: inline-block;
width: 100%;
margin-bottom: 0;
margin-top: 30px;
}
.comment-respond .comment-form-comment {
margin: 30px 0;
display: inline-block;
width: 100%;
height: 150px;
}
.wp-block-gallery.alignleft {
margin: 0px 30px 30px 0 !important;
}
.wp-block-image.alignfull {
margin: 0 -30px 30px;
}
.commentlist .iq-comments-photo {
padding-right: 15px;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
border-color: var(--primary-color);
color: var(--primary-color);
}
.gallery-caption,
.wp-caption,
figcaption {
color: var(--body-text);
display: block;
font-size: 13px !important;
line-height: 1.5em !important;
margin: 7px auto 0;
max-width: 100%;
opacity: 1;
}
.alignleft {
float: left;
text-align: left;
margin: 0px 30px 30px 0 !important;
clear: left;
}
.alignright {
float: right;
text-align: right;
margin: 0px 0 30px 30px !important;
clear: right;
}
p.comment-form-cookies-consent {
display: flex;
width: 100%;
align-items: start;
margin: 0;
}
body:not([class*=aare-core]) .alignright {
clear: right;
}
input[type=checkbox] {
width: auto;
margin-right: 10px;
height: 25px;
display: inline-block;
}
.wp-block-button .wp-block-button__link {
background: var(--primary-color);
}
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.aligncenter .wp-block-button__link,
.wp-block-button.alignleft .wp-block-button__link,
.wp-block-button.alignright .wp-block-button__link {
border-radius: 5px;
}
.wp-block-button .wp-block-button__link:hover {
background: var(--secondary-color);
color: var(--white-color);
text-decoration: none;
}
.is-style-outline a:not([href]):not([tabindex]).wp-block-button__link:hover {
background: var(--secondary-color);
color: var(--white-color);
border-color: var(--secondary-color);
}
.is-style-outline a:not([href]):not([tabindex]).wp-block-button__link {
color: var(--primary-color);
background: var(--white-color);
}
.wp-block-button.alignright {
margin-left: 2rem;
margin-top: 0;
text-align: right;
}
.wp-block-button {
float: none;
margin: 1em 0;
}
.wp-block-file {
text-decoration: none;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
color: var(--body-text);
}
.has-drop-cap:after {
clear: both;
content: '';
display: table;
table-layout: fixed;
}
.wp-block-calendar table caption {
caption-side: inherit;
text-align: center;
color: var(--white-color);
background: var(--primary-color);
text-transform: uppercase;
}
.wp-block-calendar table th {
background: transparent;
color: var(--secondary-color);
font-weight: bold;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.wp-block-latest-comments__comment-meta {
background: transparent;
}
.wp-block-search .wp-block-search__button {
outline: none;
border: none;
color: var(--white-color);
background: var(--primary-color);
padding: 10px 30px;
cursor: pointer;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover {
background: var(--secondary-color);
}
span.feedback span {
display: none;
}
.elementor-icon-box-title {
margin: 0;
}
.iq-inherit .iq-blog-box .iq-blog-detail {
padding: 30px;
}
.iq-inherit .iq-blog-box .iq-blog-meta ul {
position: inherit;
min-height: inherit;
top: inherit;
writing-mode: initial;
transform: inherit;
display: inline-block;
line-height: normal;
margin: 0;
padding: 0;
}
.iq-inherit .iq-blog-meta .iq-postdate li a {
padding: 2px 10px;
} #back-to-top .top {
z-index: 999;
position: fixed;
margin: 0px;
color: var(--white-color);
background: var(--primary-color);
position: fixed;
bottom: 30px;
right: 25px;
z-index: 999;
font-size: 26px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
box-shadow: 0px 4px 28.14px 0.86px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
#back-to-top .top:hover {
background: var(--secondary-color);
color: var(--primary-color);
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
#back-to-top .top i {
color: var(--white-color);
}
#back-to-top .top:hover i {
color: var(--white-color);
} #loading {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--light-green-color);
z-index: 9999;
}
#loading img {
width: 150px;
} .iq-box-shadow {
-webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
-moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
} .commentlist .iq-comment-metadata {
margin: 5px 0;
}
.wp-block-gallery.alignfull {
margin: 0 -30px 30px;
}
.wp-block-cover {
margin-bottom: 30px;
}
.iq-blog-box .blog-title a:hover {
color: var(--primary-color);
text-decoration: none;
}
.iq-blog-box .iq-blog-detail .wp-block-cover p {
margin: 0 auto;
color: var(--white-color);
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
a img.alignright {
float: right;
margin: 0px 0 30px 30px;
}
a img.alignnone {
margin: 0px 30px 30px 0;
}
a img.alignleft {
float: left;
margin: 0px 30px 30px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption p.wp-caption-text {
font-size: 13px;
color: var(--body-text);
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 0px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: var(--white-light-color);
border-radius: 5px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.wp-block-button {
margin-bottom: 30px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-image .aligncenter {
text-align: center;
}
.wp-block-button a:not([href]):not([tabindex]).wp-block-button__link {
color: var(--white-color);
}
.is-style-outline a:not([href]):not([tabindex]).wp-block-button__link {
color: var(--primary-color);
background: var(--white-color);
}
.is-style-outline a:not([href]):not([tabindex]).wp-block-button__link:hover {
background: var(--secondary-color);
color: var(--white-color);
border-color: var(--secondary-color);
}
.wp-block-button__link,
.wp-block-file a.wp-block-file__button {
color: var(--white-color);
background: var(--primary-color);
}
.wp-block-button__link:hover,
.wp-block-file a.wp-block-file__button:hover {
background: var(--secondary-color);
}
.is-style-outline .wp-block-button__link {
border-color: var(--primary-color);
color: var(--primary-color);
}
.is-style-outline .wp-block-button__link:hover {
border-color: var(--secondary-color);
color: var(--secondary-color);
background: transparent;
}
.wp-block-cover.has-background-dim {
color: var(--white-color);
}
.wp-block-search .wp-block-search__input {
width: auto;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 0px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: var(--white-light-color);
border-radius: 5px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: var(--secondary-color);
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .iq-breadcrumb {
padding: 150px 0 100px;
background: var(--light-green-color);
}
.iq-breadcrumb .title,
.iq-breadcrumb-one .title {
color: var(--title-color);
text-transform: capitalize;
}
.iq-breadcrumb nav {
display: inline-block;
margin-top: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
padding-right: 1rem;
}
.iq-breadcrumb.text-left .breadcrumb {
z-index: 86;
text-align: left;
position: relative;
color: var(--title-color);
margin-bottom: 0;
display: inline-block;
width: 100%;
padding: 10px 0;
background: none;
}
.iq-breadcrumb.text-left .breadcrumb li {
display: inline-block;
word-break: break-all;
}
.iq-breadcrumb.text-left .breadcrumb li a i {
font-size: 18px;
margin-right: 6px;
}
.iq-breadcrumb.text-left .breadcrumb li,
.iq-breadcrumb.text-left .breadcrumb li a:hover {
color: var(--title-color);
text-decoration: none;
}
.iq-breadcrumb.text-left .breadcrumb li a,
.iq-breadcrumb.text-left .breadcrumb-item+.breadcrumb-item::before {
color: var(--title-color);
margin-bottom: 0;
}
.breadcrumb li {
display: inline-block;
word-break: break-all;
}
.iq-breadcrumb-two {
position: relative;
z-index: 2;
}
.iq-breadcrumb-one {
display: block;
padding: 150px 0 100px;
z-index: 9;
position: relative;
background: var(--light-green-color);
background-size: cover !important;
background-repeat: no-repeat !important;
}
.iq-breadcrumb-one ol li a {
color: var(--title-color);
text-decoration: none;
}
.iq-breadcrumb-one ol li {
list-style: none;
display: inline-block;
color: var(--title-color);
}
.iq-breadcrumb-one .breadcrumb-item+.breadcrumb-item::before {
content: "\f3d3";
color: var(--title-color);
font-family: "Ionicons";
}
.iq-breadcrumb-one .breadcrumb {
position: relative;
display: inline-block;
}
.iq-breadcrumb-one .breadcrumb-item.active,
.iq-breadcrumb-one ol li a:hover {
color: var(--primary-color);
position: relative;
}
.iq-breadcrumb-one ol {
background: transparent;
padding: 0;
margin-bottom: 0;
margin-top: 15px;
}
.iq-breadcrumb-two .breadcrumb {
display: inline-block;
}
.iq-breadcrumb-two ol li {
display: inline-block;
}
.iq-breadcrumb-three .breadcrumb {
margin-top: 0;
}
.iq-breadcrumb-three .iq-breadcrumb-one {
padding: 0;
}
.iq-breadcrumb-three {
padding: 45px 0;
}
.breadcrumb-bg,
.breadcrumb-video,
.video-iq-bg-over {
position: relative;
overflow: hidden;
background-size: cover !important;
}
.breadcrumb-bg video,
.breadcrumb-bg #video-background,
.breadcrumb-video video,
.video-iq-bg-over video,
.video-breadcrumb-bg #video-background,
.video-iq-bg-over #video-background {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
width: 100%;
}
.breadcrumb-bg.iq-over-dark-80:before,
.breadcrumb-ui:before {
z-index: 0;
}
.iq-breadcrumb-one.iq-bg-over::before {
height: 100%;
width: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
display: block;
} .iq-height {
position: absolute;
}
header .main-header,
header .sub-header,
.admin-bar header.menu-sticky .main-header {
padding: 0 40px;
}
header .container.main-header,
header .sub-header,
.admin-bar header.menu-sticky .container.main-header {
padding: 0 15px;
} header .sub-header .number-info ul {
margin: 0;
padding: 0;
}
header .sub-header .number-info li {
list-style: none;
float: left;
margin-right: 15px;
}
header .sub-header .number-info li:last-child {
margin-right: 0;
}
header .sub-header .number-info li a {
color: var(--title-color);
}
header .sub-header .number-info li a:hover {
color: var(--primary-color);
text-decoration: none;
}
header .sub-header .number-info li a i {
margin-right: 5px;
}
header .sub-header nav {
display: flex;
}
header .sub-header .request-btn a {
background: var(--primary-color);
padding: 15px 30px;
margin-left: 30px;
color: var(--white-color);
}
header .sub-header .request-btn a:hover {
background: var(--primary-color);
color: var(--white-color);
text-decoration: none;
}
.social-icone ul {
margin: 0;
padding: 0;
}
.social-icone ul li {
list-style: none;
margin: 0 30px 0 0;
}
.social-icone ul li:last-child {
margin-right: 0;
}
.social-icone ul li a {
color: var(--title-color);
}
.social-icone ul li a:hover {
color: var(--primary-color);
}
header .navbar-light .navbar-toggler-icon {
background-image: none;
font-size: 30px;
line-height: 30px;
height: auto;
width: auto;
padding: 6px 15px;
} header .sub-header {
padding: 15px 0 0 0;
font-size: 14px;
}
header .navbar-light {
padding: 0;
}
.admin-bar header {
top: 32px;
}
.admin-bar header.menu-sticky,
body.boxed_layout.admin-bar header.menu-sticky {
top: 32px;
} header .logo_block,
header.header_default .logo_block {
float: left;
padding: 24px 0;
}
header .menu,
header.header_default .menu {
float: none;
} header.header_left .logo_block {
float: left;
}
header.header_left .menu {
float: left;
width: 100%;
}
header.header_left .menu.navbar ul {
float: left;
} header.header_right .logo_block {
float: right;
}
header.header_right .menu {
float: left;
width: 100%;
}
header.header_right .menu.navbar ul {
float: right;
} header.header_center .logo_block {
float: left;
width: 100%;
text-align: center;
margin: 0 auto;
}
header.header_center .menu {
float: left;
width: 100%;
}
header.header_center .menu.navbar ul {
float: left;
width: 100%;
display: block;
margin: 0 auto;
text-align: center;
}
header.header_center .menu.navbar ul li {
display: inline-block;
}
header.header_center .menu.navbar ul li .sub-menu li {
display: block;
text-align: left;
} header.header_split .logo_block {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
float: none;
}
header.header_split .menu {
float: left;
width: 100%;
}
header.header_split .menu.navbar ul {
float: left;
width: 100%;
display: block;
margin: 0 auto;
text-align: center;
}
header.header_split .menu.navbar ul li {
display: inline-block;
}
header.header_split .menu.navbar ul li:nth-child(4) {
margin-left: 150px;
}
header.header_split .menu.navbar ul li .sub-menu li {
display: block;
text-align: left;
}
header.header_split .menu.navbar ul li .sub-menu li {
margin-left: 0;
} header .navbar ul {
float: right;
display: block;
text-align: center;
}
header {
position: absolute;
width: 100%;
top: 0;
left: 0;
vertical-align: middle;
background: transparent;
z-index: 999;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
header .logo-sticky {
display: none;
height: 41px;
}
header .logo {
height: 41px;
}
header .navbar .menu-header-menu-container,
header .navbar .menu-all-pages-container,
header .navbar .menu-testing-menu-container,
header .navbar .menu-short-container,
header .navbar .menu-main-menu-container,
header .navbar #iq-menu-container {
display: inline-block;
width: 100%;
}
header .navbar ul li {
display: inline-block;
list-style: none;
margin-left: 30px;
padding: 30px 0;
position: relative;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
header .navbar ul li:first-child {
margin-left: 0;
}
header .navbar ul li a {
color: var(--title-color);
padding: 0px 0px 0px 0px;
font-size: 16px;
position: relative;
z-index: 9;
text-decoration: none;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}
header .navbar ul li i.fa-angle-down,
header .navbar ul li .sub-menu li i.fa-angle-down {
font-family: "Ionicons";
display: inline-block;
font-size: 16px;
color: var(--title-color);
vertical-align: middle;
margin-left: 5px;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
header .navbar ul li .sub-menu {
text-align: left;
}
header .navbar ul li .sub-menu li {
display: block;
padding: 0 15px;
}
header.menu-sticky .navbar ul li .sub-menu>li a {
line-height: 1em;
}
header .navbar ul li .sub-menu li i.fa-angle-down {
display: block;
position: absolute;
top: 10px;
font-size: 12px;
z-index: 9;
color: var(--title-color);
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
right: 50px;
top: 50%;
transform: translate(0, -50%);
}
header .navbar ul li .sub-menu li i.fa-angle-down:before {
content: "\f054";
}
header .navbar ul li .sub-menu li i.fa-angle-down::before {
content: "\f3d3";
}
header .navbar ul li .sub-menu li:hover>a {
color: var(--primary-color);
}
header .navbar ul li .sub-menu li:hover>i,
header .navbar ul li.current-menu-item i {
color: var(--primary-color);
}
header .navbar ul li .sub-menu li:hover,
header .navbar ul li a:hover,
header .navbar ul li.current-menu-item a,
header .navbar ul li.current-menu-parent a,
header .navbar ul li.current-menu-parent i,
header .navbar ul li.current-menu-ancestor a,
header .navbar ul li.current-menu-parent i,
header .navbar ul li.current-menu-ancestor i {
color: var(--primary-color);
}
header .navbar ul li i.fa-angle-down::before {
content: "\f3d0";
} header .navbar ul li .sub-menu {
display: none;
}
header .navbar ul li:hover .sub-menu {
display: block;
background: var(--white-color);
position: absolute;
top: 100%;
left: 0;
display: inline-block;
min-width: 256px;
-webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
-moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
padding: 15px 0;
border-radius: 5px;
}
header .navbar ul li .sub-menu li {
margin-left: 0;
}
header .navbar ul li .sub-menu li a,
header.menu-sticky .navbar ul li .sub-menu li a {
text-transform: capitalize;
border-radius: 5px;
font-size: 14px;
display: inline-block;
width: 100%;
line-height: 24px;
padding: 10px 15px;
color: var(--title-color);
background: var(--white-color);
}
header .navbar ul li .sub-menu li a:hover,
header.menu-sticky .navbar ul li .sub-menu li a:hover {
background: var(--primary-color);
color: var(--white-color);
}
header .navbar ul li .sub-menu li a:before {
display: none;
}
header .navbar ul li .sub-menu li.current-menu-item a,
header .main-header .navbar ul li .sub-menu li:hover>a,
header .main-header .navbar ul li .sub-menu li.current-menu-parent a,
header .main-header .navbar ul li .sub-menu li.current-menu-parent .sub-menu li.current-menu-item a {
background: var(--secondary-color);
color: var(--white-color);
}
header .main-header .navbar ul li .sub-menu li:hover>i,
header .main-header .navbar ul li .sub-menu li.current-menu-parent i {
color: var(--white-color);
}
header .main-header .navbar ul li .sub-menu li.current-menu-parent .sub-menu li a {
color: var(--title-color);
background: var(--white-color);
}
header .navbar .navbar-nav li:last-child .sub-menu li:hover>.sub-menu,
header .navbar .navbar-nav li:nth-last-child(2) .sub-menu li:hover>.sub-menu {
left: auto;
right: 100%;
}
@media screen and (max-width:4000px) and (min-width:1200px) {
header .navbar ul li:hover>.sub-menu {
display: block !important;
-webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
header .navbar ul li:hover a,
header .navbar ul li:hover i {
color: var(--primary-color);
text-decoration: none;
}
}
.fade-in {
-webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} header .navbar ul li .sub-menu li>.sub-menu {
display: none;
}
header .navbar ul li .sub-menu li:hover>.sub-menu {
display: block;
background: var(--white-color);
position: absolute;
top: -15px;
left: -100%;
padding-left: 0;
display: inline-block;
min-width: 256px;
-webkit-box-shadow: 0px 1px 15px 0px rgba(36, 38, 43, 0.10);
-moz-box-shadow: 0px 1px 15px 0px rgba(36, 38, 43, 0.10);
box-shadow: 0px 1px 15px 0px rgba(36, 38, 43, 0.10);
} header.menu-sticky {
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
float: left;
background: var(--white-color);
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
header.menu-sticky .navbar ul li:hover a,
header.menu-sticky .navbar ul li.current-menu-item i {
color: var(--primary-color);
}
header.menu-sticky .navbar ul li .sub-menu li:hover,
header.menu-sticky .navbar ul li a:hover,
header.menu-sticky .navbar ul li.current-menu-item a,
header.menu-sticky .navbar ul li.current-menu-parent a,
header.menu-sticky .navbar ul li.current-menu-parent i,
header.menu-sticky .navbar ul li.current-menu-ancestor a,
header.menu-sticky .navbar ul li.current-menu-parent i,
header.menu-sticky .navbar ul li.current-menu-ancestor i {
color: var(--secondary-color);
}
header.menu-sticky .main-header .navbar ul li:hover .sub-menu {
top: 100%;
}
header.menu-sticky .navbar ul li .sub-menu li:hover>.sub-menu {
top: -15px;
}
header.menu-sticky .sub-header,
header.menu-sticky .logo {
display: none;
}
header.menu-sticky .logo-sticky {
display: inline-block;
}
header .logo-display {
display: none;
height: 42px;
} header .sub-main ul {
padding: 0;
margin: 0 0 0 30px;
}
header .sub-main ul li {
margin-left: 30px;
}
header .sub-main ul li a.iq-button {
padding: 10px 30px;
line-height: initial;
border: 2px solid var(--primary-color);
background: var(--primary-color);
color: var(--white-color);
}
header .sub-main ul li a.iq-button:hover {
background: var(--white-color);
border-color: var(--white-color);
color: var(--primary-color);
}
header .sub-main ul li a.iq-btn-outline {
border-color: var(--primary-color);
background: transparent;
color: var(--white-color);
}
header .sub-main ul li a.iq-button.iq-btn-outline:hover {
border-color: var(--primary-color);
background: var(--primary-color);
color: var(--white-color);
}
header .sub-main ul li a.iq-btn-link {
color: var(--primary-color);
background: transparent;
color: var(--primary-color);
border: none;
}
header.menu-sticky .main-header .navbar .sub-main ul li a.iq-button {
line-height: initial;
} header .iq-shop-btn-holder {
width: auto;
text-align: right;
}
header .iq-shop-btn-holder ul {
margin: 0;
padding: 0;
float: none;
}
header .iq-shop-btn-holder ul li {
list-style: none;
display: inline-block;
margin-left: 25px;
position: relative;
}
header .iq-shop-btn-holder ul li .cart-items-count,
header .iq-shop-btn-holder ul li .wishlist_count span,
header .iq-shop-btn-holder ul li .wishlist_count span {
z-index: 10;
top: auto;
position: absolute;
bottom: 5px;
right: -10px;
background: var(--secondary-color);
border-radius: 900px;
height: 16px;
width: 16px;
display: inline-block;
line-height: 16px;
text-align: center;
font-size: 10px;
color: var(--white-color);
top: -4px;
}
header .iq-shop-btn-holder ul li .cart-items-count i.fa.fa-shopping-basket,
header .iq-shop-btn-holder ul li .cart-items-count .woocommerce-Price-amount {
display: none;
}
header .iq-shop-btn-holder ul li:first-child {
margin-left: 25px;
}
header .iq-shop-btn-holder li.iq-cart .dropdown-menu-mini-cart {
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 100%;
left: auto;
right: 0;
text-align: left;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
}
header .iq-shop-btn-holder li.iq-cart:hover .dropdown-menu-mini-cart,
header .iq-shop-btn-holder li.iq-cart.show .dropdown-menu-mini-cart {
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content {
min-width: 300px;
display: inline-block;
padding: 30px;
position: relative;
vertical-align: top;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
border-radius: 5px;
width: 350px;
}
.woocommerce-mini-cart.cart_list.product_list_widget {
max-height: 350px;
overflow-y: scroll;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .woocommerce-mini-cart-item a {
color: var(--white-color);
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .woocommerce-mini-cart-item a img {
width: 100%;
border-radius: 5px;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
margin: 0;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .remove_from_cart_button {
text-align: right;
padding: 0;
font-size: 20px;
position: absolute;
right: 15px;
top: 0px;
display: inline-block;
margin: 0 auto;
text-align: center;
background: transparent !important;
color: var(--primary-color) !important;
border-radius: 90px;
width: 25px;
height: 25px;
line-height: 26px;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .remove_from_cart_button:hover {
color: var(--secondary-color) !important;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content ul li {
float: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 15px 0 0 0;
padding: 0;
position: relative;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content ul li:first-child {
margin: 0;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content ul li .iq-cart-img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 15px;
width: 60px;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content ul li .iq-cart-content {
text-align: left;
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding-right: 15px;
padding-top: 4px;
} header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content ul li .iq-cart-content .iq-product-title:hover {
color: var(--secondary-color);
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid var(--white-light-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 15px;
padding-top: 15px;
position: relative;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
margin-bottom: 0;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a {
line-height: normal;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button {
font-weight: normal;
text-align: center;
padding: 14px 15px;
background: var(--secondary-color);
color: var(--white-color);
border-radius: 5px;
}
header .iq-shop-btn-holder .dropdown-menu-mini-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.checkout {
margin-left: 5px;
background: var(--primary-color);
}
header #sidebar-scrollbar .scrollbar-track-y {
width: 5px !important;
background-color: var(--primary-color);
}
header #sidebar-scrollbar .scrollbar-thumb {
width: 4px !important;
background-color: var(--primary-color);
}
header #sidebar-scrollbar::-webkit-scrollbar {
width: 5px;
background-color: var(--primary-color);
} header li .search-box input[type="search"] {
height: 40px;
font-size: 18px;
display: inline-block;
border: none;
border-radius: 5px;
outline: none;
padding: 15px 40px 15px 15px;
width: 0px;
position: absolute;
top: -9px;
right: 0;
background: none;
transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
cursor: pointer;
z-index: 11;
margin: -10px 0 0 0;
}
header li .search-box {
position: relative;
}
header li .search-box input[type="search"]:focus {
width: 250px;
z-index: 1;
cursor: text;
background: var(--white-color);
z-index: 9;
color: rgba(102, 102, 102, 0.6);
font-size: 14px;
}
header li .search-box .search-submit:hover {
background: none;
}
header .search-form input:focus,
header .search-form input[type=text]:focus,
header .search-form input[type=email]:focus,
header .search-form input[type=search]:focus,
header .search-form input[type=password]:focus {
border-bottom: 2px solid var(--primary-color);
border-top: none;
border-right: none;
border-left: none;
}
header .iq-shop-btn-holder ul .search::before,
header .search::after {
content: '';
position: absolute;
width: calc(100% + 15px);
height: calc(100% + 15px);
pointer-events: none;
border: 1.5em solid var(--primary-color);
}
header .iq-shop-btn-holder ul .search--open::before,
header .iq-shop-btn-holder ul .search--open::after {
transform: translate3d(0, 0, 0);
}
header .search-form .search-submit {
top: 4px;
}
header .search-form .search-submit i {
font-size: 24px;
color: var(--white-color);
}
header .navbar ul.iq-shop-btn-holder ul li a:hover {
background: transparent;
}
header .search-form .search-submit {
background: transparent;
line-height: normal;
}
header .search.search--open {
pointer-events: auto;
opacity: 1;
}
header .search {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: rgba(0, 0, 0, .9);
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
pointer-events: none;
opacity: 0;
}
header .btn--search-close {
font-size: 1.5em;
position: absolute;
top: 1em;
right: 1.25em;
display: none;
color: var(--white-color);
background: transparent;
display: block;
}
header .btn--search-close:focus {
outline: 0;
box-shadow: none;
}
header .search__form {
margin: 5em 0;
}
header .search__input {
font-family: inherit;
background: none;
border: none;
height: auto;
font-size: 45px;
line-height: 1;
display: inline-block;
box-sizing: border-box;
width: 100%;
padding: 0.05em 0;
color: var(--white-color);
border-bottom: 2px solid;
}
header .search__input:focus {
border: none;
border-bottom: 2px solid;
}
header .search__input::-webkit-input-placeholder {
opacity: 0.6;
color: var(--white-color);
}
header .search__input::-moz-placeholder {
opacity: 0.6;
color: var(--white-color);
}
header .search__input:-ms-input-placeholder {
opacity: 0.6;
color: var(--white-color);
}
header .search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
-webkit-appearance: none;
}
header .search__input::-ms-clear {
display: none;
}
header form.search-form .form-row .has-content~label,
header form.search-form .form-row input:focus~label,
header form.search-form .form-row label {
top: -90px;
}
header .iq-shop-btn-holder ul li i {
font-size: 20px;
height: 20px;
width: 20px;
}
header .search-form input {
height: auto;
border-radius: 5px;
border: none;
background: transparent;
padding: 0;
border-bottom: 2px solid #1f2332;
}
header form.search-form .form-row label {
color: var(--white-color);
text-align: left;
font-size: 45px;
top: -13px;
margin-bottom: 0;
left: 0;
display: block;
float: left;
width: 100%;
margin-bottom: 0px;
position: absolute;
pointer-events: none;
left: 0px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
header .search-form input {
padding-right: 40px;
box-shadow: none;
color: #121212;
border-bottom: 2px solid #1f2332;
background: transparent;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 15px;
}
header .search-form input {
border-radius: 5px;
height: auto;
border: none;
background: transparent;
padding: 0;
border-bottom: 2px solid var(--white-color);
color: var(--white-color);
}
header .navbar ul li .sub-menu li:hover,
header .navbar ul li a:hover,
header .navbar ul li.current-menu-item a,
header .navbar ul li.current-menu-parent a,
header .navbar ul li.current-menu-parent i,
header .navbar ul li.current-menu-ancestor a,
header .navbar ul li.current-menu-parent i,
header .navbar ul li.current-menu-ancestor i {
color: var(--primary-color);
}
header.menu-sticky .navbar ul li .sub-menu li:hover,
header.menu-sticky .navbar ul li a:hover,
header.menu-sticky .navbar ul li.current-menu-item a,
header.menu-sticky .navbar ul li.current-menu-parent a,
header.menu-sticky .navbar ul li.current-menu-parent i,
header.menu-sticky .navbar ul li.current-menu-ancestor a,
header.menu-sticky .navbar ul li.current-menu-parent i,
header.menu-sticky .navbar ul li.current-menu-ancestor i {
color: var(--primary-color);
}
header .navbar ul li .sub-menu li.current-menu-item a,
header .main-header .navbar ul li .sub-menu li:hover>a,
header .main-header .navbar ul li .sub-menu li.current-menu-parent a,
header .main-header .navbar ul li .sub-menu li.current-menu-parent .sub-menu li.current-menu-item a,
header .main-header .navbar ul li .sub-menu li.current-menu-parent .sub-menu li a:hover,
header .main-header .navbar ul li .sub-menu li.current-menu-parent>.sub-menu li a:hover {
background: var(--secondary-color);
color: var(--white-color);
}
header.menu-sticky .container.main-header .row.no-gutters {
padding: 0
} ol.commentlist .trackback h5,
ol.commentlist .pingback h5 {
font-weight: normal;
}
.iq-title-box .iq-title {
margin-bottom: 0;
}
.mejs-controls a.mejs-horizontal-volume-slider {
background: transparent;
}
.iq-product-title {
margin: 0;
}
ul.wp-block-archives li a {
color: var(--body-text);
}
ul.wp-block-archives li a:hover {
color: var(--secondary-color);
}
.wp-block-latest-comments__comment-excerpt p {
margin: 0px 0 15px;
}
.mejs-container {
margin-top: 15px;
}
.commentlist li.iq-comments-item {
margin-bottom: 30px;
}
.iq-btn-link .iq-button-effact {
color: var(--primary-color);
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
-moz-transition: all 0.45s ease 0s;
-o-transition: all 0.45s ease 0s;
}
.iq-btn-link:hover .iq-button-effact {
color: var(--secondary-color);
}
.iq-blog-box .iq-blog-detail p {
margin-bottom: 15px;
}
.post-password-form input {
float: none;
}
.wp-block-gallery {
margin-bottom: 30px;
}
.commentlist .iq-comment-metadata .edit-link a {
margin-left: 5px;
color: var(--primary-color);
text-decoration: underline;
}
.commentlist .comment-content p {
margin-bottom: 10px;
margin-top: 10px;
}
ul.wp-block-archives-list li::marker {
font-size: 0;
}
ul.wp-block-archives-list li {
color: var(--secondary-color);
}
.wp-calendar-nav {
justify-content: space-between;
display: flex;
text-transform: uppercase;
}
.wpcf7-response-output.error-msg {
display: block;
margin: 2em 0 1em;
border: 2px solid;
padding: 0.2em 1em;
border-color: var(--warning-color);
}
.iq-reply.iq-button-style-2 {
display: inline-block;
position: absolute;
right: 0;
top: 0;
} .widget ul li {
padding-bottom: 15px;
list-style: none;
margin-bottom: 15px;
border-bottom: 1px solid rgba(82, 95, 129, 0.09);
}
.widget_categories ul ul.children,
.widget_pages ul ul.children {
padding-top: 15px;
}
.widget ul.menu li {
border: none;
}
.widget ul li a {
color: var(--body-text);
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li {
color: var(--primary-color);
margin-bottom: 15px;
border-bottom: 1px solid rgba(82, 95, 129, 0.09);
}
.widget_archive ul li,
ul.wp-block-archives-list li {
margin-bottom: 15px;
border-bottom: 1px solid rgba(82, 95, 129, 0.09);
padding-bottom: 15px;
}
.widget.widget_nav_menu ul li a,
.widget ul.menu li a {
padding: 10px 0 10px 0px;
display: inline-block;
width: 100%;
border-bottom: 1px solid rgba(82, 95, 129, 0.09);
}
.widget ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.widget ul {
padding: 0;
margin: 0;
}
.widget ul li {
margin-bottom: 10px;
list-style: none;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul ul.children {
padding-left: 25px;
}
.widget ul li a {
padding-left: 0px;
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget ul li a:hover {
color: var(--secondary-color);
text-decoration: none;
}
.widget ul li a:before {
position: absolute;
margin-right: 10px;
content: "\f054";
color: var(--primary-color);
top: -2px;
margin-top: 0px;
font-size: 12px;
left: 0;
font-weight: 700;
font-family: "Font Awesome 5 Free";
line-height: inherit;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
display: none;
}
.widget ul li a:hover:before {
color: var(--secondary-color);
}
.widget.widget_nav_menu ul li a,
.widget ul.menu li a {
padding: 10px 0 10px 0px;
display: inline-block;
width: 100%;
border-bottom: 1px solid rgba(82, 95, 129, 0.09);
}
.widget.widget_nav_menu ul li:last-child a,
.widget ul.menu li:last-child a {
border: none;
}
.widget_media_image img, .iq-author-image img {
width: 100%;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
} footer .widget ul ul.children {
padding-top: 0.5em;
}
footer .widget ul li.recentcomments a {
color: var(--primary-color);
}
footer .widget ul li a.rsswidget {
padding-left: 0;
font-size: 18px;
color: var(--title-color);
font-weight: 500;
}
footer .widget .rss-date {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
width: 100%;
margin: 5px 0;
}
footer .widget ul li {
border: none;
border: none;
padding: 0.5em 0;
margin-bottom: 0;
color: var(--secondary-color);
}
footer .widget ul li cite {
color: var(--body-text);
}
footer .widget {
margin-bottom: 30px;
}
footer .widget:last-child {
margin-bottom: 75px;
}
footer .widget {
background: transparent;
padding: 0;
border: none;
}
footer .widget .footer-title {
margin-bottom: 15px;
margin-top: 0;
}
footer .widget .footer-title a.rsswidget img {
vertical-align: unset;
}
footer .widget .rsswidget {
padding-left: 0;
}
footer .widget .rss-date,
.widget.widget_rss ul li .rss-date {
color: var(--primary-color);
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
width: 100%;
margin: 5px 0;
} .iq-comment-type-date a,
ol.commentlist .pingback .iq-comment-type-date a,
ol.commentlist .trackback .iq-comment-type-date a {
text-transform: uppercase;
display: inline-block;
width: 100%;
margin: 5px 0;
color: var(--primary-color);
font-size: 14px;
font-weight: 600;
}
.iq-comment-type-date a i {
color: var(--primary-color);
} .sticky .iq-blog-box {
background: var(--light-green-color);
}
.sticky .iq-blog-box .iq-blog-detail {
box-shadow: none;
}
.sticky .iq-blog-tag li a:hover {
color: var(--white-color);
}
.sticky .iq-blog-box .iq-blog-category a {
background: var(--primary-color);
}
.sticky .iq-blog-tag li a {
background: var(--primary-color);
}
.sticky .iq-blog-tag li a {
background: var(--white-color);
color: var(--primary-color);
}
.sticky .iq-blog-box .iq-blog-category a:hover,
.sticky .iq-blog-tag li a:hover {
background: var(--secondary-color);
} .iq-btn-link i {
vertical-align: middle;
} .iq-blog-meta {
display: inline-block;
margin-bottom: 0px;
}
.iq-blog-meta a {
text-decoration: none;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
line-height: 24px;
font-weight: 600;
}
.iq-blog-tag {
padding: 0;
margin: 15px 0 0;
}
.iq-blog-tag li a {
background: var(--light-green-color);
color: var(--primary-color);
padding: 5px 10px;
text-transform: uppercase;
font-size: 14px;
border-radius: 5px;
}
.iq-blog-tag li a:hover {
background: var(--secondary-color);
color: var(--white-color);
}
.iq-blog-tag li {
list-style: none;
display: inline-block;
margin: 5px 10px 5px 0;
float: left;
}
.iq-blog-meta i {
color: var(--primary-color);
margin-right: 6px;
float: left;
line-height: 24px;
}
.iq-blog-meta a:hover i {
color: var(--secondary-color);
}
.iq-blog-meta .iq-postdate li a {
color: var(--body-text);
vertical-align: middle;
font-weight: 600;
color: var(--primary-color);
text-decoration: none;
text-transform: uppercase;
padding: 10px 5px;
background: var(--white-color);
border-radius: 5px;
}
.iq-blog-meta .iq-postdate li {
cursor: pointer;
display: flex;
align-items: center;
}
.iq-blog-meta .iq-postdate li:hover i,
.iq-blog-meta .iq-postdate li:hover a {
color: var(--secondary-color);
}
.iq-blog-meta a:hover {
color: var(--secondary-color);
}
.iq-blog-box {
margin-bottom: 30px;
position: relative;
overflow: hidden;
background: var(--white-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border-radius: 5px;
border: none;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}
.iq-blog-box .iq-blog-image {
position: relative;
text-align: center;
display: inline-block;
float: left;
width: 100%;
}
.iq-blog-box .iq-blog-image img {
width: 100%;
background: var(--white-light-color);
}
article#post-1016.category-uncategorized .iq-blog-box .iq-blog-image img {
width: 300px;
}
article#post-1011.category-uncategorized .iq-blog-box .iq-blog-image img {
width: 580px;
}
.blog-date {
background: var(--white-color);
border-radius: 90px;
padding: 5px 10px;
color: var(--primary-color);
text-align: center;
position: absolute;
top: 15px;
left: 15px;
}
.blog-date .day {
color: var(--primary-color);
font-weight: bold;
line-height: normal;
}
.blog-date .month {
line-height: normal;
float: left;
}
.iq-blog-box .blog-title {
margin: 0 0 25px 0;
}
.iq-blog-box .blog-title .entry-title {
margin-top: 0;
}
.iq-blog-box .blog-title h5 {
font-size: 20px;
}
.iq-blog-box .blog-title a h5 {
color: var(--title-color);
text-decoration: none;
}
.iq-blog-box .blog-title a:hover h5,
.iq-blog-box .blog-title a:hover {
color: var(--primary-color);
text-decoration: none;
}
.iq-blog-box .iq-blog-detail {
position: relative;
display: inline-block;
float: left;
width: 100%;
padding: 30px 30px 30px 70px;
}
.owl-carousel.blog-carousel {
margin: 0;
float: left;
width: 100%;
clear: both;
display: block;
}
.owl-carousel.blog-carousel .iq-blog-box {
margin-bottom: 0;
box-shadow: 0px 4px 28.14px 0.86px rgba(0, 0, 0, 0.05);
border: 0px solid var(--white-light-color);
border-radius: 5px;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.owl-carousel.blog-carousel .iq-blog-box .iq-blog-meta ul {
position: inherit;
min-height: inherit;
top: inherit;
writing-mode: initial;
transform: inherit;
display: inline-block;
line-height: normal;
margin: 0;
padding: 0;
}
.owl-carousel.blog-carousel .iq-blog-meta .iq-postdate li a {
padding: 2px 10px;
}
.owl-carousel.blog-carousel .iq-blog-box .iq-blog-detail {
box-shadow: none;
}
.owl-carousel.blog-carousel .iq-blog-box .iq-postdate {
font-size: 14px;
transform: rotate(180deg);
writing-mode: vertical-rl;
text-orientation: mixed;
top: 25px;
position: absolute;
left: 0px;
padding: 5px;
text-transform: uppercase;
}
.iq-blog-format .iq-blog-box .iq-blog-meta ul {
font-size: 14px;
transform: rotate(180deg);
writing-mode: vertical-rl;
text-orientation: mixed;
top: 20px;
position: absolute;
left: 0px;
padding: 5px;
min-height: 120px;
}
.sticky .iq-blog-box .iq-blog-meta .iq-postdate li a {
background: var(--light-green-color);
}
.iq-blog-box .iq-blog-meta ul {
font-size: 14px;
transform: rotate(180deg);
writing-mode: vertical-rl;
text-orientation: mixed;
top: 20px;
position: absolute;
left: 0px;
padding: 5px;
min-height: 120px;
}
.iq-blog-category {
display: inline;
margin-left: 15px;
}
.iq-blog-category a {
display: inline-block;
color: var(--white-color);
padding: 5px 10px;
line-height: normal;
background: var(--primary-color);
border-radius: 5px;
text-decoration: none;
text-decoration: none;
font-size: 14px;
margin: 0px 8px 10px 0;
}
.iq-blog-category .gallery-item .gallery-icon.landscape a {
background: transparent;
padding: 0;
}
.iq-blog-category:after,
.iq-blog-tag li:after {
display: block;
clear: both;
content: "";
}
.iq-blog-box .iq-blog-detail .iq-blog-info {
margin-bottom: 25px;
}
.iq-blog-format .iq-blog-box .iq-blog-detail .iq-blog-info {
margin-bottom: 15px;
}
.iq-blog-format .iq-blog-box .iq-blog-title {
margin: 15px 0;
}
.iq-blog-category a:hover {
background: var(--secondary-color);
color: var(--white-color);
}
.sticky .iq-blog-box .iq-blog-meta ul {
border-color: var(--white-color);
}
.iq-blog-box .iq-blogtag {
margin: 0 0 0 15px;
padding: 0;
display: inline-block;
width: 100%;
position: absolute;
bottom: 15px;
left: 0;
}
.iq-blog-box .iq-blogtag li {
list-style: none;
float: left;
margin-right: 5px;
}
.iq-blog-box .iq-blogtag li a {
background: var(--primary-color);
color: var(--white-color);
padding: 5px 10px;
text-transform: uppercase;
border-radius: 5px;
font-size: 14px;
}
.iq-blog-box .iq-blogtag li a:hover {
text-decoration: none;
background: var(--primary-color);
color: var(--white-color);
}
.iq-blog-box .iq-blogtag li:hover,
.iq-blog-box:hover .iq-blogtag li {
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.has-post-thumbnail .iq-blog-box .iq-blog-detail {
display: inline-block;
float: left;
width: 100%;
position: relative;
}
.has-post-thumbnail .iq-blog-box .iq-blogtag {
margin: 0 0 0 30px;
}
.iq-blog-box .iq-blog-detail blockquote p {
margin: 0;
}
.iq-blog-box .iq-blog-detail .blockquote {
margin-top: 0;
}
.blog-content .wp-audio-shortcode {
margin-bottom: 15px;
}
embed,
iframe,
object {
max-width: 100%;
width: 100%;
}
.blog .pagination {
margin-top: 30px;
}
.iq-blog-detail .blog-content .wp-block-archives,
.iq-blog-detail .blog-content .wp-block-categories,
.iq-blog-detail .blog-content .wp-block-latest-posts {
margin: 0 0 30px;
padding: 0;
}
.iq-blog-detail .blog-content .wp-block-archives li,
.iq-blog-detail .blog-content .wp-block-categories li,
.iq-blog-detail .blog-content .wp-block-latest-posts li {
list-style-type: none;
}
.blog-content .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0;
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment,
.wp-block-latest-comments__comment {
display: inline-block;
width: 100%;
}
.wp-block-table.is-style-stripes td {
border-color: var(--white-light-color);
}
.wp-block-table td,
.wp-block-table th {
text-align: left;
}
.wp-block-latest-posts.is-grid.has-dates {
margin: 0;
}
.blog-content {
display: inline-block;
width: 100%;
} .page-links {
margin: 15px 0 10px;
text-transform: uppercase;
clear: both;
float: left;
width: 100%;
}
.iq-blog-detail .blog-content .page-links a,
.page-links>span.page-number,
.page-links a {
border: none;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: var(--white-light-color);
margin-left: 5px;
padding: 0px;
display: inline-block;
color: var(--title-color);
}
.iq-blog-detail .blog-content .page-links a:hover {
text-decoration: none;
border-color: transparent;
background: var(--primary-color);
color: var(--white-color);
}
.iq-blog-detail .blog-content .page-links>span.page-number,
.page-links>span.page-number {
background: var(--primary-color);
color: var(--white-color);
}
article.hentry .iq-blog-detail .blog-content .page-links a:hover {
color: var(--white-color);
} .gallery-size-thumbnail .gallery-item {
margin-right: 2%;
width: 18.4%;
margin-bottom: 2%;
display: inline-block;
vertical-align: top;
}
.gallery-item .gallery-caption {
font-size: 14px;
line-height: 22px;
}
.gallery-size-thumbnail .gallery-item img {
margin-bottom: 10px;
}
.gallery-columns-1 .gallery-item {
width: 100%;
margin-right: 0px;
}
.gallery-columns-2 .gallery-item {
width: 48%;
}
.gallery-columns-3 .gallery-item {
width: 31.3%;
}
.gallery-columns-4 .gallery-item {
width: 23%;
}
.gallery-columns-5 .gallery-item {
width: 18%;
}
.gallery-columns-6 .gallery-item {
width: 14.6%;
}
.gallery-columns-7 .gallery-item {
width: 12.2%;
}
.gallery-columns-8 .gallery-item {
width: 10.5%;
}
.gallery-columns-9 .gallery-item {
width: 9.1%;
}
.gallery.gallery-size-thumbnail {
display: inline-block;
width: 100%;
} article.hentry.format-audio .iq-blog-image {
text-align: left;
}
article.hentry.format-audio .iq-blog-image p:nth-child(-n+2) {
display: inline-block;
margin-bottom: 0;
padding-top: 30px;
}
article.hentry.format-audio .iq-blog-image p {
margin-bottom: 0;
padding-left: 30px;
}
article.hentry.format-video .iq-blog-image p {
margin-bottom: 0;
} .page-numbers,
.woocommerce nav.woocommerce-pagination ul {
border: none;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
padding: 0;
margin: 0;
}
.page-numbers li .page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
position: relative;
display: block;
padding: 0px 15px;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
margin: 0 5px;
color: var(--title-color);
background-color: var(--white-color);
border: 1px solid var(--white-light-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.page-numbers li .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
z-index: 2;
color: var(--white-color);
text-decoration: none;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.page-numbers li .page-numbers:focus,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:focus {
z-index: 2;
outline: 0;
box-shadow: none;
}
.page-numbers li .page-numbers:not(:disabled):not(.disabled),
.woocommerce nav.woocommerce-pagination ul li .page-numbers:not(:disabled):not(.disabled) {
cursor: pointer
}
.page-numbers li .page-numbers.current {
z-index: 1;
color: var(--white-color);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
background: var(--primary-color);
border-color: var(--primary-color);
}
.page-numbers li .next.page-numbers,
.page-numbers li .prev.page-numbers {
width: auto;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.page-links span.post-page-numbers.current {
width: 45px;
height: 45px;
line-height: 45px;
display: inline-block;
text-align: center;
border-radius: 5px;
margin-left: 10px;
background: var(--primary-color);
color: var(--white-color);
}
.page-links a:hover {
background: var(--primary-color);
color: var(--white-color);
border-color: var(--primary-color);
}
.page-links>span.page-number,
.page-links a {
position: relative;
display: inline-block;
padding: 0px 15px;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
margin: 0 5px;
color: var(--title-color);
background-color: var(--white-color);
border: 1px solid var(--white-light-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
} .comments-area,
.comment-respond {
margin-top: 60px;
clear: both;
}
.comment-respond .comment-form-cookies-consent {
clear: both;
}
.comments-area .comments-title,
.comment-respond .comment-reply-title {
font-family: 'Poppins', sans-serif;
color: var(--title-color);
position: relative;
padding-bottom: 0;
display: block;
font-size: 26px;
}
.comment-respond .comment-reply-title a {
font-weight: 600;
font-size: 80%;
}
.comment-respond .comment-reply-title a:hover {
color: var(--primary-color);
text-decoration: none;
}
.commentlist {
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.commentlist .comment {
margin-top: 30px;
margin-bottom: 0;
vertical-align: top;
padding: 0;
list-style: none;
}
ol.commentlist .pingback,
ol.commentlist .trackback {
margin-left: 25px;
}
ol.commentlist .pingback a,
ol.commentlist .trackback a {
color: var(--title-color);
}
ol.commentlist .pingback a:hover,
ol.commentlist .trackback a:hover {
color: var(--primary-color);
}
.commentlist li .comment-respond {
margin-top: 30px;
}
.commentlist .iq-comments-media {
padding: 30px;
position: relative;
background: var(--white-color);
border-radius: 5px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}
.commentlist ol.children {
padding-left: 60px;
}
.commentlist .iq-comment-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.commentlist .iq-comments-photo {
padding-right: 15px;
}
.commentlist .iq-comments-photo img {
width: 80px;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.commentlist .iq-comments-info {
position: relative;
display: inline-block;
width: 93%;
}
.commentlist .iq-comments-info .reply {
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
.commentlist .iq-comments-info .title {
display: inline-block;
vertical-align: middle;
margin: 0;
text-transform: capitalize;
}
.commentlist .iq-comments-info .title:hover {
text-decoration: none;
color: var(--primary-color);
}
.commentlist .iq-comment-metadata {
font-size: 14px;
color: var(--title-color);
}
.commentlist .iq-comment-metadata a {
color: var(--primary-color);
text-transform: uppercase;
margin: 5px 0;
font-size: 14px;
}
.commentlist .iq-comment-metadata a:hover {
color: var(--primary-color);
text-decoration: none;
}
.commentlist .iq-comment-metadata i {
padding-right: 0px;
font-weight: 400;
}
.no-comments,
.comment-awaiting-moderation {
font-style: italic;
margin: 15px 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
footer.wp-block-latest-comments__comment-meta {
background: transparent;
} .single-post .comment-respond .comment-notes,
.single-post .comment-respond .logged-in-as {
padding: 0;
margin: 0
}
.single-post .comment-respond .comment-form-comment {
margin-top: 30px;
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.single-post .comment-respond .comment-form-url {
margin-right: 0;
}
.single-post .comment-respond .form-submit {
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.woocommerce #review_form .comment-respond .comment-notes,
.woocommerce #review_form .comment-respond .logged-in-as {
padding: 0;
margin: 0
}
.woocommerce #review_form .comment-respond .comment-form-comment {
margin-top: 15px;
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.woocommerce #review_form .comment-respond .comment-form-author,
.woocommerce #review_form .comment-respond .comment-form-email,
.woocommerce #review_form .comment-respond .comment-form-url {
width: 32.6%;
display: inline-block;
float: left;
margin-right: 15px;
margin-bottom: 30px;
}
.woocommerce #review_form .comment-respond .comment-form-url {
margin-right: 0;
}
.woocommerce #review_form .comment-respond .form-submit {
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.woocommerce #review_form .comment-respond .comment-form-author,
.woocommerce #review_form .comment-respond .comment-form-email,
.woocommerce #review_form .comment-respond .comment-form-url {
width: 31.7%;
}
.woocommerce #review_form #respond p {
margin-bottom: 20px;
}
.woocommerce #review_form .comment-respond .comment-form label {
margin-bottom: 15px;
font-size: 16px;
font-weight: 500;
-webkit-transition: .5s;
transition: .5s;
}
.woocommerce #review_form input[type="text"],
.woocommerce #review_form input[type="email"],
.woocommerce #review_form textarea {
width: 100%;
}
.woocommerce #review_form .comment-form-author {
padding-right: 15px;
}
.woocommerce #review_form .comment-respond .comment-form-author,
.woocommerce #review_form .comment-respond .comment-form-email {
width: 50%;
float: left;
}
.woocommerce #review_form .comment-respond .comment-form-rating label {
color: var(--title-color);
float: left;
display: inline-block;
font-family: 'Poppins', sans-serif;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: var(--primary-color);
color: var(--white-color);
outline: 0;
padding: 14px 30px;
border-radius: 5px;
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
background: var(--secondary-color);
color: var(--white-color);
}
.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
border-radius: 5px;
} .iq-post-sidebar {
height: 100%;
}
.widget {
margin-bottom: 30px;
padding: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
width: 100%;
float: left;
position: relative;
border: 0px solid var(--white-light-color);
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}
.widget:last-child {
margin-bottom: 0;
}
.widget .widget-title {
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 15px;
font-size: 22px;
position: relative;
} .search-form {
position: relative;
}
.search-form label {
display: none;
}
.search-form input {
padding-right: 40px;
box-shadow: none;
border-bottom-color: var(--secondary-color);
background: var(--light-yellow-color);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.search-form input:focus,
.search-form input[type=text]:focus,
.search-form input[type=email]:focus,
.search-form input[type=search]:focus,
.search-form input[type=password]:focus {
border: 1px solid var(--secondary-color);
}
.search-form .search-submit {
position: absolute;
right: 0;
top: 0;
color: var(--body-text);
cursor: pointer;
padding: 12px 15px;
font-size: 18px;
background: none;
border: none;
outline: none;
box-shadow: none !important;
margin: 0;
}
.search-form .search-submit .screen-reader-text {
display: none;
} .widget.widget_recent_comments ul li.recentcomments span a {
color: var(--body-text);
font-weight: 600;
}
.widget.widget_recent_comments ul li.recentcomments a:before {
display: none;
}
.widget.widget_recent_comments ul li.recentcomments a {
color: var(--primary-color);
padding-left: 0;
}
.widget.widget_recent_comments ul li.recentcomments a:hover {
color: var(--secondary-color);
text-decoration: underline !important;
padding-left: 0;
} .widget_calendar table caption {
caption-side: inherit;
color: var(--title-color);
font-weight: 500;
text-transform: uppercase;
}
.widget_calendar table#wp-calendar {
width: 100%;
text-align: center;
margin-bottom: 10px;
margin-top: 0;
background: var(--white-color);
}
.widget_calendar .calendar_wrap td#today {
background: var(--primary-color);
color: var(--white-color);
}
.widget_calendar .calendar_wrap td#today a {
color: var(--white-color);
}
.widget_calendar .calendar_wrap table th {
background: var(--white-color);
color: var(--title-color);
}
.widget_calendar .calendar_wrap table th,
.widget_calendar .calendar_wrap table td {
padding: 8px;
text-align: center;
}
footer .widget .calendar_wrap td#today {
background: var(--secondary-color);
color: var(--white-color);
}
footer .widget .calendar_wrap td#today a,
footer .widget .calendar_wrap td#today a:hover {
color: var(--white-color);
} .widget_categories ul li,
.widget_archive ul li {
font-weight: 400;
color: var(--secondary-color);
}
.widget_categories ul li a,
.widget_archive ul li a {
font-weight: 400;
color: var(--body-text);
} .widget select,
.widget.widget_archive select,
.widget_categories select {
background: var(--white-color);
outline: none;
} .widget.widget_rss ul li {
margin-bottom: 20px;
}
.widget.widget_rss ul li:last-child {
margin-bottom: 0;
}
.widget.widget_rss ul li a {
padding-left: 0;
font-size: 16px;
color: var(--title-color);
font-weight: 600;
}
.widget.widget_rss ul li a:hover {
color: var(--secondary-color);
}
.widget.widget_rss ul li a:before {
display: none;
}
.widget.widget_rss ul li cite {
font-weight: 600;
margin-top: 5px;
display: inline-block;
width: 100%;
}
.widget.widget_rss ul li .rss-date {
text-transform: uppercase;
display: inline-block;
width: 100%;
margin: 5px 0;
color: var(--primary-color);
font-size: 14px;
} .widget.widget_nav_menu ul li,
.widget ul.menu li {
margin-bottom: 0;
padding: 0;
}
.widget.widget_nav_menu ul li .sub-menu,
.widget ul.menu li .sub-menu {
display: block !important;
padding-left: 20px;
}
.widget.widget_nav_menu ul li a,
.widget ul.menu li a {
padding: 10px 0 10px 0px;
display: inline-block;
width: 100%;
}
.widget.widget_nav_menu ul li i,
.widget ul.menu li i {
display: none;
}
.widget.widget_nav_menu ul li a:before,
.widget ul.menu li a:before {
top: 13px;
} .widget_recent_entries ul li .post-date {
font-weight: 600;
color: var(--title-color);
} .widget_tag_cloud ul {
margin: 0;
padding: 0;
}
.widget_tag_cloud ul li,
footer ul.wp-tag-cloud li {
padding: 0;
display: inline-block;
margin: 3px 5px 3px 0;
}
.widget_tag_cloud ul li a,
footer ul.wp-tag-cloud li a {
text-decoration: none;
font-size: 14px !important;
background: var(--primary-color);
display: inline-block;
color: var(--white-color);
padding: 0px 5px;
border: 1px solid var(--primary-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.widget_tag_cloud ul li a:hover,
footer ul.wp-tag-cloud li a:hover,
footer .footer-top .widget ul.wp-tag-cloud li a:hover {
border-color: var(--secondary-color);
background: var(--secondary-color);
color: var(--white-color);
}
.widget_tag_cloud ul li a:before,
footer ul.wp-tag-cloud li a:before {
display: none;
}
article.hentry .iq-blog-box .iq-blog-detail .blog-content .widget_tag_cloud ul li a:hover {
color: var(--white-color);
}
footer .footer-top .widget ul.wp-tag-cloud li a {
color: var(--white-color);
text-decoration: none;
} .assistive-text,
.site .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
display: none;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
background: var(--white-color);
border: 2px solid var(--white-light-color);
border-radius: 5px;
clip: auto !important;
color: var(--title-color);
display: block;
font-size: 12px;
height: auto;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
width: auto;
z-index: 100000; } .iq-post {
margin: 0;
padding: 0;
}
.iq-post li {
list-style: none;
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.iq-widget-menu ul.iq-post li .post-img {
display: flex;
}
.iq-post li .post-img img {
border-radius: 5px;
}
.post-img-holder {
width: 80px;
margin-right: 20px;
flex: none;
line-height: 0;
}
.post-img-holder a {
display: block;
width: 100%;
height: 70px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
.iq-post li .post-blog {
flex: 1;
}
.iq-post li .post-blog h6 {
margin-bottom: 10px;
}
.iq-post li .post-blog a {
color: var(--title-color);
margin: 0;
padding: 0;
font-family: 'Manrope', sans-serif;
line-height: normal;
}
.iq-post li .post-blog a:hover {
color: var(--primary-color);
text-decoration: none;
}
.iq-post li .post-blog a:before {
display: none;
}
.iq-post li .post-blog ul li a {
font-size: 14px;
color: var(--primary-color);
}
.widget .iq-post li {
margin-bottom: 15px;
}  footer {
background: var(--light-green-color);
display: block;
width: 100%;
float: left;
position: relative;
clear: both;
margin-top: 0;
}
footer .copyright-footer {
border-top: 1px solid #00000021;
font-size: 14px;
}
footer .copyright-footer a {
color: var(--body-text);
}
footer .copyright-footer a:hover {
color: var(--primary-color);
}
footer .footer-top {
padding-top: 90px;
}
footer .widget {
box-shadow: none;
} footer .footer-titlebox {
margin-bottom: 30px;
position: relative;
}
footer .footer-topbar {
position: relative;
z-index: 1;
padding-top: 60px;
}
footer .footer-topbar .footer-title {
color: var(--white-color);
}
footer .footer-topbar p {
margin-bottom: 0;
}
footer .footer-topbar .widget,
footer .footer-topbar .widget:last-child {
margin-bottom: 0;
} footer .footer1 {
padding: 0;
}
footer .widget ul li a.rsswidget {
padding-left: 0;
font-size: 18px;
color: var(--title-color);
font-weight: 600;
}
footer.iq-over-dark-90::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--light-green-color);
z-index: -1;
}
footer .calendar_wrap caption {
color: var(--title-color);
}
footer .widget #recentcomments--1 li .comment-author-link a {
color: var(--body-text);
font-weight: 600;
}
footer .widget #recentcomments--1 li .comment-author-link a:hover {
color: var(--primary-color);
}
footer .footer-top .widget ul li a:hover,
footer .footer-top .widget ul li a:hover::before {
color: var(--primary-color);
text-decoration: none;
}
footer .footer-logo img {
margin-bottom: 30px;
height: 41px;
}
footer .footer-top .textwidget p {
margin-bottom: 0;
margin-top: 0;
}
footer .social-icone li a i {
font-family: "Font Awesome 5 Brands";
}
footer .social-icone li a {
color: var(--white-color);
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
line-height: 45px;
border-radius: 5px;
background: var(--primary-color);
}
footer .social-icone li {
margin-right: 30px;
}
footer .social-icone li:last-child {
margin-right: 0px;
}
footer .social-icone li a:hover {
background: var(--secondary-color);
}
.commentlist .iq-comment-metadata a time {
color: var(--primary-color);
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin: 5px 0;
}
footer .widget .rssSummary {
color: var(--body-text);
}
footer .widget .rsswidget:before {
display: none;
}
footer .widget ul.menu li .sub-menu {
padding-left: 10px;
}
footer .widget ul li .comment-author-link a {
color: var(--primary-color);
}
footer .widget ul li .comment-author-link a:hover {
color: var(--secondary-color);
}
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
footer .widget ul li a:hover {
text-decoration: underline;
}
footer.footer1 .copyright {
float: right;
}
footer.footer1 .widget ul.menu li a {
border: none;
}
footer .widget .iq-contact li a:before,
footer .widget ul li.recentcomments a:before {
display: none;
}
footer ul.menu li a,
footer .menu-footer-menu-container ul.menu li a {
padding: 7px 0 7px 15px;
}
footer .widget ul li a:before {
color: var(--body-text);
display: none;
}
footer .widget .menu li a:before,
footer .widget .menu-testing-menu-container .menu ul li a::before,
footer .widget .menu-testing-menu-container .menu li a::before {
display: none;
top: 9px;
color: var(--primary-color);
}
footer .widget .menu li a:hover:before,
footer .widget .menu-testing-menu-container .menu ul li a:hover::before,
footer .widget .menu-testing-menu-container .menu li a:hover::before {
color: var(--secondary-color);
}
footer .widget .menu-testing-menu-container .menu ul li a,
footer .widget .menu-testing-menu-container .menu li a {
position: relative;
}
footer .widget .iq-contact li a {
padding: 7px 0px;
}
footer .widget .iq-contact li {
position: relative;
margin-bottom: 0px;
display: inline-block;
width: 100%;
padding: 0;
}
footer .widget .iq-contact li a {
display: flex;
align-items: flex-start;
}
footer .widget .iq-contact li span {
flex: 1;
color: var(--body-text);
}
footer .widget .iq-contact li i {
margin-right: 15px;
line-height: 32px;
font-size: 20px;
text-align: center;
color: var(--secondary-color);
}
footer .widget .iq-contact li p {
display: flex;
margin-bottom: 0;
}
footer .widget .menu li a {
border-bottom: none;
}
.foodsto footer .widget ul.iq-contact li a::before {
display: none;
}
.foodsto footer .widget ul.iq-contact li a {
padding: 7px 0;
}
.foodsto footer .widget ul li a {
padding: 10px 0 10px 15px;
color: var(--body-text);
}
.foodsto footer .widget ul li a::before {
position: absolute;
margin-right: 10px;
content: "\f054";
color: var(--body-text);
top: 11px;
margin-top: 0px;
font-size: 12px;
left: 0;
font-weight: 700;
font-family: "Font Awesome 5 Free";
line-height: inherit;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
display: block;
}
.foodsto footer .widget ul li a:hover::before {
color: var(--primary-color);
} footer .widget.woof_subcribe .mc4wp-form-fields {
float: left;
width: 100%;
}
footer .widget.woof_subcribe .mc4wp-form-fields input {
padding: 15px 0;
background: transparent;
border: none;
border-bottom: 1px solid var(--white-color);
color: var(--white-color);
}
footer .widget.woof_subcribe .mc4wp-form-fields button {
display: inline-block;
width: auto;
font-size: 0;
position: absolute;
right: 0;
bottom: 5px;
background: transparent;
border: 0;
padding: 0;
}
footer .widget.woof_subcribe .mc4wp-form-fields button i {
font-size: 20px;
color: var(--white-color);
}
footer .widget.woof_subcribe .mc4wp-form-fields button span {
display: none;
}
footer .widget.woof_subcribe .mc4wp-form-fields p {
margin-bottom: 0;
} .woocommerce div.product div.images img {
border: none;
border-radius: 5px;
}
.owl-stage-outer {
overflow: visible !important;
}
.owl-item {
opacity: 0;
}
.owl-item.active {
opacity: 1;
}
.woocommerce .products ul.owl-carousel,
.woocommerce ul.owl-carousel.products {
margin: 0;
}
.woocommerce ul li .iq-woo-product-image img {
width: 100%;
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
} .owl-carousel .owl-nav.disabled {
display: none;
}
.owl-carousel .owl-nav {
display: block;
position: relative;
text-align: center;
text-indent: inherit;
width: 100%;
cursor: pointer;
z-index: 999;
}
.owl-carousel .owl-nav .owl-prev {
margin: 0 5px 0 0;
outline: none;
background: none;
border: none;
display: inline-block;
position: relative;
text-align: center;
text-indent: inherit;
width: auto;
cursor: pointer;
-webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
}
.owl-carousel .owl-nav .owl-next {
margin: 0 0 0 5px;
outline: none;
background: none;
border: none;
display: inline-block;
position: relative;
text-align: center;
text-indent: inherit;
width: auto;
cursor: pointer;
-webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
}
.owl-carousel .owl-nav i {
font-size: 24px;
font-weight: 600;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 45px;
height: 45px;
line-height: 45px;
padding-left: 0px;
display: inline-block;
color: var(--white-color);
background: var(--primary-color);
text-align: center;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.owl-carousel .owl-nav i:hover {
background: var(--secondary-color);
color: var(--white-color);
}
.owl-carousel.text-right .owl-nav {
text-align: right;
padding-right: 15px;
}
.owl-carousel.text-left .owl-nav {
text-align: left;
padding-left: 15px;
}
.owl-carousel .owl-nav button:hover {
box-shadow: none;
}
.iq-slider-with-text .slider-nav .slick-arrow.slick-prev::before,
.iq-slider-with-text .slider-nav .slick-arrow.slick-next::before {
color: var(--primary-color);
} .owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-dots {
margin-top: 15px;
position: relative;
width: 100%;
display: inline-block;
text-indent: inherit;
text-align: center;
cursor: pointer;
}
.owl-carousel .owl-dots .owl-dot {
box-shadow: none;
outline: none;
background: var(--primary-color);
display: inline-block;
vertical-align: middle;
border-radius: 90px;
padding: 0;
margin: 0px 5px;
height: 10px;
width: 10px;
border: 2px solid var(--primary-color);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
cursor: pointer;
}
.owl-carousel .owl-dots .owl-dot span {
display: none;
}
.owl-carousel .owl-dots .owl-dot:hover {
height: 15px;
width: 15px;
background: var(--white-color);
border: 2px solid var(--primary-color);
}
.owl-carousel .owl-dots .owl-dot.active {
height: 15px;
width: 15px;
background: var(--white-color);
border: 2px solid var(--primary-color);
} body.error404 .error-404 {
text-align: center;
color: var(--body-text);
}
body.error404 .error-404 .big-text {
font-size: 240px;
font-family: 'Poppins', sans-serif;
line-height: 280px;
color: var(--primary-color);
}
body.error404 .error-404 h4.iq-title {
margin: 0 0 15px;
color: var(--white-color);
}
body.error404 .error-404 .button {
margin-top: 30px
}
body.error404 .error-404 .search-form {
display: inline-block;
margin-top: 30px;
width: 285px
}
body.error404 .error-404 .search-form input {
color: var(--white-color);
background: var(--secondary-color);
border-radius: 5px;
border-color: var(--secondary-color);
}
body.error404 .error-404 .search-form .search-submit {
color: var(--white-color);
}
body.error404 .iq-breadcrumb-one {
display: none;
}
body.error404 .error404 .iq-desc {
padding: 0 20%;
} .wpcf7-form input {
margin-bottom: 30px;
}
.wpcf7-form textarea {
margin-bottom: 30px;
padding: 15px;
}
.wpcf7-form input[type=submit] {
margin-bottom: 0;
}
.wpcf7-form label {
width: 100%;
}
.contact-us iframe {
width: 100%;
display: inline-block;
height: 450px;
float: left;
}
input.wpcf7-not-valid {
border-color: var(--error-color);
}
span.wpcf7-not-valid-tip {
margin-bottom: 15px;
} .iq-popup-video,
.iq-popup-video .position-relative {
min-height: 300px;
}
.iq-video-img {
position: relative;
}
.iq-video-icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.iq-video {
background: var(--primary-color);
display: inline-block;
vertical-align: middle;
width: 80px;
height: 80px;
text-align: center;
font-size: 32px;
color: var(--white-color);
float: left;
border-radius: 100%;
line-height: 80px;
z-index: 9;
position: relative;
}
.iq-waves {
position: absolute;
width: 14rem;
height: 14rem;
left: -80px;
top: -80px;
z-index: 2;
float: right;
opacity: 0.2;
}
.iq-waves .waves {
position: absolute;
width: 15rem;
height: 15rem;
background: var(--primary-color);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius: 320px;
background-clip: padding-box;
-webkit-animation: waves 3s ease-in-out infinite;
animation: waves 3s ease-in-out infinite;
}
.iq-waves .wave-1 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.iq-waves .wave-2 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.iq-waves .wave-3 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
@-webkit-keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
} .footer-subscribe {
background: var(--title-color);
padding: 60px 0;
margin-bottom: 75px;
}
.footer-subscribe .vc_custom_heading {
color: var(--white-color);
}
.mc4wp-form-fields {
position: relative;
}
.mc4wp-form-fields input[type=submit] {
position: absolute;
right: 0;
top: 0;
}
.footer-subscribe p {
margin-bottom: 0;
}
.footer-subscribe .title {
color: var(--white-color);
} #wpcf7-f507-p385-o1 input,
#wpcf7-f507-p385-o1 textarea {
background: transparent;
border: 1px solid var(--white-color);
}
#wpcf7-f507-p385-o1 input[type=submit] {
background: var(--primary-color);
border-color: var(--primary-color);
}
#wpcf7-f507-p385-o1 input[type=submit]:hover,
#wpcf7-f507-p385-o1 input[type=submit]:focus {
background: var(--primary-color);
border-color: var(--primary-color);
}
#wpcf7-f507-p385-o1 input::-webkit-input-placeholder {
color: var(--white-color);
}
#wpcf7-f507-p385-o1 input::-moz-placeholder {
color: var(--white-color);
}
#wpcf7-f507-p385-o1 input:-ms-input-placeholder {
color: var(--white-color);
}
#wpcf7-f507-p385-o1 textarea::-webkit-input-placeholder {
color: var(--white-color);
}
#wpcf7-f507-p385-o1 textarea::-moz-placeholder {
color: var(--white-color);
}
#wpcf7-f507-p385-o1 textarea:-ms-input-placeholder {
color: var(--white-color);
}
@keyframes shadow-pulse-dots {
0% {
box-shadow: 0 0 0 0px rgba(0, 123, 252, 0.2);
}
100% {
box-shadow: 0 0 0 15px rgba(0, 123, 252, 0);
}
}
body.page-id-227 .iq-breadcrumb-one,
body.page-id-385 .iq-breadcrumb-one {
display: none;
}
body.page-id-227 .content-area .site-main,
body.page-id-385 .content-area .site-main {
padding: 0;
}
body.page-id-814 .content-area .site-main {
padding-bottom: 0;
} .woocommerce .products .iq-main-product,
.woocommerce .iq-main-product.products {
margin: 0 -15px;
}
.woocommerce .products .iq-main-product.owl-carousel,
.woocommerce .iq-main-product.owl-carousel.products {
margin: 0;
}
.woocommerce .iq-main-product.products.text-right {
margin: 0;
}
.woocommerce .iq-main-product.products .iq-sub-product.product,
.woocommerce-page .iq-main-product.products .iq-sub-product.product {
padding: 0 15px;
margin: 0 0 30px;
}
.woocommerce .iq-main-product.products.columns-2 .iq-sub-product.product,
.woocommerce-page .iq-main-product.products.columns-2 .iq-sub-product.product {
width: 50%;
}
.woocommerce .iq-main-product.products.columns-3 .iq-sub-product.product,
.woocommerce-page .iq-main-product.products.columns-3 .iq-sub-product.product {
width: 33.33%;
}
.woocommerce-page.columns-4 .iq-main-product.products .iq-sub-product.product,
.woocommerce.columns-4 .iq-main-product.products .iq-sub-product.product {
width: 25%;
}
.woocommerce-page.columns-5 .iq-main-product.products .iq-sub-product.product,
.woocommerce.columns-5 .iq-main-product.products .iq-sub-product.product {
width: 20%;
}
.woocommerce .columns-5 .iq-woo-product-inner .iq-woo-product-content {
padding: 15px 0;
}
.woocommerce-page.columns-6 .iq-main-product.products .iq-sub-product.product,
.woocommerce.columns-6 .iq-main-product.products .iq-sub-product.product {
width: 16.6666%;
}
.woocommerce .iq-main-product.products .iq-sub-product.product,
.woocommerce-page .iq-main-product.products .iq-sub-product.product {
float: left;
position: relative;
}
.woocommerce .iq-woo-product-inner {
display: inline-block;
position: relative;
vertical-align: top;
width: 100%;
padding: 10px 10px 0 10px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
background: var(--white-color);
border-radius: 5px;
}
.woocommerce .iq-woo-product-inner .iq-woo-product-content {
padding: 15px;
text-align: left;
}
.iq-woo-product-inner .iq-product-title-price-holder {
display: block;
}
.iq-woo-product-inner .iq-product-title-price-holder .iq-product-title {
align-self: center;
margin: 0;
}
.iq-woo-product-inner:hover .iq-product-title-price-holder .iq-product-title {
color: var(--primary-color);
}
.iq-woo-product-inner .iq-product-title-price-holder .iq-product-price {
position: relative;
margin: 10px 0;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 600;
color: var(--primary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
align-items: center;
}
.iq-woo-product-inner .iq-product-title-price-holder .iq-product-price ins {
background: transparent;
}
.iq-woo-product-inner .iq-product-title-price-holder .iq-product-price del {
color: var(--title-color);
font-size: 16px;
align-self: center;
margin-right: 5px;
}
.iq-woo-product-inner .iq-woo-product-price-rating-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
.iq-woo-product-inner .iq-woo-ratings ul li i {
font-size: 12px;
}
.iq-woo-product-price-rating-holder .iq-woo-product-base-price {
color: var(--primary-color);
}
.iq-woo-product-inner .iq-woo-product-price-rating-holder ins {
background: transparent;
}
.iq-woo-product-inner .iq-woo-ratings {
color: var(--secondary-color);
position: relative;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.iq-woo-product-inner .iq-woo-ratings ul {
margin: 0;
padding: 0;
}
.iq-woo-product-inner .iq-woo-ratings .iq-review {
color: var(--body-text);
margin-left: 5px;
font-weight: 500;
}
.iq-woo-product-inner .iq-woo-ratings ul li {
list-style: none;
float: left;
display: inline-block;
padding: 0;
margin: 0 2px 0 0;
}
.iq-woo-product-inner .iq-woo-ratings ul li:last-child {
margin-right: 0;
}
.iq-woo-product-inner .iq-woo-ratings ul li i.fa-star-o {
color: var(--body-text);
}
.woocommerce .iq-main-product .iq-sub-product .iq-woo-product-image img {
width: 100%;
z-index: 1;
position: relative;
border-radius: 5px;
}
.products .iq-woo-buttons-holder {
position: relative;
z-index: 99;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.products .iq-woo-buttons-holder ul {
margin: 0;
padding: 0;
}
.products .iq-woo-buttons-holder ul li {
list-style: none;
display: inline-block;
margin-bottom: 10px;
}
.products .iq-woo-buttons-holder ul li:last-child {
margin-bottom: 0;
}
.products .iq-woo-buttons-holder ul li a {
color: var(--title-color);
background: transparent;
border-radius: 5px;
font-size: 16px;
text-align: center;
display: inline-block;
border: 1px solid var(--secondary-color);
}
.products .iq-woo-buttons-holder ul li a:hover {
background: var(--secondary-color);
box-shadow: -1.15px 10.94px 39.56px 3.44px rgba(0, 0, 0, 0.15);
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a:hover,
.products .iq-woo-buttons-holder ul li:nth-child(1) a:hover i,
.products .iq-woo-buttons-holder ul li a:hover:before {
color: var(--white-color);
}
.products .iq-woo-buttons-holder ul li i {
margin-right: 0;
}
.iq-woo-product-inner .iq-woo-product-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.products .iq-woo-buttons-holder ul li a.woosq-btn {
font-size: 0;
}
.products .iq-woo-buttons-holder ul li a.woosq-btn:before {
font-size: 16px;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.yith-wcwl-add-button a span {
display: none;
}
.products .iq-woo-buttons-holder ul li .yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.products .iq-woo-buttons-holder ul li .ajax_add_to_cart.added {
display: none !important;
}
.products .iq-woo-buttons-holder ul li .added_to_cart {
font-size: 0;
position: relative;
}
.iq-woo-product-inner .woocommerce-LoopProduct-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.woocommerce .iq-main-product.products.owl-carousel .iq-sub-product.product {
width: 100%;
}
.woocommerce .iq-main-product.products .iq-sub-product.product .onsale {
top: 0;
right: auto;
left: 0;
margin: 0;
border-radius: 5px;
font-size: 16px;
padding: 12px 16px;
font-weight: normal;
background: var(--primary-color);
}
.woocommerce span.onsale {
padding: 10px 15px;
min-height: auto;
min-width: auto;
line-height: normal;
top: 0;
left: 0;
border-radius: 5px;
line-height: normal;
background: var(--primary-color);
}
.products .iq-sub-product .iq-woo-buttons-holder ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
z-index: -1;
}
.products .iq-sub-product .iq-woo-buttons-holder ul li {
opacity: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.products .iq-sub-product .iq-woo-buttons-holder ul li a:hover i {
color: var(--white-color);
}
.products .iq-sub-product:hover .iq-woo-buttons-holder ul li {
opacity: 1;
}
.product li .woosq-btn {
font-size: 0;
height: 50px;
width: 50px;
border-radius: 5px;
color: var(--white-color);
background: var(--secondary-color);
border-radius: 5px;
line-height: 50px;
margin: 0;
padding: 0;
display: inline-block;
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(2) a,
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(3) a {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: var(--secondary-color);
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a {
padding: 14px 15px;
line-height: 14px;
color: var(--white-color);
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
background: var(--secondary-color);
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a:hover {
background: var(--primary-color);
border-color: var(--primary-color);
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a span {
color: var(--white-color);
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:after,
.iq-woo-buttons-holder {
display: block;
clear: both;
content: "";
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) a:hover span {
color: var(--white-color);
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(1) {
display: flex;
margin-right: auto;
width: auto;
}
.iq-woo-buttons-holder ul {
display: flex;
flex-wrap: wrap;
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(2),
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(3) {
margin-left: 5px;
}
.products .iq-sub-product .iq-woo-buttons-holder ul li:nth-child(2) {
margin-left: 0px;
}
.iq-product-category {
display: block;
align-items: center;
}
.woocommerce .iq-woo-product-inner .iq-woo-product-content .iq-category {
font-size: 14px;
}
.products .iq-woo-buttons-holder ul li:nth-child(1) i {
color: var(--white-color);
margin-right: 5px;
}
.woocommerce .iq-main-product .iq-sub-product .iq-woo-product-image {
position: relative;
}
.iq-main-product .iq-sub-product:nth-child(odd) .iq-woo-product-inner .iq-woo-product-image:after {
background-color: var(--light-yellow-color);
}
.iq-main-product .iq-sub-product:nth-child(even) .iq-woo-product-inner .iq-woo-product-image:after {
background-color: var(--light-green-color);
}
.woocommerce .iq-main-product .iq-sub-product .iq-woo-product-image:after {
content: '';
width: 100%;
height: 100%;
border-radius: 5px;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
-webkit-transition: all ease .35s;
transition: all ease .35s;
}
.iq-masonry {
margin-top: 45px
}
.isotope-filters.isotope-tooltip {
margin: 0 auto;
text-align: center;
}
.st-woocommerce-related-product .related .iq-main-product.products .iq-sub-product.first,
.st-woocommerce-related-product .related ul.products:after {
clear: none;
}
.woocommerce .products .iq-main-product,
.woocommerce .iq-main-product.products {
padding: 0;
list-style: none outside;
clear: both;
display: flex;
flex-wrap: wrap;
}
.product .woosq-btn {
display: none;
}
.product .woosq-btn:hover {
background: var(--primary-color);
}
.woocommerce .iq-main-product.products .iq-sub-product.first,
.woocommerce-page .iq-main-product.products .iq-sub-product.first {
list-style: none outside;
}
.woocommerce .iq-main-product.products::after,
.woocommerce-page .iq-main-product.products::after {
clear: both;
}
.products .iq-sub-product .iq-woo-product-image {
overflow: hidden;
position: relative;
}
.products .iq-sub-product .iq-woo-product-image img,
.iq-product-block-info .iq-product-img img {
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
width: 100%;
-ms-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.products .iq-sub-product:hover .iq-woo-product-image img,
.iq-product-block-info:hover .iq-product-img img {
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
z-index: 1;
position: relative;
}
.iq-product-block-info .iq-product-img {
position: relative;
}
#order_review .woocommerce-checkout-review-order-table .order-total .amount {
font-size: 24px;
color: var(--primary-color);
}
#order_review .woocommerce-checkout-review-order-table .amount {
color: var(--title-color);
font-weight: bold;
} .woocommerce-info::before {
content: "";
}
.woocommerce-page .woocommerce-info .button {
float: inherit;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 30px;
}
.woocommerce .woocommerce-result-count {
font-size: 18px;
font-family: 'Poppins', sans-serif;
color: var(--title-color);
margin: 0;
line-height: 48px;
}
.woocommerce div.product a.woocommerce-review-link {
margin-left: 15px;
color: var(--body-text);
text-decoration: none;
}
.woocommerce div.product a.woocommerce-review-link:hover {
color: var(--secondary-color);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--primary-color);
font-size: 2.25em;
font-family: 'Poppins', sans-serif;
margin: 0 0;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: normal;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce div.product .iq-single-pro-description {
margin-bottom: 10px;
margin-top: 0;
}
.woocommerce div.product .posted_in.iq-meta-list {
margin-bottom: 30px;
display: block;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 0;
}
.woocommerce-page.woocommerce-cart div.woocommerce .shop_table .product-quantity .quantity .minus,
.woocommerce-page.woocommerce-cart div.woocommerce .shop_table .product-quantity .quantity .plus,
.woocommerce div.product .quantity .minus,
.woocommerce div.product .quantity .plus,
.woocommerce div.product form.cart .group_table button.minus,
.woocommerce div.product form.cart .group_table button.plus {
padding: 0;
float: left;
height: 43px;
width: 43px;
text-align: center;
background: var(--primary-color);
color: var(--white-color);
border: 1px solid var(--primary-color);
outline: 0;
}
.woocommerce .quantity .qty {
height: 43px;
margin: 0 5px;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 15px;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
background: var(--secondary-color);
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus {
color: var(--title-color);
background: var(--white-color);
}
.woocommerce div.product .iq-product-meta-title {
margin-right: 5px;
font-family: 'Poppins', sans-serif;
color: var(--title-color);
font-size: 18px;
}
.woocommerce div.product .product_meta .sku_wrapper,
.woocommerce div.product .product_meta .posted_in {
display: block;
}
.woocommerce div.product .product_meta .iq-meta-list a {
color: var(--body-text);
}
.woocommerce div.product .product_meta .iq-meta-list a:hover {
color: var(--primary-color);
}
.woocommerce div.product table td,
.woocommerce div.product table th {
border: 0;
vertical-align: text-bottom;
line-height: 2em;
text-align: left;
padding: 0;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 33.33%;
text-align: left;
}
.woocommerce div.product form.cart .group_table button {
border-radius: 5px;
padding: 14px 30px;
}
.woocommerce div.product form.cart .group_table tr {
padding-bottom: 15px;
display: block;
float: left;
width: 100%;
}
.woocommerce div.product form.cart .group_table td {
width: 33.33%;
text-align: left;
vertical-align: middle;
}
.woocommerce div.product .stock {
margin-bottom: 0;
}
.woocommerce div.product p.out-of-stock,
.woocommerce div.product p.stock {
color: var(--secondary-color);
font-family: 'Poppins', sans-serif;
font-size: 24px;
margin-bottom: 15px;
margin-top: 0;
}
.woocommerce div.product form.cart .button {
float: none;
display: block;
}
.woocommerce div.product form.cart .iq-single-wishlist {
display: block;
margin-top: 15px;
margin-left: 3px;
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-button a {
color: var(--body-text);
text-decoration: none;
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-button a:hover {
color: var(--primary-color);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-button a span {
display: inline-block;
vertical-align: middle;
color: var(--body-text);
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-to-wishlist span.feedback a span {
display: inline-block;
padding-left: 5px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-button a:hover span {
color: var(--primary-color);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-button a i {
color: var(--body-text);
vertical-align: middle;
}
.woocommerce div.product form.cart .iq-single-wishlist .yith-wcwl-add-button a:hover i {
color: var(--primary-color);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label label a {
color: var(--body-text);
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label label a:hover {
color: var(--primary-color);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-variation-price {
margin-bottom: 15px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
margin-right: 15px;
color: grey;
}
.woocommerce.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared div.product .variable-items-wrapper .variable-item {
border-radius: 5px;
margin: 0 10px 0 0;
}
.woocommerce.woo-variation-swatches-stylesheet-enabled div.product .variable-items-wrapper .variable-item:not(.radio-variable-item) {
border: 1px solid var(--title-color);
box-shadow: none;
padding: 5px 15px;
}
.woocommerce div.product form.cart .reset_variations {
display: none;
}
.woocommerce div.product table.shop_attributes {
border: 1px solid var(--primary-color);
border-collapse: separate;
border-radius: 5px;
margin: 0;
}
.woocommerce #reviews #comment {
height: 110px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
margin-bottom: 5px;
}
.woocommerce div.product table.shop_attributes th,
.woocommerce-page div.product table.shop_attributes th {
width: 150px;
border-right: 1px solid var(--primary-color);
font-weight: 600;
padding: 10px 5px 10px 25px;
border-top: 0;
margin: 0;
color: var(--title-color);
}
.woocommerce div.product table.shop_attributes td,
.woocommerce-page div.product table.shop_attributes td {
padding: 8px 30px;
border-top: 0;
margin: 0;
}
.woocommerce div.product .entry-summary form.cart .variations tr {
border-bottom: 0;
display: block;
margin-bottom: 15px;
}
.woocommerce div.product .entry-summary form.cart .variations td,
.woocommerce div.product .entry-summary form.cart .variations th {
padding: 0;
text-align: initial;
vertical-align: middle;
width: 100%;
}
.woocommerce div.product .entry-summary form.cart .variations label {
color: var(--primary-color);
margin-bottom: 0;
font-size: 24px;
}
.woocommerce div.product form.cart .variations select {
width: 300px;
}
.woocommerce div.product div.images .flex-viewport {
margin-bottom: 30px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin: 0 -15px;
display: block;
position: relative;
bottom: 0;
width: auto;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 0 15px;
margin-bottom: 30px;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 50%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.33333%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-6 .flex-control-thumbs li {
width: 16.66667%;
}
.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: none;
}
.woocommerce a.remove {
border-radius: 5px;
color: var(--white-color) !important;
background: var(--primary-color);
height: 30px;
width: 30px;
line-height: 30px;
font-size: 18px;
} .woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0 0 45px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border: none;
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
width: auto;
float: left;
margin: 0;
padding: 0;
background: transparent;
text-align: center;
border: none;
border-radius: 5px;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
margin-right: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
background: var(--primary-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size: 14px;
padding: 14px 30px;
display: block;
line-height: normal;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--white-color);
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
margin-bottom: 30px;
}
.woocommerce #reviews #comments h2 {
font-size: 30px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
}
.woocommerce #review_form #respond p.form-submit {
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel ul li {
color: var(--primary-color);
font-weight: 500;
} .woocommerce div.product #reviews #comments ol.commentlist li {
list-style: none;
}
.woocommerce div.product #reviews #comments ol.commentlist li .comment_container {
display: flex;
}
.woocommerce div.product #reviews #comments ol.commentlist li img.avatar {
position: relative;
padding: 0;
height: 80px;
width: 80px;
border-radius: 90px;
}
.woocommerce div.product #reviews #comments ol.commentlist li .comment-text {
border: none;
flex: 1;
padding: 0;
margin: 0 0 0 30px;
}
.woocommerce div.product #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author {
font-family: 'Poppins', sans-serif;
color: var(--title-color);
font-size: 18px;
display: block;
text-transform: uppercase;
}
.woocommerce div.product #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__dash {
display: none;
}
.woocommerce div.product #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__published-date {
color: var(--primary-color);
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
width: 100%;
margin: 5px 0;
}
.woocommerce div.product #reviews #comments ol.commentlist li .comment-text .star-rating span::before {
color: var(--secondary-color);
}
.woocommerce p.stars a::before,
.woocommerce .star-rating span::before {
color: var(--secondary-color);
}
.woocommerce #review_form #respond .stars {
line-height: 24px;
margin: 0 0 15px 30px;
display: inline-block;
vertical-align: middle;
}
.woocommerce #review_form #respond .stars a {
vertical-align: middle;
} .woocommerce div.product .related .owl-carousel .iq-sub-product.product {
width: 100%;
padding: 15px 15px 0;
margin: 0;
}
.woocommerce-pagination .page-numbers li a.prev.page-numbers,
.woocommerce-pagination .page-numbers li a.next.page-numbers {
line-height: 40px;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-description {
margin: 0;
} .woof_products_top_panel li {
line-height: normal;
}
.woof_products_top_panel {
position: absolute;
top: -60px;
}
.woof_products_top_panel li a {
padding: 6px;
color: var(--body-text);
font-size: 12px;
border: 1px solid var(--primary-color);
display: inline-block;
line-height: normal;
border-radius: 5px;
}
.woof_products_top_panel li span {
position: relative;
background: none;
}
.woof_products_top_panel li span:before {
content: "\f057";
position: absolute;
font-size: 12px;
font-family: "Font Awesome 5 Free";
font-weight: 600;
line-height: normal;
right: 0;
top: 3px;
color: var(--primary-color);
} .woof_text_search_container .woof_text_search_go:before {
content: "\f002";
position: relative;
font-size: 18px;
font-family: "Font Awesome 5 Free";
font-weight: 600;
position: relative;
line-height: 51px;
color: var(--body-text);
right: -18px;
}
.woof_text_search_container.woof_container .woof_show_text_search_container input[type=search]::-webkit-input-placeholder {
color: var(--body-text);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input[type=search]::-webkit-input-placeholder {
color: var(--body-text);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input[type=search]::-moz-placeholder {
color: var(--body-text);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input[type=search]:-ms-input-placeholder {
color: var(--body-text);
}
.woof_text_search_container .woof_text_search_go {
background: none;
position: absolute;
right: 0;
top: 0;
width: 51px;
height: 51px;
}
.woof .widget_price_filter .ui-slider .ui-slider-handle {
border-color: var(--white-color);
}
.woof .widget_price_filter .ui-slider .ui-slider-range,
.woof .widget_price_filter .ui-slider .ui-slider-handle {
background-color: var(--secondary-color);
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 6px 0;
}
.woof_text_search_container .woof_text_search_go {
display: block;
}
.woof_text_search_container.woof_container {
display: inline-block;
padding: 30px;
float: left;
color: var(--body-text);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input {
background: var(--light-yellow-color);
border: none;
border: 1px solid var(--secondary-color);
box-shadow: none;
border-radius: 5px;
padding: 9px 50px 9px 15px !important;
}
.woof_text_search_container.woof_container .woof_show_text_search_container .woof_show_text_search_loader {
display: none !important;
}
.woof_text_search_container.woof_container .woof_show_text_search_container .easy-autocomplete-container {
top: 42px;
z-index: 99;
}
.woof_text_search_container.woof_container .woof_show_text_search_container .easy-autocomplete-container ul {
border: none;
}
.woof_text_search_container.woof_container .woof_show_text_search_container .easy-autocomplete-container ul li,
.woof_text_search_container.woof_container .woof_show_text_search_container .easy-autocomplete-container ul .eac-category {
color: var(--body-text);
}
.woof_text_search_container.woof_container .woof_show_text_search_container .easy-autocomplete-container ul li .eac-item img {
top: 0;
}
.woof_text_search_container.woof_container .woof_show_text_search_container input:focus {
box-shadow: none;
border: none;
border: 1px solid var(--primary-color);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input::-webkit-input-placeholder {
color: var(--white-color);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input:-ms-input-placeholder {
color: var(--white-color);
}
.woof_text_search_container.woof_container .woof_show_text_search_container input::placeholder {
color: var(--white-color);
}
.woof_container {
padding: 30px 30px;
display: inline-block;
width: 100%;
margin: 0 0 30px;
float: left;
border: 0px solid var(--white-light-color);
border-radius: 5px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}
.woof_container h4,
.site-content .widget.woof_subcribe h4 {
font-size: 20px;
margin-bottom: 15px;
position: relative;
display: block;
padding-bottom: 15px;
}
.woof_container h4:before {
content: "";
width: 28px;
height: 3px;
background: var(--secondary-color);
position: absolute;
bottom: 0px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: var(--secondary-color);
}
.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
margin-top: 30px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 3px;
height: 20px;
border-color: var(--secondary-color);
background-color: var(--secondary-color);
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.22em;
margin-left: 0;
}
.woof .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -3px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 5px;
background-color: var(--white-light-color);
border: 0;
margin: 0 0 15px;
height: 12px;
}
.woof_container .woof_list_checkbox {
margin: 0;
padding: 0;
}
.woof_container .woof_list_checkbox li {
margin: 0 0 10px 0 !important;
padding: 0 0 10px 0 !important;
line-height: normal;
border-bottom: 1px solid rgba(82, 95, 129, 0.09);
}
.woof_container .woof_list_checkbox li:last-child {
border: none;
padding: 0 !important;
margin: 0 !important;
}
.woof_container .woof_list_checkbox li input {
display: none;
}
.woof_container .woof_list_checkbox li label {
margin: 0;
padding: 0;
line-height: 2;
}
.woof_container .woof_list_checkbox li label span.woof_checkbox_count {
color: var(--primary-color);
}
.woof_container .woof_list_checkbox li label.woof_checkbox_label_selected {
font-weight: normal;
color: var(--secondary-color);
}
.widget.woof_container .iq-popular-product-widget {
display: flex;
align-items: flex-start;
margin: 0 0 15px;
}
.widget.woof_container .iq-popular-product-widget:last-child {
margin: 0;
}
.widget.woof_container .iq-popular-product-widget .iq-pro-img {
width: 80px;
height: 80px;
margin-right: 10px;
}
.widget.woof_container .iq-popular-product-widget .iq-pro-img img {
width: 100%;
height: 100%;
border-radius: 5px;
}
.widget.woof_container .iq-popular-product-widget .iq-pro-info {
align-self: center !important;
flex: 1;
}
.widget.woof_container .iq-popular-product-widget .iq-pro-info ins {
background: transparent;
}
.widget.woof_container .iq-popular-product-widget .iq-pro-info del {
margin-right: 5px;
color: var(--secondary-color);
}
.widget.woof_subcribe {
position: relative;
background-size: cover !important;
}
.site-content .widget.woof_subcribe:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
background: var(--title-color);
opacity: 0.8;
}
.widget.woof_subcribe .iq-subcribe-widget {
position: relative;
}
.widget.woof_subcribe .iq-subcribe-widget .footer-title {
color: var(--white-color);
margin-bottom: 15px;
}
.widget.woof_subcribe .mc4wp-form-fields button {
float: left;
display: block;
width: 100%;
text-align: center;
position: relative;
margin-top: 10px;
}
.widget.woof_subcribe .mc4wp-response {
color: var(--white-color);
margin-top: 0;
display: block;
width: 100%;
position: relative;
clear: both;
float: left;
}
.widget.woof_subcribe .mc4wp-response .mc4wp-alert {
margin: 15px 0 0 0;
}
.widget.woof_subcribe .mc4wp-response .mc4wp-alert p {
margin-bottom: 0;
} .woocommerce table.shop_table.cart {
border: none;
background-color: var(--white-color);
border-radius: 0px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
overflow: hidden;
padding: 30px;
}
.woocommerce table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
border: 1px solid var(--white-light-color);
box-shadow: none;
padding: 15px;
border-collapse: collapse;
}
.woocommerce table.shop_table.woocommerce-orders-table {
box-shadow: none;
padding: 0;
border: 1px solid var(--white-light-color);
}
.woocommerce-page div.woocommerce table.shop_table tr {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid var(--white-light-color);
}
.woocommerce-page div.woocommerce table.shop_table th {
font-family: 'Poppins', sans-serif;
font-weight: bold;
text-transform: initial;
color: var(--title-color);
font-size: 20px;
line-height: 1.2em;
}
.woocommerce-page div.woocommerce table.shop_table td,
.woocommerce-page div.woocommerce table.shop_table th {
padding: 15px 15px;
text-align: left;
vertical-align: middle;
border: none;
}
.woocommerce-page div.woocommerce table.shop_table td.product-remove a {
color: var(--white-color) !important;
background: var(--primary-color);
height: 30px;
width: 30px;
line-height: 30px;
font-size: 18px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
min-width: 120px;
width: 120px;
}
.woocommerce-page.woocommerce-cart div.woocommerce table.shop_table td.product-name a {
color: var(--body-text);
text-decoration: none;
}
.woocommerce-page.woocommerce-cart div.woocommerce table.shop_table td.product-name a:hover {
color: var(--primary-color);
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
margin-right: 15px;
width: auto;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
float: none;
font-size: 18px;
line-height: 20px;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
padding: 15px;
}
.woocommerce-page.woocommerce-cart div.woocommerce table.shop_table tbody tr:last-child {
border-bottom: 0;
}
.woocommerce-page.woocommerce-cart div.woocommerce table.shop_table tbody tr.order-total {
border-bottom: 1px solid var(--white-light-color);
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
padding-top: 70px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
}
.woocommerce .cart-collaterals .cart_totals h2 {
margin-bottom: 30px;
}
.woocommerce .cart-collaterals table.shop_table .order-total span.woocommerce-Price-amount.amount {
color: var(--title-color);
} .woocommerce-info,
.woocommerce-message,
.woocommerce-info {
background: var(--light-green-color);
border: 1px solid var(--light-green-color);
border-radius: 5px;
margin: 0 0 30px;
}
.woocommerce-error {
background: rgb(255 0 0 / 6%);
border: 1px solid rgb(255 0 0 / 24%);
border-radius: 5px;
}
.woocommerce-error::before {
color: var(--error-color);
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--primary-color);
}
#customer_details {
margin-bottom: 30px;
}
#customer_details h2 {
margin-bottom: 30px;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100%;
}
.woocommerce form .form-row {
padding: 0;
margin: 0 0 15px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: block;
margin-bottom: 10px;
}
.woocommerce form .form-row span.woocommerce-input-wrapper {
display: block;
width: 100%;
float: left;
}
.woocommerce form .form-row .select2-container .select2-selection--single {
height: 51px;
border-radius: 5px;
border-color: var(--white-light-color);
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 51px;
right: 15px;
top: 0;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--title-color);
line-height: 48px;
height: 51px;
padding-left: 15px;
padding-right: 20px;
outline: none;
}
.woocommerce form .form-row .select2-container--default .select2-results>.select2-results__options,
.select2-results {
float: left;
width: 100%;
}
.woocommerce form .form-row .select2-container .select2-selection--single:hover,
.woocommerce form .form-row .select2-container .select2-selection--single:focus {
border-color: var(--primary-color);
}
.woocommerce form .form-row textarea {
height: 150px;
padding: 15px;
}
#order_review_heading {
margin-bottom: 30px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
border: 1px solid var(--white-light-color);
border-radius: 5px;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
display: none;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
padding: 0;
margin: 0;
background: transparent;
border: none;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border-color: var(--white-light-color);
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
padding: 15px;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal img {
padding: 0 15px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received {
margin: 0 0 30px;
color: var(--primary-color);
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li {
position: relative;
margin: 0;
padding: 15px 0;
border-bottom: 1px solid var(--white-light-color);
width: 100%;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li strong {
display: inline-block;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details {
margin-bottom: 0;
}
h2.woocommerce-column__title {
margin-top: 45px;
margin-bottom: 15px;
} .woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin-bottom: 45px;
text-align: center;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
margin-right: 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
color: var(--title-color);
font-family: 'Poppins', sans-serif;
font-size: 18px;
text-decoration: none;
padding: 12px 30px;
display: inline-block;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
color: var(--white-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
background: var(--primary-color);
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
box-shadow: -1.15px 10.94px 39.56px 3.44px rgba(0, 0, 0, 0.15);
border-radius: 5px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: none;
padding: 0;
margin: 30px 0;
border-radius: 5px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
width: 100%;
display: block;
}
.woocommerce form .password-input,
.woocommerce-page form .password-input,
.woocommerce form .password-input,
.woocommerce-page form .password-input {
display: block;
width: 100%;
}
.woocommerce-Addresses .woocommerce-Address header {
position: relative;
z-index: 0;
}
.woocommerce-Addresses .woocommerce-Address header h3 {
margin-bottom: 0;
}
.admin-bar .woocommerce-Addresses .woocommerce-Address header {
top: 0;
}
.woocommerce-Addresses .woocommerce-Address {
padding: 30px;
margin-bottom: 30px;
background: var(--light-green-color);
}
.woocommerce-Addresses .woocommerce-Address address {
margin-bottom: 0;
}
.woocommerce-MyAccount-content h3 {
margin-bottom: 30px;
}
legend {
font-family: 'Poppins', sans-serif;
color: var(--title-color);
}
.iq-dash-title {
font-size: 24px;
}
.iq-dash-title strong {
font-family: 'Poppins', sans-serif;
color: var(--title-color);
font-weight: normal;
text-transform: capitalize;
}  ::-webkit-scrollbar-track {
background: var(--white-color);
} ::-webkit-scrollbar-thumb {
background: #888;
} ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.form-submit input#submit {
overflow: inherit;
display: inline-block;
line-height: normal;
width: auto;
background: var(--primary-color);
color: var(--white-color);
}
.form-submit input:focus {
border-color: var(--secondary-color);
}
.form-submit input#submit:hover,
.form-submit input#submit:focus {
background: var(--secondary-color);
color: var(--white-color);
} i.fa.fa-star {
color: var(--secondary-color);
}
.widget_search .search-form input[type=search]::-webkit-input-placeholder,
.widget_search .search-form input {
color: var(--body-text);
}
.widget_search .search-form input[type=search]::-webkit-input-placeholder {
color: var(--body-text);
}
.widget_search .search-form input[type=search]::-moz-placeholder {
color: var(--body-text);
}
.widget_search .search-form input[type=search]:-ms-input-placeholder,
.widget_search .search-form .search-submit {
color: var(--body-text);
}
.rounded-circle {
border-radius: 5px !important;
} .wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
position: absolute;
bottom: -5px;
left: 0;
color: var(--error-color);
border: none;
padding: 0;
margin: 5px 0;
}
.contact-form .cfield textarea {
border-radius: 10px;
background: transparent;
color: var(--body-text);
border: 1px solid rgba(134, 140, 156, 0.32);
padding: 15px 0 0 15px;
}
.wpcf7-form p:nth-child(n+6) {
margin-bottom: 0;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
.wpcf7-not-valid-tip {
display: none !important;
}
.contact-form .cfield {
position: relative;
width: 100%;
display: inline-block;
}
.contact-form .cfield input[type=submit] {
margin-top: 15px;
}
.contact-form .cfield input {
position: relative;
width: 100%;
margin-bottom: 15px;
background: transparent;
border-radius: 10px;
padding-left: 15px;
height: 55px;
line-height: 55px;
clear: both;
border: 1px solid rgba(134, 140, 156, 0.32);
}
.col-lg-4.upload-file input {
outline: none !important;
line-height: normal;
padding: 14px 10px;
}
.contact-form .cfield input:focus,
.contact-form .cfield.textarea textarea:focus,
.contact-form .cfield textarea:focus {
border: 1px solid var(--primary-color);
box-shadow: none;
outline: none;
}
.contact-form .cfield.textarea textarea {
margin-bottom: 15px;
width: 100%;
float: left;
background: var(--white-color);
border: 1px solid var(--white-light-color);
border-radius: 10px;
padding: 15px 0 0 20px;
resize: none;
}
.contact-form .cfield .wpcf7-not-valid {
border: 1px solid var(--error-color);
}
.contact-form .ajax-loader {
margin: 32px 0 0 5px;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
.contact-form .cfield .wpcf7-not-valid,
.iq-warning {
border: 1px solid var(--warning-color);
} .wishlist_table tr th.product-thumbnail {
width: 110px;
}
.wishlist_table tr th.product-remove {
width: 60px;
}
.woocommerce table.shop_table th span {
font-size: 20px;
color: var(--primary-color);
text-transform: capitalize;
}
.woocommerce table.shop_table td a {
font-size: 16px;
color: var(--title-color);
}
.woocommerce table.shop_table td a:hover {
color: var(--primary-color);
}
.hidden-title-form a.hide-title-form.btn.button {
margin-top: 10px;
margin-left: 15px;
line-height: normal;
font-size: 14px;
}
.hidden-title-form input[type=submit] {
margin-top: 10px;
}
.woocommerce #content table.wishlist_table.cart a.remove:hover {
background: var(--primary-color);
}
.woocommerce table.shop_table td a.button {
color: var(--white-color);
}
.woocommerce .quantity .qty {
width: 3.900em;
}
.woocommerce-additional-fields {
margin-top: 30px;
}
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3 {
margin-bottom: 15px;
}
button.button.iq-button.has-icon.btn-icon-right,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.swal2-styled.swal2-confirm {
line-height: 20px;
background: var(--secondary-color);
color: var(--white-color);
font-weight: normal;
font-size: 14px;
border-radius: 5px !important;
}
.swal2-actions button {
border-radius: 5px !important;
}
button.button.iq-button.has-icon.btn-icon-right:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
background: var(--primary-color);
color: var(--white-color);
}
fieldset legend {
float: left;
margin-top: 30px;
}
.woocommerce div.product .entry-summary form.cart .variations td {
position: relative;
}
.woocommerce div.product .product_title {
margin-bottom: 10px;
}
.reset_variations {
position: absolute;
left: 0px;
bottom: -51px;
padding: 5px 15px;
line-height: normal;
display: inline-block;
border: 1px solid;
}
.woocommerce-tabs.wc-tabs-wrapper {
padding: 30px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}
section.related.products {
margin-top: 120px;
}
section.related.products .owl-carousel .owl-nav {
display: none;
} .iq-social-share ul.info-share.social-icone {
margin: 30px 0;
display: block;
}
.iq-social-share ul.info-share.social-icone li a {
color: var(--primary-color);
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
line-height: 45px;
border-radius: 5px;
border: 1px solid var(--primary-color);
}
.iq-social-share ul.info-share.social-icone li a:hover {
background: var(--secondary-color);
color: var(--white-color);
border: 1px solid var(--secondary-color);
}
.iq-product-policy ul {
padding: 0;
margin: 0;
}
.iq-product-policy ul li {
list-style: none;
display: block;
}
.iq-product-policy ul li a {
padding: 15px;
display: block;
color: var(--title-color);
text-decoration: none;
background: var(--light-green-color);
margin-bottom: 8px;
border-radius: 5px;
}
.iq-product-policy ul li:last-child a {
margin-bottom: 0;
}
.iq-product-policy ul li a:hover {
color: var(--secondary-color);
}
.iq-product-policy .iq-product-policy-info img {
margin-right: 15px;
}
.iq-social-share ul.info-share.social-icone li a i {
color: var(--primary-color);
}
.iq-social-share ul.info-share.social-icone li a:hover i {
color: var(--white-color);
}
body:not(.elementor-page) article.type-page .sf-content {
background-color: var(--white-color);
border-radius: 0px;
box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
overflow: hidden;
padding: 30px;
}
.widget .widget-title:before {
content: "";
width: 28px;
height: 3px;
background: var(--secondary-color);
position: absolute;
bottom: 0px;
}
table.wishlist_table tbody td,
table.wishlist_table thead th {
border: none;
}
.woof_childs_list_opener span.woof_is_closed {
background: url(//epicerietropica.com/wp-content/themes/foodsto/assets/images/plus2.png);
}
.woof_childs_list_opener span.woof_is_opened {
background: url(//epicerietropica.com/wp-content/themes/foodsto/assets/images/minus2.png);
}
.wishlist-title.wishlist-title-with-form h2:hover {
background: transparent;
}
.wishlist-title a.show-title-form {
visibility: visible;
} header.menu-sticky .container.main-header .row.no-gutters {
box-shadow: none;
margin-top: 0;
background: transparent;
border-radius: 5px;
}
#place_order {
position: relative;
}
#place_order::after,
header .woocommerce-mini-cart__buttons a::after {
background: transparent;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f30b";
color: var(--white-color);
margin-left: 10px;
} @-webkit-keyframes clockwiseSpin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwiseSpin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.img-routed img {
content: "";
-webkit-animation: clockwiseSpin 70s linear 200000;
animation: clockwiseSpin 70s linear 200000;
display: inline-block;
}
.iq-image-rotate img {
transform: rotate(45deg);
} .woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 42%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 55%;
}
.summary.entry-summary {
padding: 30px;
border: 1px solid var(--white-light-color);
border-radius: 5px;
}
#woosq-popup .slick-slider .slick-arrow.slick-prev,
#woosq-popup .slick-slider .slick-arrow.slick-next,
#woosq-popup {
border-radius: 5px !important;
}
.mfp-close {
top: 10px;
right: 10px;
}
#woosq-popup .slick-slider .slick-arrow.slick-prev:before {
color: var(--primary-color);
}
#woosq-popup .slick-slider .slick-arrow.slick-next:before {
color: var(--primary-color);
}
#woosq-popup .slick-slider .slick-arrow:hover {
background: transparent;
color: var(--primary-color);
box-shadow: none;
}
.owl-carousel.blog-carousel .iq-blog-box .blog-title {
margin: 0 0 15px 0;
}
.owl-carousel.blog-carousel .iq-blog-box .iq-blog-detail .iq-blog-category {
margin:0 0 0 15px;
display: inline-block;
}
.owl-carousel.blog-carousel .iq-blog-box .iq-blog-detail .slider-style-blog {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#tab-description h2:first-child {
display: none;
}
#tab-additional_information h2:first-child {
display: none;
}
.product-images-list{
margin-top: 30px;
margin-bottom: 30px;
}
.product-images-list img{
width: 100%;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
}